第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