本書由以下五章構成，可以從頭至尾依序閱讀，藉此徹底瞭解全書內容；也可以選擇主題閱讀，以激發對特定主題的靈感。



第1章：版面配置與構圖

唯有瞭解設計裡各組件之間的空間關係，才能真正認識到什麼是設計。此版面配置章節藉由逐一審視可能的頁面組件，來揭開設計流程的序幕。完成分析後，我們會探討幾項工具與範例，進而幫助你在自行設計時。擁有更紮實的基礎。最後，我們將以真實的客戶案例做為總結，這是真實的客戶案例，每章的最後都會以它做為範例講解。



第2章：色彩

色彩的選擇或許是設計中最難以捉摸的部分。第2章針對這方面，分別從審美觀與科學角度來鑽研色彩學。透過簡單的指南，以及用以創建和諧配色的技巧，會學到如何挑選一組互相匹配的顏色，並達到襯托網站宗旨的效果。本章最後，我們會探討上述案例所選用的配色。



第3章：材質

材質是在網頁設計上經常被忽略的一環，然而，它卻是設計脫穎而出的關鍵。在明白各材質元素的功能之後，將學會點、線、形的運用方法，藉此從各個層面傳達網站欲透露的訊息。接著，我們將經由範例網站的第一手資訊，瞭解到細微材質如何有助於建立網站身分識別及個性。



第4章：文字編排設計

文字編排設計的重要性無庸置疑。文字比比皆是，而書面語（written language）結構是每位視覺設計師的必備知識。於本章中，我們將深入此廣而深的課題，探索字形基礎並研究各種不同的字體。



第5章：影像

影像和插畫皆是設計優良網站的必備元素，它們令網頁蓬蓽生輝。在此最後一章裡，將討論怎麼樣的頁面視覺元素才符合我們所需，並且尋求合法的影像來源。當然，尋找合適影像往往只是開始，在進入範例網站的最後階段之前，我們還會學習一些影像編修基本技巧。