第1章 移动App图标的基本概念及设计方法 1
本章简介 2
理论讲解 2
1.1移动UI设计的相关概念 2
1.2移动UI三大操作系统 3
1.2.1 Android系统界面 3
1.2.2 iOS系统界面 3
1.2.3 Windows Phone系统界面 4
1.3移动UI设计常用软件 5
1.3.1 Photoshop 5
1.3.2Illustrator 6
1.3.3 CorelDraw 7
1.4移动UI常见储存格式 8
1.4.1 JPEG(.jpg) 8
1.4.2 GIF(.gif) 8
1.4.3 PNG(.png) 8
1.5尺寸相关的术语概念和标准 9
1.5.1屏幕尺寸 9
1.5.2分辨率 9
1.5.3屏幕密度 10
1.6初入图标世界 11
1.6.1图标的概念 12
1.6.2图标的分类 14
1.6.3启动图标的规范 18
1.6.4图标的设计方法 19
实战案例 20
本章总结 22
本章作业 23
第2章 扁平化图标——长阴影风格 27
本章简介 28
理论讲解 28
2.1扁平化设计的概念和特点 28
2.1.1扁平化设计的概念 28
2.1.2扁平化设计的原则 30
2.1.3扁平化设计的特点 33
2.2扁平化设计成为发展趋势 34
2.3扁平化图标的风格分类 35
2.4扁平化图标的优缺点 38
2.4.1扁平化图标的优点 38
2.4.2扁平化图标的缺点 38
2.5长阴影风格相关知识 39
实战案例 40
本章总结 42
本章作业 43
第3章 扁平化图标——折纸风格 45
本章简介 46
理论讲解 46
3.1折纸风格图标分析 46
3.2折纸风格图标的艺术特征 46
实战案例 48
本章总结 50
本章作业 51
第4章 扁平化图标——iOS风格 53
本章简介 54
理论讲解 54
4.1 iOS简介 54
4.2 iOS图标分析 55
4.2.1应用图标 55
4.2.2栏图标 55
4.2.3 iOS新扁平化PK旧拟物化 56
4.3 iOS图标设计规范 57
4.3.1 iOS启动图标设计规范 58
4.3.2 iOS图标文字规范 59
实战案例 60
本章总结 61
本章作业 62
第5章 拟物化图标——日历 64
本章简介 64
理论讲解 64
5.1拟物化设计的概念 64
5.2拟物化设计的优缺点 66
5.2.1拟物化设计的优点 66
5.2.2拟物化设计的缺点 68
5.3拟物化图标欣赏 68
5.4启动图标的制作尺寸 68
实战案例 69
本章总结 71
本章作业 72
第6章 拟物化图标——抽屉邮件 75
本章简介 76
理论讲解 76
6.1拟物化启动图标的设计流程 76
6.2启动图标的设计原则 78
实战案例 81
6.3“抽屉邮件”启动图标制作方法分析 81
6.3.1图标制作步骤 81
6.3.2通过实际案例讲解图标的设计流程 81
6.4案例实操:PS图层样式的实际应用 83
本章总结 84
本章作业 85
第7章 拟物化图标——照相机 87
本章简介 88
理论讲解 88
7.1拟物化相机图标案例解析 88
7.1.1项目需求 88
7.1.2案例解析步骤 89
7.2拟物化相机图标制作方法 91
7.3制作过程中的重难点提示 92
本章总结 93
本章作业 94
第8章 Android系统UI设计规范(一) 95
本章简介 96
理论讲解 96
8.1移动端手机界面设计原则 96
8.1.1移动设备的概念 96
8.1.2移动设备界面的设计原则 97
8.2 Android手机界面设计基础 100
8.2.1 Android简介 100
8.2.2 Android App特性 101
8.3 Android界面设计尺寸规范 102
8.3.1界面尺寸及分辨率 102
8.3.2界面基本组成元素 103
8.3.3字体规范 105
实战案例 107
本章总结 109
本章作业 110
第9章 Android系统UI设计规范(二) 111
本章简介 112
理论讲解 112
9.1从设计师的角度理解px和dp 112
9.2 Android界面中的图标规范 113
9.3原生Android界面的色彩参考 115
9.4 Android界面尺寸标注 116
实战案例 120
本章总结 123
本章作业 124
第10章 iOs系统UI设计规范(一) 127
本章简介 128
理论讲解 128
10.1 iOS系统简介 128
10.2 iOS6与iOS7界面风格对比 129
10.3 iOS App界面设计尺寸规范 133
10.3.1界面尺寸及分辨率 133
10.3.2界面基本组成元素 133
10.3.3字体规范 135
实战案例 137
本章总结 139
本章作业 140
第11章 iOS系统UI设计规范(二) 142
本章简介 142
理论讲解 142
11.1 iOS App设计技巧 142
11.2 iOS的配色 148
实战案例 150
本章总结 153
本章作业 154
第12章 综合项目——休闲娱乐类App设计 156
本章简介 156
项目实战 157
12.1设计制作Android应用程序“生活帮帮帮”App界面 157
12.1.1理论概要 157
12.1.2项目思路分析 161
12.2 Android应用程序项目案例——“生活帮帮帮”项目需求概述 162
12.2.1项目名称 162
12.2.2项目背景 162
12.2.3目标用户 162
12.2.4主要功能 162
12.3“生活帮帮帮”界面设计实现思路 164
12.3.1内容优先,合理布局 164
12.3.2界面的绘制和构造 165
12.3.3功能架构 165
12.3.4色彩运用 166
12.3.5技能要点 167
12.3.6设计前的注意事项 167
本章总结 168