如何設計好網站之UX與美學基礎

第一章｜如果你只想讀一章，就讀這一章吧
好用比好看更重要
改善設計的快速技巧

第二章｜理論與設計原則
2.1 網格
2.2 色彩
2.3 排版
2.4 留白空間
2.5 佈局和層次結構
2.6 內容
2.7 用戶體驗
2.8 圖片與圖像
2.9 補充花絮

第三章｜設計流程與訓練你的設計眼
3.1 尋找靈感
3.2 規劃
3.3 原型
3.4 獲取回饋
3.5 為設計編寫程式碼

第四章｜請放心

第五章｜其他資源補充

 

序

　　這本書並不是典型的「初學者」設計書。

　　初學者書籍通常會假設你想成為某種技能的專家。例如程式設計類書籍，會假設你想從事編寫程式或電腦工程師的工作；因此設計類的初學者書籍，當然會假設你想成為一位稱職的設計師。

　　然而如果你只想學到「剛好足夠」的設計概念，以便加強現有的工作內容呢？

　　我始終認為每個人應該在熱情關注的現有工作之外，逐步提升自己的能力。我的個人經歷無法歸類在任何一種職業類別下，因為除了擁有藝術與設計學位之外，我也用Python來開發網站和各種應用，還建立了一家新創公司並擔任管理職務。因為在各種領域了解「足夠」的知識，對我的職業來說相當重要。

　　正如設計師如果能懂點程式撰寫，會對自己的設計有很大的幫助一樣。程式設計師（或是市場行銷人員、產品經理、銷售人員等）也可以從對設計的了解中，獲益匪淺。即使你並不擅長設計，也可能在某些時刻遇上設計的問題。例如製作簡報、為程式或專案項目建立使用者介面，或是建立個人網站等。如果你必須跟設計師一起協同工作的話，事先具有一些設計經驗，便可讓你與設計師進一步交流，理解他們的工作內容，並獲得更好的「溝通」經驗。

　　幫助你得心應手的做設計
　　本書的目的並非讓你成為一位設計師，而是要讓你在需要設計時，能感到更為得心應手。書的重點會擺在視覺內容，你在書中找不到HTML、CSS或前端開發和程式碼等。因為我們將致力於讓你的設計更美觀，以及最重要的，如何讓它們變得更好用。

　　「解決問題」的設計
　　設計是用來「解決問題」。即使你覺得自己是在讓作品「更美」（例如編輯簡報時），其實也是在努力使簡報裡的訊息變得更容易閱讀和理解。而在網頁的使用介面中，我們確實希望讓一切變得更加自然和易於使用，因為「好的設計」對於吸引和留住新用戶，以及提高設計的成功率而言，都非常重要。

　　本書不僅會探討設計理論（以及某些設計原理背後的主要因素），還將探討一些常見設計問題的快速處理技巧和快速解決方案。舉例來說，除了分享有關顏色理論的知識外，也會同時分享一些配色資源，這些線上資源將協助你快速選取到美觀的配色。類似這樣的學習模式，將在整本書裡不斷重複出現，也就是不僅有許多快速處理的技巧，也會提供關於這些快速處理方式的原理解釋。

　　我的希望是讀到本書結尾時，你將對自己的設計充滿信心。然後，如果你真的想成為一位傳統的設計師，便可繼續尋找更傳統的「初學者」書籍，裡面應該會有關於設計理論和實踐的更多訊息。或者，你也可以只利用這本小書，讓自己目前的工作得到美感上的協助。無論你屬於哪種情況，只要讀到這本小書的結尾，你都將成為一位更棒的設計師。

　　現在，就讓我們開始吧！