1.1 UI设计概述2
1.1.1 UI设计的概念2
1.1.2 UI发展史3
1.1.3 UI设计分类7
1.1.4 UI设计师标准9
1.2?认识APP设计9
1.2.1 APP设计的
概念10
1.2.2 APP的优势10
1.2.3 APP设计分类10
1.2.4 APP构成元素11
1.3?APP设计流程14
1.4?移动设备尺寸16
1.4.1 英寸16
1.4.2 像素16
1.4.3 分辨率16
1.4.4 网点密度16
1.4.5 像素密度17
1.4.6 常见手机屏幕
规格17
1.5?APP设计软件17
1.5.1 Photoshop CC17
1.5.2 Illustrator CC18
1.6?APP设计要素19
1.6.1 色彩19
1.6.2 界面布局22
1.7?UI设计风格22
1.7.1 扁平化风格23
1.7.2 拟物化风格25
1.8?智能手机操作系统26
1.8.1 iOS系统26
1.8.2 Android系统27
基础操练29
2.1?图标设计基础知识31
2.1.1 认识图标31
2.1.2 图标设计流程31
2.1.3 图标设计原则34
2.1.4 图标设计技巧35
2.1.5 图标设计规范36
2.2?【任务1】扁平化照相机
?? 图标设计39
2.2.1 任务描述39
2.2.2 思路剖析39
2.2.3 任务实现40
2.3?【任务2】微扁平照相机
? 图标设计42
2.3.1 任务描述42
2.3.2 思路剖析42
2.3.3 任务实现43
2.4?【任务3】照相机写实
?? 图标设计45
2.4.1 任务描述46
2.4.2 思路剖析46
2.4.3 任务实现46
基础操练62
3.1?滑块设计基础知识64
3.1.1 滑块的构成要素64
3.1.2 滑块类型64
3.1.3 滑块的设计
要点66
3.2?【任务4】音量调节滑块
???设计67
3.2.1 任务描述67
3.2.2 思路剖析67
3.2.3 任务实现68
3.3?【任务5】金属质感旋钮
? 滑块设计72
3.3.1 任务描述72
3.3.2 思路剖析73
3.3.3 任务实现73
3.4?【任务6】极简风格滑块
? 设计85
3.4.1 任务描述85
3.4.2 思路剖析85
3.4.3 任务实现86
基础操练88
4.1?按钮设计基础知识91
4.1.1 按钮的不同
状态91
4.1.2 按钮设计技巧91
4.2?【任务7】色块按钮
? 设计93
4.2.1 任务描述93
4.2.2 思路剖析93
4.2.3 任务实现93
4.3?【任务8】渐变质感按钮
? 设计94
4.3.1 任务描述94
4.3.2 思路剖析95
4.3.3 任务实现95
4.4?【任务9】水晶按钮
? 设计99
4.4.1 任务描述99
4.4.2 思路剖析99
4.4.3 任务实现99
基础操练105
5.1?表单控件设计基础知识108
5.1.1 认识表单控件108
5.1.2 表单控件设计
原则109
5.2?【任务10】单选按钮和
? 复选框设计110
5.2.1 任务描述110
5.2.2 思路剖析110
5.2.3 任务实现111
5.3?【任务11】下拉列表框
? 设计114
5.3.1 任务描述114
5.3.2 思路剖析114
5.3.3 任务实现114
5.4?【任务12】搜索框
? 设计117
5.4.1 任务描述117
5.4.2 思路剖析117
5.4.3 任务实现118
基础操练121
6.1?认识APP导航123
6.2?【任务13】标签式
? 导航设计126
6.2.1 任务描述127
6.2.2 思路剖析127
6.2.3 任务实现127
6.3?【任务14】宫格式导航
? 设计130
6.3.1 任务描述130
6.3.2 思路剖析131
6.3.3 任务实现132
基础操练138
7.1?图片效果设计技巧140
7.2?【任务15】音乐播放
? 界面设计142
7.2.1 任务描述142
7.2.2 思路剖析142
7.2.3 任务实现143
7.3?【任务16】APP引导页
? 设计147
7.3.1?任务描述147
7.3.2?思路剖析148
7.3.3?任务实现148
基础操练151
8.1?产品定位及优势154
8.2?绘制草图和原型图154
8.3?项目设计定位164
8.4?项目设计剖析165
8.4.1 启动图标165
8.4.2 加载页166
8.4.3 引导页166
8.4.4 首页167
8.4.5 搜索页172
8.4.6 搜索结果页174
8.4.7 商品分类页175
8.4.8 商品详情页177
8.4.9 登录页178
8.4.10 购物车页180
8.4.11 订单结算页182
8.4.12 用户中心页183
基础操练186