章
UI设计基本概念
1.1UI设计分类13
1.1.1GUI13
1.1.2WUI14
1.1.3IXD15
1.1.4UE/UX16
1.2UI设计理论常识17
1.3UI设计注意事项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.4UI设计中的Photoshop设置技巧18
第2章
复古像素图标设计
2.1像素图标在手游及网页UI设计中的应用场景21
2.2像素图标设计注意事项22
2.3像素设计中不出现虚边的原理及技法22
2.4像素图标操作实例23
2.5拓展练习28
第3章
App产品界面中的重要元素功能图标设计
3.1功能图标在App中的应用场景30
3.2功能图标设计注意事项32
3.3功能图标设计的描边法32
3.436×36尺寸功能图标操作实例33
第4章
产品界面中的天气图标设计
4.1天气图标在产品中的应用场景38
4.2一层流图层样式设计注意事项39
4.3复数图层样式设计实用技巧39
4.4天气图标操作实例40
4.5拓展练习44
第5章
界面中的卡通风格元素设计
5.1卡通风格设计的应用场景46
5.2卡通风格设计中的配色注意事项48
5.3128x128尺寸卡通笔记本操作实例48
5.4拓展练习52
第6章
轻拟物设计
6.1轻拟物风格的应用场景54
6.2轻拟物风格设计中的色彩注意事项55
6.3白色质感的控制技巧56
6.4256x256尺寸轻拟物水果盘操作实例56
6.5拓展练习62
第7章
国际流行卡通断线风格设计
7.1引导页中的卡通断线风格64
7.2卡通断线风格设计注意事项65
7.3卡通断线风格设计色彩选择66
7.4绘制卡通断线气球66
7.5拓展练习73
第8章
扁平纯色风格图标设计
8.1扁平化风格图标的含义及特点75
8.2扁平化风格图标设计注意事项75
8.3手机主题图标颜色选择76
8.4文本图标操作实例76
8.5拓展练习78
第9章
拟物风格图标设计
9.1拟物风格图标的特点80
9.2拟物图标设计注意事项80
9.3拟物风格图标的色彩选择和样式设计81
9.4拟物胶囊图标操作实例81
9.5拓展练习89
0章
画板图标设计
10.1木板与纸张质感分析91
10.2画板图标设计注意事项91
10.3金属元素设计技巧92
10.4画板图标操作实例92
1章
浏览器图标设计
11.1不同风格浏览器图标分析99
11.2浏览器图标设计注意事项99
11.3浏览器图标设计要点100
11.4浏览器图标设计操作实例100
11.5拓展练习108
3章
不错拟物设计（美工刀）
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
4章
不错拟物设计（手表）
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
5章
不错拟物设计（直刀）
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
6章
不错拟物设计（自动铅笔）
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
7章
移动端拨号界面设计
17.1拨号界面255
17.2拨号界面设计注意事项255
17.3拨号界面设计宗旨256
17.4拨号界面制作256
17.5拓展练习258
8章
App登录和注册页面设计
18.1登录、注册页面设计规范260
18.2设计注意事项261
18.3iPhone8App注册页面操作实例261
18.4正确输出清晰设计效果图流程266
18.5拓展练习267
9章
App卡券列表界面设计
19.1卡券界面设计269
19.2设计注意事项269
19.3卡券列表270
19.4卡券列表界面操作实例270
19.5拓展练习272
第20章
PS动效设计
20.1PS设计动画的优势274
20.2用时间轴制作加载动画275
第21章
工作必备的切图技能
21.1圆角矩形按钮操作实例280
21.2皮卡丘信息气泡按钮操作实例283

市面上与Photoshop有关的书籍多以介绍如何修图为主，倾向于讲解修图工具的使用，针对UI设计的书则较少，讲解相关理论知识的书就更少了，而使用Photoshop进行UI设计时涉及的工具和技巧与修图时也有很大不同。本书的特点是能让大家看得懂、学得会，且不会觉得枯燥，读者可以边翻看手里的书，边通过计算机进行实践学习，避免了“只会照着书做，自己创作时却一头雾水”的问题。随书附赠的案例素材文件和操作演示视频有助于读者提高学习效率，另外，为方便老师教学使用，还附赠了PPT教学课件。本书面向对UI设计感兴趣的初学者，也可以作为高校艺术专业的教材及相关培训机构的参考书。