如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)

本書將告訴您網頁設計的基本原則，快速上手的方法以及如何解決新手常見的問題，您可以藉由本書學到設計的基礎知識，快速上手。

藉由本書，您可以學到：
．改善設計的快速技巧
．基礎配色理論與實用技巧
．如何利用工具來確保網頁文字的可讀性
．排版的基礎觀念與重要原則
．如何有效率的挑選字體
．使用「留白」的技巧
．如何改善內容的呈現方式提高轉換率
．提升用戶體驗的快速技巧
．網頁的設計流程與如何訓練設計眼

<序>

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

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

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

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

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

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

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

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

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

現在，就讓我們開始吧！