UI的创作乐趣：创意APP元素设计实战

第1章 初识UI设计   1
1.1 认识UI   2
1.2 UI的分类       3
1.3 UI的色彩基础      4
1.3.1 颜色的概念         4
1.3.2 色彩三要素         4
1.3.3 色彩的混合         5
1.3.4 色彩的分类         7
1.4 不同色彩给人的心理影响     8
1.5 常用UI设计单位解析     9
1.6 UI设计常用的软件         9
1.7 UI设计常用的图像格式       11
1.8 UI的设计原则    12
1.9 学习UI设计需要具备的5项能力    13
1.10 优秀作品欣赏   13
第2章 选取与填充在UI中的应用   15
2.1 了解选取与填充     16
2.1.1 选区的应用        16
2.1.2 填充的应用        20
2.2 使用矩形选区制作公司APP图标    25
2.3 使用渐变工具制作金属旋钮控件     28
2.4 使用矩形工具和椭圆选区制作拖动条    32
2.5 使用钢笔工具绘制卡通图标    36
2.6 使用油漆桶工具制作票据界面        40
2.7 优秀作品欣赏    44
第3章 画笔与形状在UI中的应用   45
3.1 了解画笔与形状     46
3.1.1 画笔的应用        46
3.1.2 画笔设置面板     47
3.1.3 铅笔工具      50
3.1.4 多边形与星形的创建     50
3.1.5 自定义形状的创建    51
3.2 设置画笔制作邮票图标      51
3.3 通过自定义形状制作微信图标        54
3.4 使用多边形工具制作简易图标        58
3.5 优秀作品欣赏    61
第4章 图层在UI中的应用       62
4.1 认识图层      63
4.1.1 什么是图层        63
4.1.2 图层的原理        64
4.1.3 快速显示图层内容    64
4.2 调整图层凸显局部图标       66
4.3 使用图层样式制作水晶风格图标     70
4.4 使用图层蒙版制作图标倒影    72
4.5 使用剪贴蒙版合成提示窗口    78
4.6 使用操控变形制作图形图标    81
4.7 优秀作品欣赏    84
第5章 扁平化风格案例实战       85
5.1 了解扁平化设计     86
5.1.1 扁平化设计是什么    86
5.1.2 扁平化风格设计的优点和缺点     86
5.1.3 扁平化风格的设计原则         87
5.2 实战案例—扁平化风格铅笔图标       89
5.3 实战案例—扁平化风格钢笔图标       92
5.4 实战案例—扁平化风格扳手图标       95
5.5 实战案例—扁平化风格生肖鼠图标    99
5.6 实战案例—扁平化风格邮箱界面      103
5.7 实战案例—扁平化风格音乐播放器界面   106
5.8 实战案例—扁平化风格天气预报控件   112
5.9 实战案例—扁平化风格超市小票      116
5.10 优秀作品欣赏      118
 第6章 精致按钮的设计实战       119
6.1 了解按钮设计   120
6.1.1 移动APP按钮尺寸分析        120
6.1.2 统一化风格      120
6.1.3 悬浮风格         121
6.1.4 强化质感风格   121
6.1.5 圆角风格         121
6.1.6 强调重点         122
6.2 实战案例—下单按钮     122
6.3 实战案例—提交按钮     124
6.4 实战案例—圆形开关按钮   127
6.5 实战案例—金属旋钮     131
6.6 实战案例—皮革按钮     137
6.7 实战案例—罗盘图标     143
6.8 实战案例—温度计图标      147
6.9 实战案例—日历图标     149
6.10 优秀作品欣赏      154
 第7章 写实风格图标制作实战     155
7.1 了解写实风格设计      156
7.1.1 写实的艺术表现     156
7.1.2 写实风格设计的优点和缺点      157
7.1.3 写实风格的设计原则   157
7.2 实战案例—写实火龙果图标       158
7.3 实战案例—写实开关图标   162
7.4 实战案例—写实优盘图标   169
7.5 实战案例—写实钢琴图标   175
7.6 实战案例—写实电视图标   181
7.7 优秀作品欣赏   186
第8章 控件制作实战       187
8.1 了解UI设计中的控件       188
8.1.1 什么是UI控件   188
8.1.2 UI设计中的控件     188
8.1.3 UI控件的设计原则      188
8.2 实战案例—简洁进度条      190
8.3 实战案例—播放滑动条      193
8.4 实战案例—加油站控件      195
8.5 实战案例—天气预报控件   198
8.6 实战案例—音乐播放器控件       203
8.7 优秀作品欣赏   205
 第9章 界面设计实战       207
9.1 了解UI设计中的界面       208
9.1.1 UI设计中的界面是什么       208
9.1.2 常见的界面      208
9.1.3 屏幕尺寸         208
9.1.4 设计界面时需要注意的固定元素尺寸      210
9.1.5 什么是好的界面设计   211
9.2 实战案例—扁平化风格登录界面      211
9.3 实战案例—会员登录界面   214
9.4 实战案例—数据下载界面   221
9.5 实战案例—手机开机界面   224
9.6 实战案例—天气预报界面   226
9.7 优秀作品欣赏   229