[手机ui设计.docx

“Metro”，移动设备视觉语言的新新人类何谓“Metro”？“Metro”本意是指“地铁”。纵观机场、地铁、公交线路图等，会发现这些导视设计都具有高度概括性，对比度强烈等特点，并被用来指导人们更快的找到自己要去的目的地。“Metro”之源一个移动设备的界面设计语言怎么会跟地铁挂上钩呢？每一次改革创新的背后，都有一个主导思想。微软这次推出的Windows Phone 7（以下简称WP7）背后也存在着一个设计语言，设计思想，这个设计语言正是源于交通导视图的这些特点而产生的灵感！在微软内部这种设计语言被命名为“Metro”。“Metro”之新1．图标WP7整个界面展现出的“图标”完全跟 “圆角、渐变、阴影、光泽感”说拜拜，用纯二维以及高度概括性弱化了视觉上的复杂性，让用户没有过多的去关注图标本身，而是增加其辨识性和标识性，达到强化内容和信息的目的。2．界面布局Home页没有像九宫格那样整齐排布，而是用一个一个单一的色块平面化的对界面进行大胆的分割。其他的界面也去掉了那些繁复冗余的设计细节，没有过多绚丽的色彩，没有花哨的光影，强调用文字信息进行排版，更多的是关注内容本身，更关注用户想要什么，用一种锐利直白的视觉语言来表达了真实的内容。3．字体字体是“Metro”展现其设计美感的一个重点，它主要使用的是较细的Segoe UI字体，通过把字体放大、缩小来得到好的效果和设计感。在“Metro”中没有需要操作的复杂的界面来转移用户对内容的注意，取而代之的是用户本身关注的内容，简而言之：内容即界面！这样极大地减少了用户视觉上的干扰、增强了引导性，让原本“拥挤”了的各种内容和信息的界面显得更加地“透气”。在一个充斥着各种渐变和各种效果的时代，WP7能如此大胆地抛开了传统视觉设计语言的束缚，不惜代价地提高视觉上的清晰度和辨识度，把追求简洁发挥到了极致。“Metro”之“优”与“忧”不可否认，“Metro”在视觉设计上的确有着其独到之处，而事实上，其“新”更是理念上的，这种理念上的创新设计在某些方面拥有一定的优势，具体体现为以下几个方面：1．信息的完整体现传统的手机终端已经被Application包裹得越来越紧密，而你的生活和需求却不是一个一个单独的App所涵盖的，而是穿梭在不同类型的信息里。是否有新的信息、电话或者有新的状态更新，可以扫一眼就看到，这种强调类似SNS信息流的设计让用户更好地回归到体验手机的本质功能上。WP7在概念上遵循了这种源于信息和内容的思路，“Metro”的出现也正是为了消除这种概念上的不对称，当这种理念的核心价值表现在实用主义与内容至上的时候，一切视觉上的语言都显得不那么重要了。2．PanoramaPanorama的设计采用了类似画卷一样的横向滚屏的设计，摒弃了传统的滚动条，使得内容界面变得可以滚动，即让用户避开了一层一层的操作窗口又能一口气浏览信息到底。3．内容至上WP7不是在标新立异，而是从用户对信息的需求出发。他把极简主义，内容至上原则带到了移动终端设备的视觉设计上，不能不说是开辟了一种更强调实用的设计方向。“Metro”在理念上够新，视觉上够酷，但它是否真的适应当前的移动终端？我们不得不对其产生一些质疑和担忧：1．对一种字体的过度依赖拉丁字母非常配合Metro的设计理念，将简洁明快发挥到了淋漓尽致。而这就像一把双刃剑，导致“Metro”过度依赖拉丁字母本身所带来的魅力而忽略了例如中文，日文等非拉丁文。这些语言是否还能在“Metro”的设计理念的引导下，在视觉上是延续这种字体的魅力呢？至少到目前为止我们还没有看到有说服力的证明。2．视觉的单调性纯2维的图标有非常高的指示性，但却缺乏一定的丰富性。在“Metro”的视觉语言下，剥夺了图标原有的个性和情感，把其转化成一个个没有生命的指示牌。就像你无法指望那些交通标识能带给你什么惊喜和趣味，而只是冰冷生硬的指示。这对第三发开发者来说不能不说是一个遗憾。3. 用户习惯与认可度在iPhone，Android系统横行于市的今天，可能用户早已习惯了那种操作界面的方式，而WP7的各种操作明显有别于市场上其他系统，因此需要一定的过程和培育时间成本来让用户接受。早在几年前，当时西门子推出Xelibri从设计理念上也够新、够酷并轰动一时，但用户接受程度却不尽如人意，最后惨淡收场。因此，微软在视觉和体验上做出如此大的变革，这不仅需要考验用户的耐心，更要考验微软的毅力与决心。“Metro”之展望与启示其实“Metro”这个设计语言在之前的Zune上就有多多少少的体现，垂直的大号文字导航系统，加上扁平化的色块，一目了然。在WP7面世后，“Metro”这个设计语言开始正式被大范围系统化的应用和推广，以此设计哲学和理念汇编成的Metro book，用其简明的布局和明快的色彩对“Metro”这一设计语言