第1章 APP界面设计基础 2
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 CC 17
1.5.2 Illustrator CC 18
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章 图标设计 31
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章 滑块设计 64
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章 按钮设计 91
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章 表单控件设计 108
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章 APP导航设计 123
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章 APP图片效果设计 140
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章 优选网APP项目设计 154
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