Web風格:用戶體驗設計基本原則及實踐(原書第4版)
內容描述
從1999年出版第1版到今天,《Web Style Guide》已經更新到了第4版。
相對於之前的版本,新版本不再局限於關注如何從零開發一個網站,
而是告訴讀者如何選擇和利用市面上的內容管理系統,
並將更多的關注點放在討論如何建立良好的用戶體驗、信息結構以及內容策略上。
另外,新版本中列舉了網站製作過程中的很多佳實踐,例如針對很多設計師關注的移動優先設計方法,
以及網站的可訪問性和搜索優化問題等,作者都給出了很多建議以及相應的案例分析。
目錄大綱
譯者序
序言
前言
致謝
第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.2響應式設計144
6.2.1流式佈局和比例度量145
6.2.2響應式設計和移動優先設計149
6.2.3從內容和功能開始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