home

blogworksdownloadguestbookserviceabout

不仅仅是简单-浅谈Metro   2010-04-21 2:00:03 PM   By: zerode



                Metro本意是指"地铁",引申为地铁里简洁的视觉导视系统,作为以Metro命名的全新的视觉设计语言,已在微软最新的Windows  Phone  (WM7)中正式应用,正在研发状态下的Windows  8,  还有一些不便公开信息的产品也会相继应用此新的设计语言,但实际上,早在Zune,  Xbox,  Windows  Mobile,开始,我们就已经看到Metro的影子。

        从Windows  Phone有意无意地泄露那一天起,对于Metro这种全新的移动设备界面设计风格,就开始众说纷纭褒贬不一,赞扬的人说这种风格简洁明了内容至上去掉浮华之后而返璞归真;批评的人说这种风格过于简单,空洞无物,只是为了变化而变化,是自图形用户界面产生以来的一种退步。

        其实,作为一名设计师来讲,在一定程度上很难保持自己的客观性,因为面对一些设计或产品时很容易不受控制的带有一些自己的主观感情,尤其是自己参与过的产品,说白了就是个人喜好直接影响你的判断    ,往往在这个时候个人在意识层面上是很难保持中立的。作为有幸参与了Windows  Mobile  7(也就是后来的Windows  Phone)前期工作的一员来讲,我一直试图使自己保持客观理性的态度去理解它,以至于我直到现在也不确定到底对Metro喜欢多一点还是讨厌多一点。

        但不得不否认,这种变化至少对与Microsoft自身来讲有正面意义的,特别是现在华丽质感和细腻光效已经成主流UI设计语言的时候,Metro无疑是一次人机界面设计语言的回归,甚至可以说是在人机界面设计语言上的一次革命;而从技术角度讲,未来的人机交互体验必定是更快捷更流畅动感的全新体验,矢量交互将替代现有的传统交互模式,而极致简洁的风格正为这种交互模式提供了基础。所以,如果你看过Microsoft`s  Vision  of  2019之后,也许你会明白,其实这种设计语言的变化不仅仅是为了变化而变化,它只不过是即将要建立的一种全新体验体系中的一个环节而以。
        另一方面,从Metro的产生来讲,它并不是是一种全新的设计语言,至少在微软内部不是的,这可以从视觉和理念两个方面来印证:

        第一,视觉上,早在Zune开始,就已经有了现在所谓Metro的原型,垂直的大号文字导航系统,在加上扁平化的色块,简洁明了,一目了然,与此同时,Xbox  LIVE以及后来的Windows  Mobile  6.5的界面相继把这种风格继续延续,其实在Window  Mobile  6.5未发布前,我和同事就已经预料到Microsoft可能会把Zune的视觉语言当作一种统一的标准体系,逐步的推广应用至其他产品线,特别是后来6.5发布后我和Team里的一些同事参与了Windows  Mobile  7的概念设计,更加印证了我们之前的想法,只不过,那时候我们还不知道这就叫Metro,当然,在Window  Mobile  7也就是Windows  Phone之前,这种视觉设计语言还没有得到大范围的系统化应用,比如Windows  Mobile  6.5,也只是在Home  screen里面保持了和Zune的一致罢了,真正系统化的应用,无疑是Windows  Phone.

                第二,理念上,Metro这种设计语言的核心理念其实就是内容的整合,以信息和内容为中心,区别于以往的UI,把界面简单到极致,在交互过程中让用户可以更快捷的得到需要的信息和内容,而不是UI,至少在交互这个环节向用户弱化UI的存在,突出内容。由UI到内容为主这个变化,可能要追溯到Office2007,随着Office系列软件功能的增多,需要给用户的操作命令越来越多,原来的Menu已经装不下那么多的button,但是如果不能尽可能多的把它们直接呈现给用户,势必造成诸多命令按钮被隐藏起来,而不是直接呈现给用户,于是在这种情况下,产生的全新的Ribbon。为了更好地让用户理解这种变化,在Office的guideline里面有一个很有意思的故事:
"One  of  the  tenets  of  the  Office  2007  user  interface  is  that  we  don't  want  people  to  have  to  look  "under  rocks."
I  don't  know  why  we  say  "under  rocks."    Maybe  I  made  it  up,  maybe  I  heard  it  somewhere,who  knows.    The  picture  I  get  in  my  head
  is  an  insect-eating  animal  crossing  the  land,  
turning  over  rocks  to  look  for  meals.    Occasionally,  a  rock  will  be  hiding  a  juicy  insect.    Most  times,
however,  there's  nothing  under  the  rock.    As  a  result,  the  animal  spends  most  of  his  day  looking  under  rocks.
In  a  user  interface,  a  "rock"  is  anything  you  have  to  click  to  see  what's  under  it.
The  more  rocks  you  have  to  look  under,  the  harder  it  is  to  find  what  you're  looking  for  efficiently.  
When  you  have  a  UI  with  a  lot  of  rocks  to  look  under,  people  start  to  feel  like  your  program  is  very  complex.  
  It's  like  the  shell  game--people  start  forgetting  what  rocks  they've  looked  under  and  which  they  haven't.    Eventually,
  people  give  up  ever  looking  for  new  things  and  instead  just  use  the  same  three  rocks  they  always  use."

        从以上可以看出,  Metro带来的变化,核心是在UX设计过程中内容本身强过了表现形式------也就是我们所说的用户界面,任何一种产品都有它的核心价值,同样,产品体验更要有差异化的核心价值,而当这种体验的核心价值表现在内容至上的时候,由此而产生的设计语言,无所谓对与错、先进或落后,我们都可以把它看成是一种进步。当然,所谓的界面向内容让步,并不表示视觉设计的地位被减弱,相反,在这个过程中更需要设计师去"经营"  设计,化繁为简,而不是仅仅关注狭义的"设计",因此这对设计师的素质要求不降反升,除了一些交互理论,工业设计,心理学,色彩原理等基础素质,还需要涉猎更多的领域比如版式设计、字体研究、动画甚至是中国画中的"经营位置"理论等。



   Quote the-su     2010-07-17 11:07:01 PM
静观windows  phone7的进展。
我称此风格为"金融危机下的视觉设计"。。。。。。
   Quote leo     2010-05-23 6:38:35 PM
可是很久没更新了  
   Quote bandeng     2010-04-23 9:49:15 PM
板凳个,继续更新  
   Quote kenchan     2010-04-23 1:45:26 AM
从《UI  Designer》第3期看到你的文章    
我个人也很喜欢这种简美的设计风格
   Quote vito     2010-04-22 11:43:01 PM
  居然有沙发?????

哈哈。。。终于看到你更新了!

请继续保持!呵呵

   Post Commets 发表评论
Your name 名字:        Validatecode 验证码:     

©2009 Zerode.com   京ICP备05004201号 Zerode.com RSS2.0
 
英雄合击 热血传奇客户端下载 英雄合击 3000ok zhaosf 1.85传奇 1.76传奇 蜀门 网通传奇 传奇续章 传奇外传 热血传奇