Chapter 01 智能手机App UI设计 2
1.1 App UI设计概述 2
1.1.1 UI设计的概念 2
1.1.2 App客户端 2
1.1.3 主要工具软件 3
1.2 智能手机平面设计师要掌握的技术 3
1.3 优秀App界面 4
1.3.1 优秀App界面的特点 5
1.3.2 产品团队与设计师 6
1.3.3 项目中的App设计流程 6
1.3.4 设计灵感 7
1.4 设计构图与界面布局 8
1.4.1 App界面设计构图 8
1.4.2 智能手机界面的布局构成 9
1.5 优秀App界面的要求 12
Chapter 02 App界面设计的配色意向 12
2.1 App UI的色彩设计意象 18
2.2 色彩的表现力和感染力 20
2.2.1 色彩的效应 20
2.2.2 色彩的反应 22
2.3 色彩研究 22
2.4 配色 24
2.4.1 色相配色 25
2.4.2 色调配色 25
2.4.3 明度配色 27
2.5 使用Photoshop进行配色 28
2.6 配色案例 31
2.7 色彩的对比组合 38
Chapter 03 Photoshop制作App UI常用的操作 38
3.1 Photoshop CC的工作界面 40
3.1.1 了解Photoshop CC的工作界面 40
3.1.2 工具箱 41
3.1.3 选项栏 42
3.1.4 状态栏 44
3.1.5 面板 44
3.1.6 调整面板 46
3.2 选择工具 47
3.2.1 设定选区的工具组 48
3.2.2 矩形选框工具的选项栏 48
3.2.3 选区的基本运算 49
3.3 填充工具 51
3.3.1 渐变工具的选项栏 52
3.3.2 油漆桶工具的选项栏 56
3.4 理解图层的概念 57
3.4.1 “图层编组”命令 59
3.4.2 “排列”命令 60
Chapter 04 手机UI设计平面图标制作 60
4.1 设计吸引眼球的图标 62
4.2 图标的设计方案 63
4.3 正确的图标设计流程 64
4.4 启动键制作 70
4.5 人像图标制作 72
4.6 记事本图标制作 74
4.7 放大镜搜索图标制作 76
4.8 麦克风图标制作 78
Chapter 05 UI的质感表现 82
5.1 质感图标设计的三个阶段 82
5.1.1 确定题材 82
5.1.2 确定表现风格 82
5.1.3 具体实现 83
5.2 金属质感 84
5.3 磨砂玻璃质感 90
5.4 光滑表面质感 99
5.5 皮革质感 107
Chapter 06 手机UI设计的字效表现 107
6.1 App UI的字号控制 114
6.1.1 字体尺寸的规则 114
6.1.2 字体规范 115
6.2 字体配色 116
6.2.1 配色规则 116
6.2.2 叠加、柔光和透明度 117
6.3 玻璃字体 118
6.4 镶钻字效 123
6.5 布料字体 133
Chapter 07 手机UI设计立体图标制作 139
7.1 图标的存储格式 140
7.1.1 矢量格式与位图格式 140
7.1.2 JPG压缩格式 141
7.1.3 PNG非压缩格式 142
7.1.4 图像的有损和无损压缩 143
7.2 照相机图标制作 144
7.3 循环图标制作 158
7.4 多云图标制作 164
Chapter08 手机UI界面元素设计 164
8.1 App UI设计思路 172
8.2 图形设计尺寸 173
8.3 登录界面 175
8.4 设置界面开关 181
8.5 通知列表 192
Chapter 09 手机UI按钮设计 192
9.1 App IU中按钮的设计思路 202
9.2 启动按钮 204
9.3 音乐播放按钮 215
9.4 清新彩色按钮 221
9.5 选项按钮 230
Chapter10 智能手机UI整体界面制作 230
10.1 完整App UI界面的设计流程 238
10.1.1 需求阶段 238
10.1.2 分析设计阶段 238
10.1.3 调研验证阶段 239
10.1.4 方案改进阶段 239
10.1.5 用户验证反馈阶段 240
10.2 Android界面时尚风格设计 241
10.2.1 制作锁屏界面 241
10.2.2 制作日程安排界面 246
10.2.3 制作相册界面 249
10.2.4 制作列表界面 253
10.3 iOS界面扁平化风格设计 256
10.3.1 制作登录界面 256
10.3.2 制作主界面 258
10.3.3 制作日程安排界面 262
10.3.4 制作提示栏界面 265