Windows Phone 7 & Metro设计指南

摘要:微软新手机操作系统 Windows Phone 7 (WP7),通过应用于WIN8操作系统的Metro设计语言,为我们展示了一种全新的内容组织形式和与众不同的用户体验。

Windows Phone 7 & Metro设计指南

微软新手机操作系统 Windows Phone 7 (WP7),通过应用于WIN8操作系统的Metro设计语言,为我们展示了一种全新的内容组织形式和与众不同的用户体验。

如果说Windows-mobile是为了商业和技术人员设计的话,那WP7的目标用户就是那些线上线下都很忙碌的活跃份子和热衷于社交活动的人群,不管他有什么样的背景。

为什么设计师要关注WP7

首先,WP7的用户界面是一种全新的概念,为我们提供了更大的创新空间,为它做设计将会是一场激动人心的挑战,而且对设计师来说,探索新事物是创新用户体验的最佳方法。

其次,Metro设计是一个不可忽视的市场。众所周之,Win8将支持来自intel,AMD和ARM的芯片架构,这意味着windows系统开始向更多平台迈过,包括平板电话和PC。2011.9.14win8开发者预览版宣布兼容移动终端,这意味着用户将一改过去在使用手机,平板电脑,台式机中面对不同用户界面的情形,以后跨平台的用户体验将会得到极大的统一。随着WIN8和基于WP7系统的手机先后上市,做为其重要组成部分的Metro设计语言将在市场中扮演愈发重要的角色。

Metro-新的设计模式

WindowsPhones团队从各种文字排版中获得灵感,通过去除界面上所有不必要的元素,并且将内容做为设计核心的方法,将WP7系统的UI与以往的UI设计彻底划分开来。过去大家所熟知的用户界面消失了,取而待之的是内容自身成为了界面。界面的功能不只是进入内容的通道,同时也能显示当前的内容,减少了移动终端上的视觉元素,促进人与内容的直接交互。

WP7的图形样式是排版,并且遵循平面设计先驱Josef Müller-Brockman的基于基本画布( basic canvas),素色(plain color ),方角(squared angles)的纯排版理论。ICON一改在以往终端中发挥主要作用的局面,在WP7中他们仅用于操作内容 ,且更倾向于在浏览内容时引导用户。

Windows Phone 7 & Metro设计指南

所有的要素都给予用户这样一种感觉:这就是一张地图,用户通过标签与名称来帮助他们到达目的地,所以需要清晰的文字,且极大的弱化视觉元素。

Windows Phone 7 & Metro设计指南

新的内容网格

Metro将原有的用于布局的图形元素移除,内容网格全部由内容自己来创建。当用户在浏览页面时,就已在阅读内容了。一切的元素都非常的轻巧,这就要求设计师在创建内容路径时正确的使用强调元素,从而帮助用户更便捷的找到他所需要的信息。你会觉得这和地铁路线图很像,但就移动应用程序而言,它所要求的信息架构体系比地铁的路线图更严谨。

Windows Phone 7 & Metro设计指南

内容按照重要性及用户需求度两个标准来推送,基于这个原则,每个应用程序在设计前都必须准确定位对象人群。Metro UI的目标就是通过强调重要信息来帮助用户决定是否要点击查看,为了能做到这一点,微软提出了“Hub”的概念,其作用就是如仪表盘那样在一屏中浓缩所有的信息。更确切的说,是像一本电子杂志的封面,例如:Flipbord.

Windows Phone 7 & Metro设计指南