品味移动设计 iOS、Android、Windows Phone用户体验设计最佳实践PDF电子书下载

第1章 做好准备了吗——了解移动平台和移动应用 1

1.1成为用户体验设计师 1

1.1.1 UI、ID、UE和GUI，这些都是什么 2

1.1.2了解成功的用户体验设计案例 3

1.2移动设备的三大主流平台 7

1.2.1 iOS平台 7

1.2.2 Android平台 10

1.2.3 Windows Phone平台 12

1.3用户体验设计的基本流程 13

1.3.1创意和原型草图阶段 14

1.3.2原型的中保真阶段 16

1.3.3高保真原型及设计的完成阶段 17

第2章 一切从服务用户开始——市场定位和产品目标 19

2.1是移动产品，不是电脑软件 19

2.1.1不为外表华丽 20

2.1.2不为功能强大 21

2.1.3别让它“大而全” 23

2.2做有价值的应用 26

2.2.1它只是成千上万个应用中的一个 26

2.2.2是前无古人还是出类拔萃 29

2.2.3如何才能独树一帜 30

2.3了解应用的使用者 32

2.3.1用户细分 32

2.3.2用户研究 34

2.3.3用户测试 36

第3章 讨论与初步设计——完成原型的草图设计 37

3.1会玩“头脑风暴”吗 37

3.1.1一项既有益又有趣的游戏 38

3.1.2有明确的目标 39

3.1.3有合理的分工 41

3.1.4安排好合理的环境和议程 45

3.1.5畅所欲言和遵守规则 49

3.1.6挑选出最有前途的想法 50

3.2把想法和思路画成草图 51

3.2.1手绘的原型草图 51

3.2.2潦草但要认真 53

3.2.3原型工具和原型设计软件 57

3.3检验和分享你的思考结果 60

3.3.1有连贯，有情节，画出应用的故事板 61

3.3.2利用原型草图进行可用性测试 62

3.3.3几种其他类型的草图 63

第4章 移动应用的交互特点 67

4.1了解移动设备 67

4.1.1移动设备的种类 68

4.1.2移动设备的规格和像素尺寸 69

4.1.3移动设备的使用方法 70

4.2移动设备的人体工程学特点 74

4.2.1了解你的拇指 74

4.2.2单手操作还是双手操作 77

4.2.3善待你的指尖 80

4.3移动设备的视觉体验 84

4.3.1视觉的运行轨迹 85

4.3.2优化视觉结构 86

4.3.3图片与文字的视觉关系 90

4.4屏幕的旋转 92

第5章 应用程序导航 95

5.1 iOS应用的导航模式 95

5.1.1平铺导航 96

5.1.2 iOS的标签导航 99

5.1.3 iOS的树形结构导航 101

5.1.4模态视图 104

5.1.5 iOS的组合导航 105

5.2 Android应用导航模式 106

5.2.1 Android的标签导航 107

5.2.2 Android的树形结构导航 109

5.2.3手机与平板电脑导航的不同 110

5.2.4 Android的组合导航 111

5.3 Windows Phone应用导航模式 112

5.3.1 Windows Phone的标签导航 112

5.3.2面板区域应用程序中心导航 114

5.3.3主面板菜单应用程序中心导航 114

第6章 标准控件与设计规范 116

6.1文本输入输出 116

6.1.1文本输出控件 116

6.1.2文本输入控件 118

6.2按钮 119

6.2.1 iOS平台按钮 119

6.2.2 Android平台按钮 120

6.2.3 Windows Phone平台按钮 121

6.3各种“栏” 122

6.3.1状态栏 122

6.3.2 iOS中的工具栏、导航栏和标签栏 123

6.3.3 Android中的菜单栏和操作栏 125

6.3.4 Windows Phone中的菜单栏 128

6.3.5搜索栏 129

6.4滑块控件 133

6.4.1 iOS平台滑块控件 133

6.4.2 Android平台滑块控件 134

6.4.3 Windows Phone平台滑块控件 135

6.5选择控件 136

6.5.1二选一 136

6.5.2单选控件 137

6.5.3多选控件 138

6.5.4拾取器 138

6.6对话框 143

6.6.1 iOS平台中的对话框 143

6.6.2 Android平台中的对话框 145

6.6.3 Windows Phone平台中的对话框 147

6.7活动指示器和进度条 148

6.7.1 iOS平台中的活动指示器和进度条 148

6.7.2 Android平台的活动指示器和进度条 150

6.7.3 Windows Phone平台中的活动指示器和进度条 150

6.8列表和网格 152

6.8.1 iOS平台列表和网格 152

6.8.2 Android平台列表和网格 154

6.8.3 Windows Phone平台中的列表和网格 155

6.9原型的可用性测试 157

第7章 视觉体验的个性化 159

7.1做有个性的应用 159

7.1.1从细节替换入手 160

7.1.2添加装饰、纹理和特效 162

7.1.3纯个性化的用户体验设计 164

7.2图形元素与构成理念 165

7.2.1图形元素是界面视觉印象的根本 166

7.2.2页面布局与构成理念 169

7.2.3处理好图形元素和页面布局间的关系 175

7.2.4同一款应用在不同的平台和设备上 177

7.3应用界面的色彩因素 179

7.3.1了解色彩的规律 179

7.3.2善于把握色调 181

7.3.3丰富的色彩，严谨的搭配 183

7.3.4色彩的倾向性 187

7.4严谨地把握文字 188

7.4.1选择合适的字体 189

7.4.2推敲文字的四个要素 191

7.4.3处理好字群的位置关系 193

7.5界面风格和特效 194

7.5.1拟物化风格 194

7.5.2扁平化设计 195

7.5.3手绘体风格 196

第8章 做好应用的图标设计 199

8.1图标设计的原则 199

8.1.1图标设计的“识别性”原则 201

8.1.2图标设计的“一致性”原则 201

8.1.3图标设计的“兼容性”原则 203

8.2启动图标 206

8.2.1建立完美的第一印象 206

8.2.2三大平台启动图标设计规范 210

8.2.3几个简单的启动图标设计思路 214

8.3工具栏图标 217

8.3.1是符号，不是图案 217

8.3.2三大平台工具栏图标的规范和含义 218

8.3.3几个有效的简化图像的方法 219

8.4启动画面和引导帮助 221

8.4.1启动画面 221

8.4.2引导帮助 223

第9章 用户体验设计项目实战——“价格线” 226

9.1项目概述及工作计划 226

9.1.1项目描述 226

9.1.2工作计划和流程 227

9.2项目的准备阶段 228

9.2.1市场定位及产品分析 228

9.2.2项目的用户需求分析 229

9.3项目的创作及草图阶段 230

9.4项目的中保真原型及可用性测试 232

9.4.1项目的中保真原型 232

9.4.2原型的可用性测试及调整 233

9.5完善界面的个性化设计 235

9.5.1确定风格并收集素材 235

9.5.2隐喻元素的添加及个性化调整 236

9.6应用图标和启动画面设计 237

9.6.1应用图标的创意和设计 237

9.6.2应用的启动画面设计 239