第1章 UI设计概论 10
1.1 UI设计的分类 10
1.2 UI设计的原则 10
1.3 UI设计未来发展趋势 10
1.4 UI设计师职业前景与就业方向 11
1.5 UI设计创作期间如何思考问题 11
1.6 UI设计的创意元素及其特点 11
1.7 UI设计师怎样提高创作能力 12
1.8 为什么要学习UI设计手绘 12
1.9 UI设计范例 17
第2章 UI设计手绘基础 24
2.1 材料与工具 24
2.1.1 绘图铅笔 24
2.1.2 针管笔 24
2.1.3 马克笔的特性 25
2.1.4 马克笔运笔笔触 27
2.1.5 马克笔的用色规律 28
2.1.6 马克笔色彩的过渡练习 28
2.1.7 彩色铅笔 29
2.1.8 纸张的选择 30
2.1.9 橡皮擦 32
2.1.10 直尺 32
2.1.11 圆规 32
2.2 UI设计中色彩的应用 33
2.2.1 什么是色彩 33
2.2.2 UI设计中色彩的搭配方法 35
2.3 透视基础 38
2.3.1 透视的基础知识 38
2.3.2 一点透视的特性和画法 38
2.3.3 两点透视的特性和画法 39
2.3.4 三点透视的特性和画法 40
2.4 手绘姿势 41
2.4.1 握笔姿势 41
2.4.2 坐姿 42
第3章 UI设计材质表现 44
3.1 皮革材质图标 44
3.1.1 皮革材质表现要点 44
3.1.2 皮革材质在UI设计中的应用 44
3.1.3 皮革材质质感的表达 45
3.2 玻璃材质图标 48
3.2.1 玻璃材质表现要点 48
3.2.2 玻璃材质质感的表达 49
3.2.3 玻璃材质手绘表现 51
3.3 毛绒材质图标 53
3.3.1 毛绒材质的特点 53
3.3.2 毛绒材质质感的表达 53
3.3.3 毛绒材质手绘表现 55
3.4 木头材质图标 56
3.4.1 木头材质表现要点 56
3.4.2 木头材质质感的表达 56
3.4.3 木头材质手绘表现 58
3.5 金属材质图标 60
3.5.1 金属材质表现要点 60
3.5.2 金属材质表现技法 60
3.5.3 金属材质手绘表现 62
3.6 其他材质图标设计 63
4.6.1 陶瓷材质图标设计 63
3.6.2 纸材质图标设计 63
第4章 UI中基本元素的表现 66
4.1 按钮 66
4.1.1 按钮设计的原则 66
4.1.2 扁平化按钮设计 68
4.2 开关 71
4.2.1 简易色块开关设计 71
4.2.2 开关设计手绘表现 71
4.3 进度条 73
4.3.1 进度条设计基础 73
4.3.2 常见进度条设计手绘表现 74
4.4 对话框 77
4.4.1 对话框设计要点 77
4.4.2 提示对话框设计手绘表现 77
4.4.3 任务对话框设计手绘表现 79
4.4.4 木质对话框设计手绘表现 81
4.5 标签栏 82
4.5.1 标签栏设计概述 82
4.5.2 木纹质感的标签栏设计手绘表现 83
第5章 UI图标设计 88
5.1 UI图标设计的过程 88
5.2 图标类型及尺寸要求 89
5.3 图标设计的原则 90
5.4 图标设计的目的 92
5.5 UI图标设计中色彩的应用 92
5.6 系列图标设计 93
5.7 常用图标设计 96
5.7.1 网页图标设计手绘表现 96
5.7.2 电脑图标设计手绘表现 97
5.7.3 微信图标设计手绘表现 99
5.7.4 手游图标设计手绘表现 100
5.7.5 商业Logo图标设计手绘表现 102
5.8 扁平化图标设计 102
5.8.1 什么是扁平化设计 102
5.8.2 扁平化图标设计理念及特点 103
5.8.3 扁平化设计中色彩的应用 105
5.8.4 扁平化图标设计手绘表现 106
5.8.5 扁平化风格手机主题界面设计真题分析 113
5.8.6 扁平化风格主题公园海报设计真题分析 115
5.9 风格图标设计 117
5.9.1 透明风格图标设计手绘表现 118
5.9.2 折纸风格图标设计手绘表现 119
5.9.3 卡通风格网页主题图标设计真题分析 121
5.9.4 手机App购物主题图标设计真题分析 122
5.10 立体图标设计 124
5.10.1 立体图标设计手绘表现 125
5.10.2 饮食类主题系列立体图标设计真题分析 126
5.10.3 手机主题立体图标设计真题分析 129
第6章 网站UI设计 133
6.1 什么是网站UI设计 133
6.2 网站UI设计流程 133
6.3 网站UI设计相关规范 133
6.4 字体设计与变形 133
6.5 网站UI布局设计技巧 138
6.6 网站UI设计范例 141
第7章 游戏界面设计 149
7.1 什么是游戏界面 149
7.2 游戏界面设计的原则 149
7.3 游戏界面的分类 149
7.3.1 登录界面 149
7.3.2 主菜单界面 150
7.3.3 加载界面 151
7.3.4 选项界面 151
7.3.5 其他界面 152
7.4 不同游戏界面尺寸要求 153
7.4.1 手机游戏界面的标准尺寸 153
7.4.2 平板电脑游戏界面的标准尺寸 153
7.4.3 网页游戏界面的标准尺寸 153
7.5 粉色调游戏界面设计手绘表现 154
7.6 蓝色调游戏界面设计手绘表现 155
7.7 休闲类手机游戏界面设计手绘表现 157
7.8 动作冒险类手机游戏界面设计手绘表现 159
7.9 益智类手机游戏界面设计手绘表现 161
第8章 数码产品主题界面设计 164
8.1 什么是数码产品 164
8.2 数码产品主题界面设计的原则 164
8.3 数码产品界面设计的趋势 164
8.4 电子书主题界面设计手绘表现 164
8.5 网络电视主题界面设计手绘表现 166
8.6 数码产品主题界面设计范例 170