网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
“Metro”,移动设备视觉语言的新新人类
发布日期:2011-02-12 阅读次数:1057 字体大小:

何谓“Metro”?“Metro”本意是指“地铁”。纵观机场、地铁、公交线路图等,会发现这些导视设计都具有高度概括性,对比度强烈等特点,并被用来指导人们更快的找到自己要去的目的地。

“Metro”之源

一个移动设备的界面设计语言怎么会跟地铁挂上钩呢?每一次改革创新的背后,都有一个主导思想。微软这次推出的Windows Phone 7(以下简称WP7)背后也存在着一个设计语言,设计思想,这个设计语言正是源于交通导视图的这些特点而产生的灵感!在微软内部这种设计语言被命名为“Metro”。

“Metro”之新

1.图标

WP7整个界面展现出的“图标”完全跟 “圆角、渐变、阴影、光泽感”说拜拜,用纯二维以及高度概括性弱化了视觉上的复杂性,让用户没有过多的去关注图标本身,而是增加其辨识性和标识性,达到强化内容和信息的目的。

2.界面布局

Home页没有像九宫格那样整齐排布,而是用一个一个单一的色块平面化的对界面进行大胆的分割。其他的界面也去掉了那些繁复冗余的设计细节,没有过多绚丽的色彩,没有花哨的光影,强调用文字信息进行排版,更多的是关注内容本身,更关注用户想要什么,用一种锐利直白的视觉语言来表达了真实的内容。

3.字体

字体是“Metro”展现其设计美感的一个重点,它主要使用的是较细的Segoe UI字体,通过把字体放大、缩小来得到好的效果和设计感。在“Metro”中没有需要操作的复杂的界面来转移用户对内容的注意,取而代之的是用户本身关注的内容,简而言之:内容即界面!这样极大地减少了用户视觉上的干扰、增强了引导性,让原本“拥挤”了的各种内容和信息的界面显得更加地“透气”。

在一个充斥着各种渐变和各种效果的时代,WP7能如此大胆地抛开了传统视觉设计语言的束缚,不惜代价地提高视觉上的清晰度和辨识度,把追求简洁发挥到了极致。