Design for the Future Metro风格解读及设计指导 全彩【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

Design for the Future Metro风格解读及设计指导 全彩PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Metro风格概述2

1.1 Metro的渊源3

1.1.1 地铁与城市3

1.1.2 包豪斯建筑4

1.1.3 瑞士平面设计6

1.2 Metro风格的原则6

1.2.1 Metro UI的特点7

1.2.2 Metro UI的识别8

1.2.3 Metro哲学9

1.3 Metro风格应用程序的演进10

1.3.1 初露端倪11

1.3.2 蓬勃发展12

1.3.3 引领未来16

第2章 Metro风格应用实例18

2.1 Windows 8 Metro界面赏析19

2.2 Windows Phone Metro界面赏析28

2.3 Android和iOS中Metro风格应用界面赏析30

2.4 Metro风格网站设计赏析32

2.5 其他Metro设计风格的产品赏析36

第3章 定义Metro风格的应用程序40

3.1 设计Metro应用41

3.1.1 明确应用的定位41

3.1.2 设计产品的交互方式43

3.1.3 定义产品使用的平台特性45

3.1.4 盈利模式48

3.2 设计令人印象深刻的Metro UI49

3.2.1 最适合产品的UI49

3.2.2 一眼就爱上它53

3.3 使用原型验证Metro UI54

3.3.1 开发原型产品54

3.3.2 倾听用户的声音60

第4章 Metro风格设计指南64

4.1 Metro页面的布局与配色65

4.1.1 Metro的精髓——Tile66

4.1.2 简单却华丽的配色72

4.1.3 字体样式74

4.2 导航与页面切换76

4.2.1 应用内容的组织与导航76

4.2.2 借助平台的特有导航操作82

4.3 Metro的触摸操作86

4.3.1 触摸行为的定义86

4.3.2 触摸的目标88

4.3.3 触摸屏幕的合理操作区域92

4.3.4 设定使用场景95

4.4 Metro控件设计准则96

4.4.1 启动界面设计准则96

4.4.2 消息通知设计准则97

4.4.3 锁屏设计准则101

4.4.4 页面内控件的设计原则103

第5章 多种类型应用的Metro设计指南110

5.1 游戏111

5.1.1 布局和导航111

5.1.2 游戏内控件114

5.1.3 触摸交互116

5.1.4 设置和选项116

5.1.5 暂停游戏117

5.1.6 状态管理与保存118

5.1.7 游戏账户118

5.1.8 改变视图方向和窗口大小119

5.1.9 启动画面和载入提示120

5.1.10 漫游120

5.1.11 合约120

5.1.12 Windows Phone中的游戏122

5.2 娱乐类应用122

5.2.1 多媒体应用的布局和导航122

5.2.2 在HUB页面中点击项目126

5.2.3 播放体验127

5.2.4 剧集或视频的前后章节导航129

5.2.5 命令129

5.2.6 等级与评论132

5.2.7 字体与版式132

5.2.8 合约133

5.2.9 告诉用户应用是有活力的135

5.2.10 方向和视图135

5.2.11 应用启动136

5.2.12 Windows Phone中的娱乐应用137

5.3 新闻类应用138

5.3.1 布局和导航138

5.3.2 命令145

5.3.3 新闻应用中的版式146

5.3.4 内容的新鲜感146

5.3.5 告诉用户应用是有活力的148

5.3.6 方向和视图148

5.3.7 应用启动150

5.4 工具类应用151

5.4.1 概述151

5.4.2 全屏模式152

5.4.3 工具类应用的布局和导航152

5.4.4 命令158

5.4.5 工具类应用中的数据输入162

5.4.6 文本选择165

5.4.7 工具类应用中的版式165

5.4.8 合约166

5.4.9 告诉用户应用是有活力的171

5.4.10 方向和视图171

5.4.11 Windows Phone中的工具应用173

第6章 移植为Metro风格的应用176

6.1 将iPad应用移植成Metro风格177

6.1.1 布局和导航178

6.1.2 命令和操作181

6.1.3 合约182

6.1.4 触摸186

6.1.5 方向和视图188

6.1.6 通知190

6.2 将iPhone应用移植为Metro应用191

6.2.1 布局和导航192

6.2.2 命令和操作193

6.2.3 方向和视图194

6.2.4 通知195

6.3 将网页移植成Metro应用197

6.3.1 布局198

6.3.2 导航200

6.3.3 操作202

6.3.4 触摸操作203

第7章 Metro的未来206

7.1 Metro风格是微软未来全线产品的风格207

7.2 来自未来的风格208

7.3 从Metro到Modern的转变211

7.4 白璧微瑕213