01 一致的功能图标 2
1.1 功能图标绘制思路 2
1.2 App中的功能图标 9
1.3 如何建立统一风格 16
02 重要的应用图标 26
2.1 28种应用图标设计模式 26
2.2 应用图标的作用 39
2.3 如何绘制应用图标 42
03 迷人的色彩 50
3.1 色彩基础知识 50
3.2 如何快速进行UI配色 59
3.3 创建调色板小技巧 67
3.4 App的色彩心理学 70
3.5 颜色的性格 75
04 优秀的App设计 86
4.1 常见App类型 86
4.2 App UI设计风格 95
4.3 扁平化UI设计美学 108
05 丰富的App框架 124
5.1 App UI版式设计原则 124
5.2 App UI构图设计 131
5.3 App的10种常见状态 138
06 入微的设计规范 150
6.1 尺寸和距离 150
6.2 字体基础知识 158
6.3 图文混排 167
07 必读的设计理论 180
7.1 格式塔在UI中的应用 180
7.2 10个著名的设计心理学原理 190
7.3 UI设计中的黄金比例 198
08 真实的案例设计 208
8.1 音乐播放器界面设计 208
8.2 侧边栏菜单界面设计 217
8.3 如何Redesign 223
09 全面的Material design(一) 236
9.1 Material design概览 236
9.2 Material design组件 244
9.3 Material design规范 255
9.4 Material design配色布局 266
10 全面的Material design(二) 274
10.1 如何绘制MD应用图标 274
10.2 如何绘制MD小图标 281
10.3 如何设计MD App 286
11 规范的设计流程(一) 294
11.1 设计师与业务需求 294
11.2 用户研究的4种方法 298
11.3 如何竞品分析 303
12 规范的设计流程(二) 310
12.1 交互设计基础知识 310
12.2 交互设计流程 316
12.3 交互设计原则 322
13 规范的设计流程(三) 330
13.1 视觉设计流程 330
13.2 设计验收环节 335
13.3 通过数据验证设计 339
13.4 如何制定设计规范 342
13.5 标注利器Zeplin 351
14 高效的Sketch 358
14.1 Sketch基础功能 358
14.2 Sketch必备插件 374
14.3 Sketch图标设计 382
14.4 Sketch界面设计 394
15 有效的知识管理 404
15.1 设计素材整理 404
15.2 设计方法总结 408
16 好用的设计资源 414
16.1 人气图片站点 414
16.2 优秀配色站点 419
16.3 设计精美App 424