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

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

作者： Tracy Osborn

譯者：

吳國慶

書號： ACU083400

出版日： 2021/09/16

ISBN： 9789865029395

EAN： 9789865029395

紙本書價格： 450

附件：無

電子書：

已出版

博客來

金石堂

天瓏

MOMO

Google Play

博客來

團體購書

回頁首

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

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

回頁首

Tracy Osborn是一位居住在加拿大多倫多的網頁設計師、網站開發人員和企業經營者。從十二歲開始建立的第一個網站迄今，奧斯朋一直對電腦、網際網路以及它們所能帶給人們的東西充滿興趣。她畢業於加州理工大學聖路易斯·奧比斯保分校。擁有藝術與設計學士學位與圖形設計專業學位。在擔任網頁設計師五年之後，自學程式設計並創辦了一家名為WeddingLovely（婚禮顧問公司）的公司。

她會定期在各種相關技術會議上發表演講，包括O’Reilly Fluent Conference 2016（歐萊禮的網站相關程式會議）、EuroPython 2017（歐洲最大的Python 程式語言會議）和DjangoCon US 2017（Django應用框架程式會議）上的主題演講等。

回頁首

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

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

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

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

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

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

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

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

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

現在，就讓我們開始吧！

回頁首

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

第二章｜理論與設計原則
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 為設計編寫程式碼

第四章｜請放心

第五章｜其他資源補充

回頁首

最親切的SEO入門教室｜關鍵字編輯x內容行銷x網站分析最親切的Google Analytics入門教室