第1章 Metro风格概述
1.1 Metro的渊源
1.1.1 地铁与城市
1.1.2 包豪斯建筑
1.1.3 瑞士平面设计
1.2 Metro风格的原则
1.2.1 MetroUI的特点
1.2.2 MetroUI的区分
1.2.3 Metro哲学
1.3 Metro风格应用程序的演进
1.3.1 初露端倪
1.3.2 蓬勃发展
1.3.3 引领未来
第2章 Metro风格应用实例
2.1 Windows8Metro界面赏析
2.2 WindowsPhoneMetro界面赏析
2.3 Android和iOS中Metro风格应用界面赏析
2.4 Metro风格网站设计赏析
2.5 其他Metro设计风格的产品赏析
第3章 定义Metro风格的应用程序
3.1 设计Metro应用
3.1.1 明确应用的定位
3.1.2 设计产品的交互方式
3.1.3 定义产品使用的平台特性
3.1.4 盈利模式
3.2 设计令人印象深刻的MetroUI
3.2.1 最适合产品的UI
3.2.2 一眼就爱上它
3.3 使用原型验证MetroUI
3.3.1 开发原型产品
3.3.2 倾听用户的声音
第4章 Metro风格设计指南
4.1 Metro页面布局与配色
4.1.1 Metro的精髓——Tile
4.1.2 简单且华丽的配色
4.1.3 字体样式
4.2 导航与页面切换
4.2.1 应用内容的组织与导航
4.2.2 借助平台的特有导航操作
4.3 Metro的触摸操作
4.3.1 触摸行为的定义
4.3.2 触摸的目标
4.3.3 触摸屏幕的合理操作区域
4.3.4 设定使用场景
4.4 Metro控件设计准则
4.4.1 启动界面设计准则
4.4.2 消息通知设计准则
4.4.3 锁屏设计准则
4.4.4 页面内控件的设计原则
第5章 多种类型应用的Metro设计指南
5.1 游戏
5.1.1 布局和导航
5.1.2 游戏内控件
5.1.3 触摸交互
5.1.4 设置和选项
5.1.5 暂停游戏
5.1.6 状态管理与保存
5.1.7 游戏账户
5.1.8 改变视图方向和窗口大小
5.1.9 启动画面和载入提示
5.1.1 0漫游
5.1.1 1合约
5.1.1 2WindowsPhone中的游戏
5.2 娱乐类应用
5.2.1 多媒体应用的布局和导航
5.2.2 在HUB页面中点击项目
5.2.3 播放体验
5.2.4 剧集或视频的前后章节导航
5.2.5 命令
5.2.6 等级与评论
5.2.7 字体与版式
5.2.8 合约
5.2.9 告诉用户应用是有活力的
5.2.1 0方向和视图
5.2.1 1应用启动
5.2.1 2WindowsPhone中的娱乐应用
5.3 新闻类应用
5.3.1 布局和导航
5.3.2 命令
5.3.3 新闻应用中的版式
5.3.4 内容的新鲜感
5.3.5 告诉用户应用是有活力的
5.3.6 方向和视图
5.3.7 应用启动
5.4 工具类应用
5.4.1 概述
5.4.2 全屏模式
5.4.3 工具类应用的布局和导航
5.4.4 命令
5.4.5 工具类应用中的数据输入
5.4.6 文本选择
5.4.7 工具类应用中的版式
5.4.8 合约
5.4.9 告诉用户应用是有活力的
5.4.1 0方向和视图
5.4.1 1WindowsPhone中的工具应用
第6章 移植为Metro风格的应用
6.1 将ipad应用移植成Metro风格
6.1.1 布局和导航
6.1.2 命令和操作
6.1.3 合约
6.1.4 触摸
6.1.5 方向和视图
6.1.6 通知
6.2 将iPhone应用移植为Metro应用
6.2.1 布局和导航
6.2.2 命令和操作
6.2.3 方向和视图
6.2.4 通知
6.3 将网页移植成Metro应用
6.3.1 布局
6.3.2 导航
6.3.3 操作
6.3.4 触摸操作
第7章 Metro的未来
7.1 Metro风格是微软未来全线产品的风格
7.2 来自未来的风格
7.3 从Metro到Modern的转变
7.4 白璧微瑕
……
缺书网
扫码进群