移动端UI设计及规范 分分钟搞定APP UI设计PDF电子书下载

第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