視覺之外 全鏈路UI設(shè)計思維的培養(yǎng)與提升

第1章 設(shè)計師需要了解的產(chǎn)品知識
1．1 產(chǎn)品生命周期曲線 / 10
1．1．1 產(chǎn)品生命周期曲線概述 / 10
1．1．2 引入期的產(chǎn)品設(shè)計策略 / 12
1．1．3 成長期的產(chǎn)品設(shè)計策略 / 14
1．1．4 成熟期的產(chǎn)品設(shè)計策略 / 16
1．1．5 衰退期的產(chǎn)品設(shè)計策略 / 18
1．1．6 其他說明 / 19
1．2 敏捷開發(fā)下的產(chǎn)品設(shè)計 / 20
1．2．1 最小可行性產(chǎn)品設(shè)計 / 20
1．2．2 設(shè)計沖刺 / 23
1．2．3 最小可行性產(chǎn)品設(shè)計和設(shè)計沖刺的選擇 / 26
1．3 產(chǎn)品價值和產(chǎn)品需求 / 27
1．3．1 產(chǎn)品價值 / 27
1．3．2 產(chǎn)品需求 / 33
1．4 做好競品分析 / 37
1．4．1 找到合適的競品 / 38
1．4．2 發(fā)現(xiàn)優(yōu)秀產(chǎn)品的途徑 / 39
1．4．3 競品分析的流程 / 41
第2章 交互設(shè)計思維的入門與提升
2．1 交互設(shè)計的一些基本概念 / 50
2．1．1 交互設(shè)計是一個流程 / 50
2．1．2 區(qū)分交互設(shè)計和UI設(shè)計 / 53
2．1．3 交互設(shè)計師的視角 / 55
2．1．4 交互設(shè)計需關(guān)注的點 / 57
2．2 做好用戶調(diào)研 / 61
2．2．1 用戶調(diào)研的流程 / 61
2．2．2 用戶畫像 / 64
2．2．3 用戶體驗地圖 / 68
2．3 信息架構(gòu) / 71
2．3．1 信息架構(gòu)的概念 / 71
2．3．2 信息架構(gòu)圖的制作 / 73
2．3．3 信息架構(gòu)的設(shè)計思維 / 75
2．3．4 信息架構(gòu)的呈現(xiàn) / 80
2．4 流程圖的設(shè)計 / 81
2．4．1 流程圖的基礎(chǔ)知識 / 81
2．4．2 流程圖的基本結(jié)構(gòu) / 83
2．4．3 流程圖的繪制 / 84
2．4．4 設(shè)計流程圖的注意事項 / 88
2．4．5 流程圖與界面的關(guān)系 / 90
2．5 原型設(shè)計 / 92
2．5．1 原型設(shè)計的度 / 92
2．5．2 原型設(shè)計工具 / 93
2．5．3 原型設(shè)計前的準(zhǔn)備工作 / 94
2．5．4 原型設(shè)計實例 / 97
2．6 交互設(shè)計的其他補充內(nèi)容 / 106
2．6．1 用戶行為與用戶心理 / 106
2．6．2 尼爾森十大可用性原則 / 113
第3 章 帶著思想去做好視覺設(shè)計
3．1 為當(dāng)下做UI設(shè)計 / 120
3．1．1 UI設(shè)計風(fēng)格的變化 / 120
3．1．2 大標(biāo)題設(shè)計風(fēng)格 / 122
3．1．3 卡片設(shè)計風(fēng)格 / 123
3．1．4 三大核心設(shè)計理念 / 123
3．2 UI設(shè)計中的基礎(chǔ)設(shè)計知識 / 132
3．2．1 顏色入門 / 133
3．2．2 文字設(shè)計 / 140
3．2．3 圖標(biāo)設(shè)計 / 145
3．2．4 排版設(shè)計 / 147
3．2．5 黑暗模式下的界面設(shè)計 / 151
3．3 多平臺的UI設(shè)計概述 / 153
3．3．1 以iPhone X為代表的移動平臺的UI設(shè)計 / 153
3．3．2 以iPad/iPad Pro為代表的平板電腦平臺的UI設(shè)計 / 160
3．3．3 以Apple Watch為代表的穿戴式設(shè)備的UI設(shè)計 / 167
3．3．4 網(wǎng)頁設(shè)計快速入門 / 169
3．4 設(shè)計規(guī)范 / 172
3．4．1 設(shè)計規(guī)范的意義 / 172
3．4．2 設(shè)計規(guī)范是否必要 / 174
3．4．3 設(shè)計規(guī)范的種類 / 175
3．4．4 設(shè)計規(guī)范的創(chuàng)建 / 176
第4章 設(shè)計師的編程思維
4．1 設(shè)計師與編程 / 182
4．1．1 設(shè)計師了解編程的意義 / 182
4．1．2 編程的幾個基本概念 / 184
4．1．3 自學(xué)編程 / 187
4．1．4 Sublime的快速入門 / 187
4．2 認(rèn)識HTML文檔 / 190
4．2．1 HTML、CSS和JavaScript之間的關(guān)系 / 190
4．2．2 瀏覽器 / 191
4．2．3 HTML的定義 / 193
4．2．4 HTML的組成 / 194
4．2．5 HTML的標(biāo)簽 / 196
4．2．6 HTML的路徑 / 202
4．2．7 超鏈接 / 203
4．2．8 深入學(xué)習(xí)HTML / 203
4．3 CSS的快速入門 / 204
4．3．1 CSS的概念 / 204
4．3．2 CSS的屬性 / 206
4．3．3 CSS選擇器 / 207
4．3．4 CSS的特性 / 212
4．4 用WordPress搭建個人網(wǎng)站 / 213
4．4．1 認(rèn)識WordPress / 213
4．4．2 安裝WordPress前的準(zhǔn)備 / 214
4．4．3 安裝WordPress / 216
4．4．4 WordPress的基本使用 / 219
4．4．5 WordPress主題的代碼修改 / 221
4．4．6 域名的申請和綁定 / 224
4．5 設(shè)計師對性能的影響 / 227
4．5．1 圖片的導(dǎo)出選項 / 227
4．5．2 利用工具進行圖片壓縮 / 232
4．5．3 CSS Sprite / 232
4．5．4 視覺元素優(yōu)化 / 234
第5章 設(shè)計師也要讀懂?dāng)?shù)據(jù)
5．1 看懂常見的數(shù)據(jù)指標(biāo) / 236
5．1．1 數(shù)據(jù)是怎么產(chǎn)生的 / 236
5．1．2 常見的數(shù)據(jù)指標(biāo) / 236
5．2 A/B測試與數(shù)據(jù)分析 / 243
5．2．1 A/B測試 / 243
5．2．2 數(shù)據(jù)分析 / 244
5．3 利用數(shù)據(jù)優(yōu)化設(shè)計 / 245
5．3．1 利用數(shù)據(jù)為界面設(shè)計提供參考依據(jù) / 246
5．3．2 利用數(shù)據(jù)為界面設(shè)計提供決策 / 247
后記 / 248