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

Tracy Osborn 吳國慶 譯

  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-1
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-2
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-3
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-4
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-5
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-6
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-7
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-8
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-9
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-10
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-11
  • 如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-12
如何設計好網站之 UX 與美學基礎 (Hello Web Design: Design Fundamentals and Shortcuts for Non-Designers)-preview-1

買這商品的人也買了...

商品描述

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

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

 

<序>

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

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

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

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

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

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

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

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

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

現在,就讓我們開始吧!

作者簡介

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

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

目錄大綱

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

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

第四章|請放心

第五章|其他資源補充