Design for the Future——Metro风格解读及设计指导（全彩）pdf/txt下载_在线阅读全文

内容简介

　　本书将从Metro风格的历史到Metro在软件产品客户端交互中的应用，来领略Metro风格的简洁的设计思想；同时以Windows Phone和Windows 8应用为主，其他产品的Metro设计为辅，详细介绍Metro风格应用的设计指导原则，使读者掌握可实际操作的设计规范，设计和开发出符合微软要求的Metro风格的Windows Phone和Windows 8应用；文中还展示了大量优秀的Metro风格设计示例，使读者对Metro风格有一定的感性认识；最后还推演了Metro风格的未来演进思路。

目　　录

第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.1 Windows8Metro界面赏析

第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 白璧微瑕 
……

显示全部信息

前　　言

序数千年以来，人类科学文明的进步始终围绕着可触摸的实体世界：石器、青铜器、铁器，以及历次工业革命中产生的各种机器，这些科技都是可触碰的，是人们所熟悉的。于是，当资讯科技时代来临时，设计师大量沿用实体世界的隐喻来帮助人们了解和熟悉虚拟世界。标签（Tabs)、垃圾桶、Copy＆Paste，以及仿真主义风格的视觉设计（Skeuomorphism)，这些都和实体世界有着某种程度的连接，帮助用户适应虚拟的电脑环境。但是随着互联网的快速演进，现代人平均花在网络上的时间大大增加，和屏幕上虚拟原件互动的时间已经大于和实体世界互动的时间。当随着互联网各种新的应用不停推出，设计师越来越难以找到和实体世界相对应的隐喻时，我们发现，旧有的设计规范已经不复使用。Modern/MetroUI的出现，为人机界面设计提供了全新的角度。它抛掉了仿真主义的包袱，将页面的空间归还给内容本身，严谨而丰富的交互规范，在现有的各种设计风格中，它自成一格，独特而前卫。但是，由于可用视觉元素的减少，对于交互的严谨要求，设计Modern/Metro界面对交互和视觉设计变成了严峻的挑战。更重要的是，要做出好的应用，不再只是设计师的工作：项目经理开始需要了解设计原则；设计师需要了解系统的自带元件和限制，开发人员也需要对设计规范有深入的研究。Modern/MetroUI对于团队合作的要求也提高了。本书作者从综合的角度，深入浅出地详细介绍了 Windows 8的设计规范。从产品定位到交互和视觉规范，到相对应的 API，本书详尽地解释了开发 Windows 8 App的所有细节，相信无论你是设计师、产品经理，还是工程师，都能从中获益！ David Liu UX Designer Microsoft前言互联网产业每天都在发生着变革，正是一次次的变革推动了技术的进步、产业的创新和历史的发展。当微软还固守着最接近电脑操作体验的WindowsMobile智能手机时，iPhone的出现带来了智能手机领域的变革，重新定义了智能手机的概念，而Android的出现改变了iPhone一家独大的状况，使智能手机更加普及，适合于各个阶层的消费者。但是几年来Android手机与iPhone的用户界面同质化问题严重，虽然部分Android手机厂家对Android系统的界面做过定制，但是无论是三星定制的系统界面还是HTC的HTCSense，似乎都没有超脱Android和iPhone创立的这个界面范围。就在大家对iPhone和Android手机的界面审美极度疲劳的时候，桌面操作系统的王者——微软以一个全新的操作界面和用户体验促进着智能手机产业的又一次变革，这就是在微软的Windows8和WindowsPhone系统中都采用的Metro风格的界面。Metro风格是一种完全不同于iPhone和Android的界面风格，它强调的是以简洁的布局、鲜艳的颜色、明确的标识为用户提供最明确的意图呈现、最简单的操作方式。正如诺基亚的CEO所说，诺基亚选择WindowsPhone系统作为其智能手机的操作系统，目的就是为了能够脱颖而出。拥有Metro风格的WindowsPhone操作系统具有很强的辨识度，避免了与Android手机或者iPhone手机的同质化。一个拥有Metro风格界面的应用同样具有相似的效果，在众多的应用中可以脱颖而出，这是越来越多的应用选择Metro风格的原因，也是手机用户对比变革的根本需求。面对越来越多的Metro风格应用设计的需求，本书将为移动应用客户端的设计者和开发者介绍Metro风格的设计理念，探寻Metro风格的设计精髓，指导读者进行Metro风格应用的设计。本书将以Windows8和WindowsPhone两个平台为主，所介绍的设计规范完全符合微软所规定的Metro设计原则，同时结合作者的设计经验和业界的设计规范细化出一套更具有操作性的Metro风格应用的设计流程和规范，包含配色、布局、导航、磁贴的设计等多个方面，同时针对现在存在大量从Android和iOS平台向Windows8或者WindowsPhone平台移植应用的需求，本书也重点介绍了其他平台应用向Metro风格移植的方法和需要注意的事项。希望本书的内容能够为Metro风格应用的开发者和设计者提供有价值的内容，并具有一定的帮助和指导作用。

序
数千年以来，人类科学文明的进步始终围绕着可触摸的实体世界：石器、青铜器、铁器，以及历次工业革命中产生的各种机器，这些科技都是可触碰的，是人们所熟悉的。于是，当资讯科技时代来临时，设计师大量沿用实体世界的隐喻来帮助人们了解和熟悉虚拟世界。标签（Tabs)、垃圾桶、Copy
＆
Paste，以及仿真主义风格的视觉设计（Skeuomorphism)，这些都和实体世界有着某种程度的连接，帮助用户适应虚拟的电脑环境。但是随着互联网的快速演进，现代人平均花在网络上的时间大大增加，和屏幕上虚拟原件互动的时间已经大于和实体世界互动的时间。当随着互联网各种新的应用不停推出，设计师越来越难以找到和实体世界相对应的隐喻时，我们发现，旧有的设计规范已经不复使用。
Modern/Metro
UI的出现，为人机界面设计提供了全新的角度。它抛掉了仿真主义的包袱，将页面的空间归还给内容本身，严谨而丰富的交互规范，在现有的各种设计风格中，它自成一格，独特而前卫。但是，由于可用视觉元素的减少，对于交互的严谨要求，设计
Modern/Metro
界面对交互和视觉设计变成了严峻的挑战。更重要的是，要做出好的应用，不再只是设计师的工作：项目经理开始需要了解设计原则；设计师需要了解系统的自带元件和限制，开发人员也需要对设计规范有深入的研究。Modern/Metro
UI对于团队合作的要求也提高了。本书作者从综合的角度，深入浅出地详细介绍了 Windows 8
的设计规范。从产品定位到交互和视觉规范，到相对应的 API，本书详尽地解释了开发 Windows 8 App
的所有细节，相信无论你是设计师、产品经理，还是工程师，都能从中获益！ David Liu UX Designer Microsoft
前 言
互联网产业每天都在发生着变革，正是一次次的变革推动了技术的进步、产业的创新和历史的发展。当微软还固守着最接近电脑操作体验的Windows
Mobile智能手机时，iPhone的出现带来了智能手机领域的变革，重新定义了智能手机的概念，而Android的出现改变了iPhone一家独大的状况，使智能手机更加普及，适合于各个阶层的消费者。但是几年来Android手机与iPhone的用户界面同质化问题严重，虽然部分Android手机厂家对Android系统的界面做过定制，但是无论是三星定制的系统界面还是HTC的HTC
Sense，似乎都没有超脱Android和iPhone创立的这个界面范围。就在大家对iPhone和Android手机的界面审美极度疲劳的时候，桌面操作系统的王者——微软以一个全新的操作界面和用户体验促进着智能手机产业的又一次变革，这就是在微软的Windows
8和Windows
Phone系统中都采用的Metro风格的界面。Metro风格是一种完全不同于iPhone和Android的界面风格，它强调的是以简洁的布局、鲜艳的颜色、明确的标识为用户提供最明确的意图呈现、最简单的操作方式。正如诺基亚的CEO所说，诺基亚选择Windows
Phone系统作为其智能手机的操作系统，目的就是为了能够脱颖而出。拥有Metro风格的Windows
Phone操作系统具有很强的辨识度，避免了与Android手机或者iPhone手机的同质化。一个拥有Metro风格界面的应用同样具有相似的效果，在众多的应用中可以脱颖而出，这是越来越多的应用选择Metro风格的原因，也是手机用户对比变革的根本需求。面对越来越多的Metro风格应用设计的需求，本书将为移动应用客户端的设计者和开发者介绍Metro风格的设计理念，探寻Metro风格的设计精髓，指导读者进行Metro风格应用的设计。本书将以Windows
8和Windows
Phone两个平台为主，所介绍的设计规范完全符合微软所规定的Metro设计原则，同时结合作者的设计经验和业界的设计规范细化出一套更具有操作性的Metro风格应用的设计流程和规范，包含配色、布局、导航、磁贴的设计等多个方面，同时针对现在存在大量从Android和iOS平台向Windows
8或者Windows
Phone平台移植应用的需求，本书也重点介绍了其他平台应用向Metro风格移植的方法和需要注意的事项。希望本书的内容能够为Metro风格应用的开发者和设计者提供有价值的内容，并具有一定的帮助和指导作用。

显示全部信息

Design for the Future——Metro风格解读及设计指导（全彩）下载

Design for the Future——Metro风格解读及设计指导（全彩）

发布书评

相关图书推荐