第1章 UI设计基本概念 13
1.1 UI设计分类 13
1.1.1 GUI 13
1.1.2 WUI 14
1.1.3 IXD 15
1.1.4 UE巭UX 16
1.2 UI设计理论常识 17
1.3 UI设计注意事项 17
1.3.1 清晰 17
1.3.2 简洁 17
1.3.3 易用 17
1.3.4 适应 17
1.3.5 统一 18
1.3.6 视觉 18
1.3.7 识别 18
1.4 UI设计中的Photoshop设置技巧 18
第2章 复古像素图标设计 21
2.1 像素图标在手游及网页UI设计中的应用场景 21
2.2 像素图标设计注意事项 22
2.3 像素设计中不出现虚边的原理及技法 22
2.4 像素图标操作实例 23
2.5 拓展练习 28
第3章 App产品界面中的重要元素功能图标设计 28
3.1 功能图标在App中的应用场景 30
3.2 功能图标设计注意事项 32
3.3 功能图标设计的描边法 32
3.4 36×36尺寸功能图标操作实例 33
第4章 产品界面中的天气图标设计 38
4.1 天气图标在产品中的应用场景 38
4.2 一层流图层样式设计注意事项 39
4.3 复数图层样式设计实用技巧 39
4.4 天气图标操作实例 40
4.5 拓展练习 44
第5章 界面中的卡通风格元素设计 46
5.1 卡通风格设计的应用场景 46
5.2 卡通风格设计中的配色注意事项 48
5.3 128×128尺寸卡通笔记本操作实例 48
5.4 拓展练习 52
第6章 轻拟物设计 54
6.1 轻拟物风格的应用场景 54
6.2 轻拟物风格设计中的色彩注意事项 55
6.3 白色质感的控制技巧 56
6.4 256×256尺寸轻拟物水果盘操作实例 56
6.5 拓展练习 62
第7章 国际流行卡通断线风格设计 64
7.1 引导页中的卡通断线风格 64
7.2 卡通断线风格设计注意事项 65
7.3 卡通断线风格设计色彩选择 66
7.4 绘制卡通断线气球 66
7.5 拓展练习 73
第8章 扁平纯色风格图标设计 75
8.1 扁平化风格图标的含义及特点 75
8.2 扁平化风格图标设计注意事项 75
8.3 手机主题图标颜色选择 76
8.4 文本图标操作实例 76
8.5 拓展练习 78
第9章 拟物风格图标设计 80
9.1 拟物风格图标的特点 80
9.2 拟物图标设计注意事项 80
9.3 拟物风格图标的色彩选择和样式设计 81
9.4 拟物胶囊图标操作实例 81
9.5 拓展练习 89
第10章 画板图标设计 91
10.1 木板与纸张质感分析 91
10.2 画板图标设计注意事项 91
10.3 金属元素设计技巧 92
10.4 画板图标操作实例 92
第11章 浏览器图标设计 99
11.1 不同风格浏览器图标分析 99
11.2 浏览器图标设计注意事项 99
11.3 浏览器图标设计要点 100
11.4 浏览器图标设计操作实例 100
11.5 拓展练习 108
第12章 简易实现水滴效果 110
12.1 拟物化分析 110
12.2 设计注意事项 111
12.3 水滴叶子风格的色彩选择 111
12.4 水滴叶子操作实例 112
12.5 拓展练习 117
第13章 高级拟物设计（美工刀） 119
13.1 美工刀手绘草稿 119
13.2 美工刀材质绘制注意事项 119
13.3 美工刀操作实例 120
13.3.1 制作背景 121
13.3.2 绘制整体轮廓 122
13.3.3 绘制美工刀的阴影 125
13.3.4 细致刻画推手 127
13.3.5 细致刻画刀槽 131
13.3.6 细致刻画美工刀的上部结构 139
13.3.7 细致刻画美工刀的下部结构 145
13.3.8 细致刻画美工刀的右部结构 158
13.3.9 细致刻画美工刀刀片 160
13.4 拓展练习 164
第14章 高级拟物设计（手表） 166
14.1 手表手绘概念稿 166
14.2 手表材质绘制注意事项 166
14.3 手表操作实例 167
14.3.1 绘制手表链上部 168
14.3.2 绘制手表链下部 173
14.3.3 绘制手表链左右两侧连接处材质 178
14.3.4 绘制手表表冠 181
14.3.5 绘制手表外壳 182
14.3.6 绘制表盘外圈 186
14.3.7 绘制手表表盘 187
14.3.8 绘制刻度和指针 190
14.3.9 绘制表盘标记 195
14.4 拓展练习 200
第15章 高级拟物设计（直刀） 202
15.1 手绘草稿 202
15.2 直刀材质绘制注意事项 202
15.3 刀具操作实例 203
15.3.1 制作背景 204
15.3.2 绘制刀具轮廓 205
15.3.3 绘制直刀投影 206
15.3.4 细化刀身 207
15.3.5 细化护手 210
15.3.6 细化刀柄 212
15.3.7 绘制刀柄金属 215
15.4 拓展练习 220
第16章 高级拟物设计（自动铅笔） 222
16.1 自动铅笔材质分析 222
16.2 自动铅笔材质绘制注意事项 222
16.3 自动铅笔操作实例 223
16.3.1 绘制自动铅笔基本外形 223
16.3.2 绘制影子 227
16.3.3 绘制护芯 229
16.3.4 制作笔杆 231
16.3.5 制作按杆 247
16.4 拓展练习 253
第17章 移动端拨号界面设计 255
17.1 拨号界面 255
17.2 拨号界面设计注意事项 255
17.3 拨号界面设计宗旨 256
17.4 拨号界面制作 256
17.5 拓展练习 258
第18章 App登录和注册页面设计 260
18.1 登录、注册页面设计规范 260
18.2 设计注意事项 261
18.3 iPhone 8 App注册页面操作实例 261
18.4 正确输出清晰设计效果图流程 266
18.5 拓展练习 267
第19章 App卡券列表界面设计 269
19.1 卡券界面设计 269
19.2 设计注意事项 269
19.3 卡券列表 270
19.4 卡券列表界面操作实例 270
19.5 拓展练习 272
第20章 PS动效设计 274
20.1 PS设计动画的优势 274
20.2 用时间轴制作加载动画 275
第21章 工作必备的切图技能 280
21.1 圆角矩形按钮操作实例 280
21.2 皮卡丘信息气泡按钮操作实例 283