第一章 建立美觀頁面 美丑都是用戶的觀感
1.信息架構IA：是一種過程，在此過程中你會將網站內容分解為多個塊，然后依內容塊的邏輯關系分等級的將它們組織起來
2.決定頂層導航系統
3.分鏡表+色彩
4.原型
5.可掃讀性：清晰的標題，較小的段落，使用黑體與斜體強調重要詞語，對適當內容套用重點列表
6.以用戶為中心的設計UCD
第二章 前期制作 紙上策略
1.視覺隱喻：利用熟悉的視覺元素并強化網站的主題
2.視覺隱喻的范圍從暗喻（使用色彩把設計師希望闡述的與網站主題相關聯的抽象感受帶給用戶）到明喻（使用直接與網站名稱或特性相關的圖片）
3.主題是網站的內容與用途，視覺隱喻是用于強調主題的設計元素
4.頭腦風暴：調色板，布局，視覺元素
5.分鏡表
第三章 組織網站 “在綠色水塔那邊左轉....”
1.卡片分組法，IA圖（visio）
2.網站文件目錄結構
3.流程：收集所有內容，頭腦風暴，想出主題與視覺隱喻；開發視覺隱喻并思考布局；建立分鏡表；進行卡片分類并創建IA圖；為內容加上標記，并以CSS制作樣式
第四章 布局與設計 遵循黃金法則
1.角色：1-3個
2.屏幕尺寸與分辨率
3.網格，黃金比例，三分法
4.平衡：對稱平衡，非對稱平衡
5.網格css框架：blueprint
6.三分布局背景顏色
第五章 運用色彩設計 走出單色的世界
1.色輪，kuler
2.配色方案：先選基色，三色方案（調整飽和度），四色方案
3.創建對比，重點強調
第六章 智慧導航 “在兩秒內，按下首頁”
1.名稱：簡短，描述性
2.導航布局：水平導航，垂直導航
3.為文字配上圖標：文字和圖標的關系
4.主導航和次級導航
第七章 網頁寫作 對，你在掃讀
1.可掃讀的網站文案：以倒金字塔法安排內容順序，經過縮短長度的編輯過程，列表，標題，字體（襯線字體：適合標題；無襯線字體，適合內容）
2.標題的重要性以層次而非尺寸表示
第八章 可訪問性 不可訪問，致命缺陷
1.可訪問性是指每個人都能使用你的網站，可訪問性是思考殘疾人在體驗與享受你的網站時有何影響
2.視覺障礙（屏幕閱讀器：JAWS,VoiceOver），聽覺障礙，肢體障礙，語言障礙，認知障礙，神經障礙，年長者
3.圖片的alt屬性，longdesc屬性可以轉到另一個頁面，了解更多信息
4.tab鍵，在網頁移動；tabindex屬性
5.WCAG：web內容可訪問性方針
例如：為所有非文字元素提供同義說明文字；所有色彩信息頁必須能以無色彩的方式（添加文字）呈現；組織文件，使文件在沒有樣式表時讀起來也合情合理
6.測試可訪問性工具：Cynthia Says
第九章 傾聽用戶心聲 和諧設計之道
1.問卷調查與焦點小組
2.優秀的問卷題目：具有特定的答案選擇；不會引導參與者選擇特定的答案；簡短；易讀且易懂；詢問知識或意見，但不會同時要求得到兩者；
3.IE6只支持a標簽上的hover
4.用戶測試（可用性測試）：計劃，主持腳本，主持人，記錄者，電腦，地點，參與者
5.網站解析（網站數據統計）：Mint，Google Analytics
第十章 會演變的設計 保持網站新鮮
1.演變式設計法
2.javascript增加互動性
3.WordPress：更新信息，和用戶交流
第十一章 Web設計這一行 注意自己的工作
1.著作權：寫封有禮貌的電子郵件；寄出后續電子郵件，病復制Google結果；咨詢著作權律師
2.web工作者：前臺設計師，信息架構師，用戶體驗設計師，圖像設計師，文案，程序設計師
3.公司的類型：獨資企業/合伙企業，法人團體，股份有限公司
4.時薪計算方式
5.網站的實際需求：初始投資時間；概念構思時間/前期制作；草圖與設計修訂；制作時間；其他費用
6.使用提案書，對客戶傳達詳細報價
7.博客，授權（Creative Commons）
第十二章 遺珠之憾
1.跨文化與國際性的設計：
圖標有不同的文化含義；
不同語言的文字長度不一樣；
日期的格式；
國旗和語言；
2.html的未來
3.css的未來
4.針對移動設備進行設計
5.開發網絡應用程序
6.布局的節奏：設計元素的重復
7.文字對比
8.鏈接與其指向的名稱相符
9.對比和布局和重要性
10.Pencil,WriteMaps,WebDeveloper,CSSTidy,Firebug
