Windows Phone 7 & Metro设计指南

2019-04-03    来源:365ucd.com

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

微软新手机操作系统 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中他们仅用于操作内容 ,且更倾向于在浏览内容时引导用户。

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

新的内容网格

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

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

标签: 交互设计 Metro设计 视觉交互 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:BANNER中的字体结构分析

下一篇:认知盈余时代 知乎是如何运营的