第1章APP UI设计基础 1
1.1 APP UI设计入门 2
1.1.1什么是APP UI 2
1.1.2 APP UI设计的原则 3
1.1.3 APP UI表现形式 6
1.1.4 APP UI设计流程 10
1.2不同系统的APP UI 12
1.2.1 iOS系统 12
1.2.2 Android系统 13
1.2.3 WP系统 14
1.3 APP UI设计基础 14
1.3.1 APP UI中的图片格式 14
1.3.2设计尺寸规范 15
1.3.3配色原理 19
1.4设计师心得 22
1.4.1 APP UI设计师必须掌握的技能 22
1.4.2 APP UI发展趋势 22
第2章Photoshop在APP UI设计中的基础应用 25
2.1 APP UI设计中的基本图形绘制 26
2.1.1简单形状 26
2.1.2组合图形 38
2.1.3布尔运算 40
2.2 APP UI设计中的光影处理 45
2.2.1 Photoshop的图层样式 45
2.2.2立体效果 47
2.2.3发光效果 52
2.2.4投影效果 57
2.3设计师心得 61
2.3.1光影在不同材质上的表现 61
2.3.2扁平化设计的流行配色方案 66
第3章APP UI界面中常见元素设计 68
3.1常见界面控件设计 69
3.1.1常见的控件元素 69
3.1.2按钮组设计 72
3.1.3对话框设计 78
3.1.4标签导航设计 81
3.1.5进度条 88
3.1.6开关按钮 94
3.1.7搜索栏 99
3.1.8列表菜单 101
3.2图标的设计 105
3.2.1扁平化图标设计 105
3.2.2线性图标设计 116
3.2.3立体图标设计 121
3.3设计师心得 128
3.3.1让按钮更吸引人的方法 128
3.3.2如何设计优秀的应用图标 131
第4章 常见界面构图与设计 133
4.1界面构图 134
4.1.1九宫格网格构图 134
4.1.2圆心点放射形构图 135
4.1.3三角形构图 136
4.1.4 SF字形构图 137
4.2常见界面设计 142
4.2.1启动界面＼引导界面 142
4.2.2登录界面 147
4.2.3设置界面 151
4.2.4空状态界面 156
4.3设计师心得 158
4.3.1 APP引导界面设计注意事项 158
4.3.2界面布局的基本原则 162
第5章 游戏类APP UI设计 165
5.1设计准备与规划 166
5.1.1素材准备 166
5.1.2界面布局规划 166
5.1.3确定风格与配色 166
5.2界面制作 167
5.2.1游戏启动界面 167
5.2.2游戏开始界面 170
5.2.3游戏加载界面 181
5.2.4游戏关卡界面 185
5.3设计师心得 197
5.3.1游戏类APP UI设计如何吸引用户 197
5.3.2游戏中的那些按钮 198
第6章 音乐类APP UI设计 201
6.1设计准备与规划 202
6.1.1素材准备 202
6.1.2界面布局规划 202
6.1.3确定风格与配色 203
6.2界面制作 204
6.2.1音乐播放界面 204
6.2.2本地音乐列表界面 206
6.2.3用户注册界面 210
6.3设计师心得 213
6.3.1 Android界面的点九切图 213
6.3.2常见的APP登录界面分析 215
第7章 社交类APP UI设计 219
7.1设计准备与规划 220
7.1.1素材准备 220
7.1.2界面布局规划 220
7.1.3确定风格与配色 221
7.2界面制作 222
7.2.1注册界面 222
7.2.2聊天界面 224
7.2.3好友动态界面 227
7.2.4侧边菜单界面 229
7.3设计师心得 232
7.3.1 APP UI设计中需要注意的问题 232
7.3.2平面设计师如何转为APP UI设计师 234
第8章 购物理财类APP UI设计 235
8.1设计准备与规划 236
8.1.1素材准备 236
8.1.2界面布局规划 237
8.1.3确定风格与配色 237
8.2界面制作 238
8.2.1购物主界面 238
8.2.2个人中心界面 242
8.2.3侧边菜单界面 245
8.3 设计师心得 247
8.3.1 APP中反馈提示的设计方法 247
8.3.2如何做好扁平化设计 250
第9章 生活工具类APP UI设计 252
9.1设计准备与规划 253
9.1.1素材准备 253
9.1.2界面布局规划 253
9.1.3确定风格与配色 254
9.2界面制作 255
9.2.1程序欢迎界面 255
9.2.2程序主界面 258
9.2.3个人中心界面 260
9.2.4设置界面 263
9.3 设计师心得 265
9.3.1界面设计中需要注意的小细节 265
9.3.2需要遵守的设计准则 266