得獎常勝軍的網頁設計指南!
設計好網站其實一點都不難!
想要設計出美麗出色的網站,也可以不用去藝術學院!
SitePoint最暢銷的網頁設計工具書,推出全新第三版,獲封最具價值網頁設計指南。涵蓋大量精采實例,內容清楚易懂,引領按部就班創造出優秀的設計作品,且完全無需網頁設計的底子。
好設計關乎其中元件的相互關係與平衡,而流行來來去去,但是好的設計則不受時空限制。本書由版面配置構圖、色彩、材質、文字編排設計、影像單元構成,目標很簡單,用大家都能理解及應用的方式,說明該擁有的網頁設計知識。為什麼呢?因為,網站設計的基本知識應是眾所周知的常識。我們不僅生活在網際網路裡,它也是我們一手打造的世界,所以該是大膽締造美好設計的時候了。
本書將引導您:
* 有效地套用顏色,並創建殺手級的配色方案。
* 建立適用於任何裝置的響應式版型。
* 善用各種質感:點、線、形、體積、深度和圖樣。
* 利用留白及網格,建構完善的版型基礎。
* 掌握文字編排設計,並運用網路字型,讓原本乏善可陳的設計蓬蓽生輝。
* 採用Foundation及Bootstrap等框架來創建結構紮實的設計。
* 有效地挑選、編輯,以及配置影像。
目錄
本書由以下五章構成,可以從頭至尾依序閱讀,藉此徹底瞭解全書內容;也可以選擇主題閱讀,以激發對特定主題的靈感。
第1章:版面配置與構圖
唯有瞭解設計裡各組件之間的空間關係,才能真正認識到什麼是設計。此版面配置章節藉由逐一審視可能的頁面組件,來揭開設計流程的序幕。完成分析後,我們會探討幾項工具與範例,進而幫助你在自行設計時。擁有更紮實的基礎。最後,我們將以真實的客戶案例做為總結,這是真實的客戶案例,每章的最後都會以它做為範例講解。
第2章:色彩
色彩的選擇或許是設計中最難以捉摸的部分。第2章針對這方面,分別從審美觀與科學角度來鑽研色彩學。透過簡單的指南,以及用以創建和諧配色的技巧,會學到如何挑選一組互相匹配的顏色,並達到襯托網站宗旨的效果。本章最後,我們會探討上述案例所選用的配色。
第3章:材質
材質是在網頁設計上經常被忽略的一環,然而,它卻是設計脫穎而出的關鍵。在明白各材質元素的功能之後,將學會點、線、形的運用方法,藉此從各個層面傳達網站欲透露的訊息。接著,我們將經由範例網站的第一手資訊,瞭解到細微材質如何有助於建立網站身分識別及個性。
第4章:文字編排設計
文字編排設計的重要性無庸置疑。文字比比皆是,而書面語(written language)結構是每位視覺設計師的必備知識。於本章中,我們將深入此廣而深的課題,探索字形基礎並研究各種不同的字體。
第5章:影像
影像和插畫皆是設計優良網站的必備元素,它們令網頁蓬蓽生輝。在此最後一章裡,將討論怎麼樣的頁面視覺元素才符合我們所需,並且尋求合法的影像來源。當然,尋找合適影像往往只是開始,在進入範例網站的最後階段之前,我們還會學習一些影像編修基本技巧。"
本書由以下五章構成,可以從頭至尾依序閱讀,藉此徹底瞭解全書內容;也可以選擇主題閱讀,以激發對特定主題的靈感。
第1章:版面配置與構圖
唯有瞭解設計裡各組件之間的空間關係,才能真正認識到什麼是設計。此版面配置章節藉由逐一審視可能的頁面組件,來揭開設計流程的序幕。完成分析後,我們會探討幾項工具與範例,進而幫助你在自行設計時。擁有更紮實的基礎。最後,我們將以真實的客戶案例做為總結,這是真實的客戶案例,每章的最後都會以它做為範例講解。
第2章:色彩
色彩的選擇或許是設計中最難以捉摸的部分。第2章針對這方...