移动界面设计 视觉营造的风向标PDF电子书下载

第1章 移动互联时代到来 1

1.1移动互联时代的UI设计 2

1.1.1一个伟大的时代——移动互联 2

1.1.2互联网思维 2

1.1.3移动互联时代的新要求 3

1.1.4移动互联时代的特点 4

1.1.5新时代的UI设计 6

1.2 HTML5 9

1.2.1 HTML5概况 9

1.2.2响应式设计 9

1.2.3 HTML5的应用领域 11

1.2.4为什么HTML5备受关注？ 13

1.3移动设备的特点 14

1.3.1移动端与PC端的区别 17

1.3.2移动设备的特点 19

第2章 决定设计的先决条件 22

2.1工欲善其事，需先利其器-常用UI设计工具 23

2.1.1 Photoshop的应用领域 23

2.1.2矢量图和位图的概念 26

2.1.3 Photoshop的操作界面 27

2.1.4 Sketch的功能特点 32

2.1.5 Sketch的使用方法 35

2.1.6 Sketch常用快捷键汇总 36

2.2设计的方法论 37

2.3大平移式布局 41

2.3.1移动界面的布局方式 41

2.3.2关于大平移式布局 42

2.3.3大平移式布局的用途及使用方法 44

2.3.4大平移式布局的优缺点 47

2.4宫格式布局 48

2.4.1宫格式布局的视觉表现方式 51

2.4.2宫格式布局的优缺点 55

2.5侧滑式布局 65

2.5.1手机界面的特点 56

2.5.2侧滑式布局简介 56

2.5.3侧滑式布局的优缺点 59

2.6列表式布局 60

2.6.1列表式布局的特点 61

2.6.2列表式布局的设计方式 61

2.6.3列表式布局的优缺点 64

2.7标签式布局 66

2.7.1 iOS系统中的标签式布局 68

2.7.2安卓系统中的标签式布局 69

2.7.3 Windows Phone系统中的标签式布局 70

2.7.4标签式布局的优缺点 71

2.8合理规划布局 72

第3章 视觉设计中的字体与色彩 75

3.1界面中的文字排版 76

3.1.1文字的起源和字体的性格 76

3.1.2文字的重构 80

3.1.3文字间的沟通 86

3.2靠谱的配色技巧 92

3.2.1制作自己的调色盘 92

3.2.2明度、饱和度、色相的概念及使用 96

3.2.3移动端视觉界面颜色选色原则 99

第4章 界面中的细节 营造 106

4.1伪扁平化的时代 107

4.1.1什么是扁平化设计？ 109

4.1.2扁平化设计的发展 112

4.1.3扁平化设计的优缺点 114

4.1.4伪扁平化设计风格 115

4.1.5关于MBE设计风格 116

4.1.6扁平化设计的方法 117

4.2经典的卡片式设计 118

4.2.1卡片内容至上 120

4.2.2卡片设计的优势 120

4.2.3卡片的组织性 121

4.2.4卡片的视觉效果 122

4.3界面设计中的细节 127

第5章 移动端产品的可用性原则 128

5.1手机界面特点 129

5.2手机APP的可用性原则 130

5.2.1准确性与便捷性 130

5.2.2一致性原则 133

5.2.3可逆性原则 134

5.2.4容错性原则 136

5.2.5提示语言的亲和力 140

5.2.6产品的易学习性 141

第6章 了解原生安卓系统 143

6.1原生安卓系统 144

6.1.1安卓系统的导航方式 147

6.1.2单个项目的操作 148

6.1.3布局方式 148

6.1.4实体物理控件 149

6.1.5动效规范 149

6.2走进Material Design设计语言 150

6.2.1 Material Design的动画效果 151

6.2.2图标的处理方式 153

6.2.3图片的选取方式 155

6.2.4系统字体的规范性 155

6.2.5系统布局的规范性 156

第7章 界面设计的后续工作 169

7.1视觉设计师的职责与职业发规划 170

7.1.1移动联网行业现状 170

7.1.2设计师的职业发展规划 171

7.2视觉设计稿的标注 175

7.2.1什么是标注 175

7.2.2产品的标注方法 182

7.3切图文件的处理技巧 183

7.3.1 iOS系统的切图方式 183

7.3.2安卓系统的切图方式 184

7.4适配及命名 186

7.4.1像素的概念 186

7.4.2像素密度及屏幕倍率 187

7.4.3安卓的适配原则 188

7.4.4逻辑像素 190

第8章 视设计师的扩展技能——手绘插画 191

8.1手绘插画的世界 192

8.1.1关于插画 192

8.1.2游戏UI的重要性 193

8.2游戏UI设计 194

8.2.1游戏UI的概念 194

8.2.2绘制游戏UI的要求 195

8.3手绘插画设计游戏UI 200

8.3.1绘制游戏UI的工具 200

8.3.2游戏UI的绘制方法以及案例分享 201

后记 206