●譯者序
序言
前言
致謝
第1章策略 1
1.1策略規劃 1
1.1.1創建一個策略規劃 2
1.1.2制定策略規劃 3
1.2便捷的用戶體驗 8
1.3內容策略 11
1.4社交媒體策略 17
1.4.1創建一個社交媒體策略 17
1.4.2通過社交媒體渠道獲得用戶 22
1.4.3配置你的社交媒體團隊 27
第2章調研 29
2.1頭腦風暴 29
2.1.1用設計思維指導頭腦風暴 30
2.1.2用戶調研 33
2.1.3指導設計決策 35
2.1.4設計評估 38
2.1.5調研的過程要考慮到殘障人士 40
2.2分析 41
第3章流程 44
3.1項目資源 44
3.2項目規劃 50
3.2.1創建一個項目實現計劃 50
3.2.2避免需求擴張 57
3.3項目管理 57
3.4項目開發的生命周期 66
3.4.1網站定義和計劃 68
3.4.2內容開發 68
3.4.3信息架構 70
3.4.4網站設計 70
3.4.5網站構建 71
3.4.6網站的跟蹤、評估和維護 72
3.4.7常見的項目開發事故 74
第4章信息架構 83
4.1網站開發中的信息架構 84
4.2信息架構方法 85
4.2.1盤點和審核內容 85
4.2.2組織內容 87
4.2.3分割信息 92
4.3信息架構設計 94
4.3.1支持瀏覽和搜索 95
4.3.2選擇網站結構 95
4.3.3設計網頁架構 100
4.3.4展示信息架構 102
第5章網站結構 108
5.1網站組件 108
5.1.1使用超文本標記語言（HTML） 109
5.1.2使用層疊樣式表 112
5.1.3交互式腳本 114
5.1.4其他文檔格式 114
5.1.5搭建一個堅固的結構 115
5.2內容管理繫統 117
5.2.1建立編輯工作流程 119
5.2.2選擇一個CMS 121
5.2.3組織內容和功能 122
5.2.4創建主題和模板 125
5.3SEO 128
5.3.1了解搜索 129
5.3.2使用關鍵字和關鍵詞組 131
5.3.3提交一個網站索引 136
第6章頁面結構 137
6.1頁面結構的基礎 137
6.1.1標記頁面結構 137
6.1.2使用CSS設計頁面布局 142
6.1.3編碼網頁，使其具有很好可訪問性和可讀性 143
6.2響應式設計 144
6.2.1流式布局和比例度量 145
6.2.2響應式設計和移動優先設計 149
6.2.3從內容和功能開始 151
6.2.4很好實踐總結 151
6.3頁面結構組件 152
6.3.1構建一個頁面 152
6.3.2優化頁面，提升加載速度 157
6.3.3圍繞“折疊線”進行設計 159
6.3.4信息屏設計 161
6.4頁面模板 161
6.4.1創建內層頁面模板 161
6.4.2設計一級頁面模板 164
第7章界面設計 166
7.1媒介設計 166
7.1.1無止境的頁面 167
7.1.2直接訪問 167
7.1.3簡單性與一致性 167
7.1.4完整性與穩定性 169
7.1.5反饋和對話 169
7.1.6帶寬與交互 170
7.1.7顯示 171
7.2導航和尋路 172
7.2.1支持搜索和瀏覽導航 173
7.2.2設計導航 175
7.2.3提供導航繫統 184
7.3交互 186
7.3.1交互設計 187
7.3.2提供交互組件 190
7.3.3引導式交互 193
7.4信息設計 197
7.5移動界面設計 199
7.6企業界面設計 202
第8章平面設計 204
8.1利用設計邏輯 204
8.1.1流體邏輯 204
8.1.2商業邏輯 205
8.2不斷變化的樣式 206
8.3注重吸引力的影響 206
8.3.1眼球追蹤與美感反應 207
8.3.2本能反應 207
8.3.3情感反應與決策 208
8.4視覺設計 211
8.4.1塑造視覺平面 211
8.4.2使用知覺完形原則 213
8.5視覺結構 215
8.5.1理解視覺結構的起源 216
8.5.2建立視覺層次 219
8.5.3使用頁面網格繫統 223
第9章排版 229
9.1網頁排版的特點 229
9.1.1語義 230
9.1.2使用樣式表 231
9.1.3網頁排版實踐 234
9.2排素 235
9.2.1顯示樣式 236
9.2.2對齊與空白空間 236
9.2.3行寬度 238
9.2.4行間距 238
9.2.5縮進 238
9.2.6文本大小 238
9.2.7強調 240
9.3字體 243
9.3.1字體術語 243
9.3.2字體大小 244
9.3.3文字間距和字距調整 244
9.3.4傳統字體的改進 245
9.3.5專為屏幕設計 245
9.3.6其他媒介中的字體 245
9.4選擇字體 245
9.4.1指定操作繫統的字體 246
9.4.2通過CSS @ font-f素使用網絡字體 246
第10章編輯樣式 249
10.1樣式 249
10.1.1寫吸引人的作品 249
10.1.2把內容放在第一位 253
10.1.3讓鏈接有意義 255
10.2文章結構 256
10.2.1提供視覺地標 257
10.2.2結構標記 258
10.2.3提供清楚的鏈接 260
第11章圖像 261
11.1網絡圖像策略 261
11.1.1界面和品牌 261
11.1.2內容圖像 261
11.2關於網絡圖像 263
11.2.1了解圖像類型 263
11.2.2了解圖像文件格式 265
11.3使用網絡圖像 268
11.3.1選擇正確的文件格式 268
11.3.2為圖像提供alt標簽 271
11.3.3優化屏幕圖像 271
第12章多媒體 277
12.1網站視頻策略 277
12.1.1提供良好的體驗 278
12.1.2為音頻和視頻提供其他選擇 279
12.1.3選擇發布渠道 279
12.2視頻制作 282
12.2.1制作視頻短片的裝備 282
12.2.2拍攝計劃 285
12.2.3拍攝采訪 286
12.2.4拍攝b-roll和其他鏡頭 289
12.2.5組合視頻鏡頭 291
12.3視頻剪輯 292
12.3.1構建故事 292
12.3.2剪輯視頻 293

從1999年出版版到今天，《Web Style Guide》已經更新到了第4版。相對於之前的版本，新版本不再局限於關注如何從零開發一個網站，而是告訴讀者如何選擇和利用市面上的內容管理繫統，並將更多的關注點放在討論如何建立良好的用戶體驗、信息結構以及內容策略上。另外，新版本中列舉了網站制作過程中的很多佳實踐，例如針對很多設計師關注的移動優先設計方法，以及網站的可訪問性和搜索優化問題等，作者都給出了很多建議以及相應的案例分析。

(美)帕特裡克·J.林奇(Patrick J.Lynch), (美)莎拉·霍頓(Sarah Horton) 著 陳穎婕 譯