目錄
前言
緻謝
第1章· 認識互聯網産品視覺設計/1
1.1　什麼是互聯網産品的視覺設計　/2
1.1.1　瞭解互聯網産品　/2
1.1.2　什麼是互聯網産品的視覺設計　/8
1.2　互聯網産品視覺設計師5項關鍵能力　/10
1.3　提升視覺設計師能力的4種學習方法　/23
1.4　視覺設計師的職業規劃　/31
1.4.1　專業綫　/32
1.4.2　P綫　/34
1.4.3　M綫　/37
1.5　視覺設計與其他崗位同事之間的配閤　/39
1.5.1　團隊閤作　/39
1.5.2　工作溝通　/41
第2章· 設計方嚮和設計理念/43
2.1　産品戰略與目標用戶對設計方嚮的影響　/44
2.1.1　為什麼要確定設計方嚮　/45
2.1.2　確定設計方嚮的調研方法　/49
2.2　貫穿全局的思維—層級概念　/61
2.2.1　為什麼要掌握分析層級的能力　/62
2.2.2　建立信息層級的視覺方法　/66
2.3　視覺設計流程與方法　/74
2.3.1　研究分析　/74
2.3.2　設計草案　/81
2.3.3　設計辯證　/90
2.3.4　設計提案　/97
第3章· 細節深入/101
3.1　細節設計的兩個關鍵點　/102
3.1.1　設計元素　/102
3.1.2 　顔色搭配　/107
3.2　顔色　/108
3.2.1　色彩的情感　/110
3.2.2　在UI設計中運用RGB顔色模式　/119
3.2.3　理性和感性的兩種取色方法　/123
3.3　圖標　/129
3.3.1　圖標類型　/129
3.3.2　圖標像素　/135
3.3.3　圖標統一體量感　/136
3.3.4　圖標的隱喻選擇　/137
3.3.5　圖標色彩與視覺反饋　/139
3.3.6　圖標的動效設計　/139
3.3.7　在適當的情況下使用圖標　/143
3.4　文字　/144
3.4.1　字體和字號　/145
3.4.2　色值　/146
3.4.3　襯綫體與非襯綫體　/147
3.4.4　文字行距　/148
3.4.5　邊距和縮進　/148
3.4.6　行為召喚　/149
3.5　錶單　/151
3.5.1　情感化的錶單　/151
3.5.2　清晰的視綫流　/151
3.5.3　閤理的排布　/153
3.5.4　更多地為用戶考慮　/155
3.5.5　有效地引導　/157
第4章· 迴歸設計理念/159
4.1　提煉設計理念　/160
4.1.1　點、綫、麵理念　/162
4.1.2　直綫與浪綫理念　/163
4.1.3　抽屜理念與卡片設計　/165
4.1.4　負層級理念　/166
4.2　設計中的法則　/167
4.2.1　7±2法則　/167
4.2.2　費茨法則　/168
4.3　參考綫的價值　/169
第5章· 設計規範/173
5.1　規範的重要性　/176
5.1.1　統一産品的用戶體驗　/176
5.1.2　方便設計　/178
5.1.3　形成備案和文庫　/179
5.1.4　提高工作效率　/180
5.2　製定規範的5大原則　/181
5.2.1　把握製定規範的時機　/181
5.2.2　需要確定規範的範圍　/183
5.2.3　避免規範一成不變，需要迭代　/184
5.2.4　避免規範過於詳盡　/184
5.2.5　大指引、小規範的製定思路　/185
5.3　製定規範的流程　/187
5.3.1　注意積纍和歸納　/188
5.3.2　製作規範　/189
5.3.3　匯總和微調　/196
5.4　Web規範製定的案例　/197
5.4.1　頁麵顔色規範　/199
5.4.2　文字規範　/200
5.4.3　按鈕規範　/201
5.4.4　單選框和復選框規範　/201
5.4.5　控件規範　/202
5.4.6　命名規範　/204
· · · · · · (收起)