Web風格：用戶體驗設計基本原則及實踐(原書第4版)（簡體書）

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

帕特里克‧J. 林奇，耶魯大學公共事務和傳播辦公室高級互動營銷主管，資深Web設計專家、作者、插畫家、攝影師、藝術家。

譯者序
序言
前言
致謝
第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.3　SEO 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-face元素使用網絡字體 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