第1章UI设计快速入门 2
1.1 UI设计概念 2
1.2 UI设计组成部分 2
1.3 UI设计与产品团队合作流程关系 4
1.4各类尺寸单位解析 5
1.5常见的图片格式 6
1.6智能手机操作系统简介 6
1.7 UI设计常用的软件 8
1.8 UI设计原则 9
1.9 GUI设计过程中的表现力 10
1.10提升Android视觉效果的设计技巧 12
1.11免费的UI设计工具、资源及网站 13
1.12色彩学基础知识 15
1.13 UI设计常见配色方案 19
1.14 UI设计色彩学 21
1.15色彩的性格 24
1.16精彩UI设计赏析 25
1.17激发创作灵感的界面欣赏 27
第2章UI基础控件设计 30
2.1触点开关控件 30
2.2透明按钮 31
2.3立体按键 34
2.4邮箱登录控件 37
2.5质感滑动控件 40
2.6调节旋钮 44
2.7控制按键 48
2.7.1绘制面板效果 48
2.7.2制作按键 50
第3章简约扁平化图标设计 53
3.1简约可爱大眼图标 53
3.2电量管理图标 55
3.3新闻图标 57
3.4无线应用图标 59
3.5通话宝图标 61
3.6简洁下载图标 62
3.7安全防护图标 64
3.7.1绘制主视觉图像 65
3.7.2制作装饰效果 67
3.8画板图标 68
3.8.1制作主视觉图形 68
3.8.2制作辅助图像 69
3.9个性化手表图标 70
3.9.1制作主轮廓 71
3.9.2绘制细节元素 72
3.10云盘图标 73
3.10.1绘制图标主轮廓 74
3.10.2绘制特征图示 75
3.11催眠应用图标 76
3.11.1绘制图标轮廓 77
3.11.2绘制装饰元素 77
3.12地图应用图标 79
3.12.1绘制主轮廓 80
3.12.2制作标记图标 81
3.13扁平化相机图标 82
3.13.1制作主题图像 83
3.13.2制作镜头图像 83
第4章超写实图标设计 86
4.1超质感麦克风图标 86
4.1.1制作图标轮廓 86
4.1.2处理真实阴影 88
4.2 CD播放图标 88
4.2.1绘制图标主轮廓 89
4.2.2处理光盘 91
4.2.3绘制光盘卡扣 93
4.3超质感播放图标 95
4.3.1绘制按钮轮廓 96
4.3.2制作触摸面图形 97
4.4音箱写实图标 99
4.4.1绘制音箱轮廓 100
4.4.2处理细节元素 101
4.5纽扣写实图标 103
4.5.1绘制图标轮廓 103
4.5.2绘制纽扣轮廓 105
4.6购物图标 107
4.6.1制作图标轮廓 107
4.6.2绘制绳子 109
4.6.3绘制标签 112
4.7质感笔记图标 114
4.7.1制作质感轮廓 115
4.7.2制作纸张图像 116
4.7.3绘制铅笔 118
4.8质感插座图标 121
4.8.1绘制插座轮廓 121
4.8.2制作细节图像 124
第5章立体化图标设计 128
5.1美味水果图标 128
5.2美味马卡龙图标 130
5.2.1绘制主轮廓 131
5.2.2绘制对话图形 132
5.3立体通信图标 133
5.3.1制作主体轮廓 134
5.3.2制作标志 136
5.4立体字母图标 138
5.4.1制作主体轮廓 138
5.4.2处理字母效果 140
5.5健康应用图标 141
5.5.1绘制轮廓 141
5.5.2绘制健康图示 143
5.6精致游戏图标 143
5.6.1制作主轮廓 144
5.6.2制作手柄图像 146
5.7摇杆立体图标 148
5.7.1绘制图标轮廓 149
5.7.2绘制摇杆图像 150
5.8均衡器图标 152
5.8.1制作图标轮廓 152
5.8.2制作控制图像 153
5.9安全应用图标 157
5.9.1制作轮廓图像 157
5.9.2制作标示图像 158
第6章界面图像及特效处理 162
6.1消除图像特效 162
6.2为播放器添加音量控件 163
6.3为锁屏壁纸添加月亮特效 164
6.4为闪屏制作标签特效 165
6.5为信息界面制作主题字 167
6.6制作卷边效果 168
6.7为天气界面添加装饰元素 169
6.8滑动解锁特效 170
6.9速度指示特效 171
6.10毛玻璃主题字 173
6.11流星特效的制作 175
6.12圆环进度效果 176
6.13为界面添加头像 177
6.14为专辑图像添加倒影 178
6.15为界面背景添加装饰 179
第7章精彩游戏界面设计 182
7.1闯关大冒险界面设计 182
7.1.1绘制界面1背景主体 183
7.1.2处理界面1背景细节 186
7.1.3制作界面1完整界面 189
7.1.4制作界面2状态元素 191
7.1.5制作界面2主体 193
7.2动物卡牌游戏界面设计 199
7.2.1处理界面1背景 200
7.2.2制作界面1控制面板 202
7.2.3制作界面2背景 204
7.2.4制作界面2主面板 205
7.2.5绘制界面2游戏区 206
7.3射击大战游戏界面设计 208
7.3.1制作界面1背景 209
7.3.2制作界面1主视觉效果 213
7.3.3制作界面2游戏场景 217
7.3.4制作界面2主体部分 220
7.4数字主题游戏界面设计 222
7.4.1制作界面1背景 223
7.4.2制作界面1选择主题 224
7.4.3绘制界面2主题背景 227
7.4.4制作界面2主视觉图像 230
第8章应用系统界面设计 233
8.1应用登录界面设计 233
8.1.1绘制主面板 234
8.1.2处理细节 235
8.2 Windows Phone主题界面设计 236
8.2.1制作功能磁贴效果 237
8.2.2制作应用磁贴效果 237
8.3天气插件界面设计 240
8.3.1绘制面板 240
8.3.2制作天气元素 242
8.4用户社交功能界面设计 243
8.4.1制作功能面板 244
8.4.2绘制功能图形 246
8.5音乐播放界面设计 247
8.5.1绘制界面框架 248
8.5.2绘制界面细节 250
8.6运动数据界面设计 252
8.6.1制作界面轮廓 253
8.6.2处理状态信息 255
8.7电影应用界面设计 256
8.7.1制作界面主视觉 257
8.7.2处理界面详细信息 259