闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕濠氬箯閿燂拷 (0) +1 闂傚倷娴囧畷鍨叏瀹ュ拋鍚嬮柛鈩冾殢娴硷拷 (0) +1 闂傚倸鍊搁崐鎼併偑鐎涙ḿ顩查柣鎴f缁狀垶鏌ㄩ悤鍌涘 (0) +1
闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€n偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕鏌ュ垂閸ф钃熼柣鏃囥€€閸嬫挸鈽夊▍顓т簼閹便劑宕惰閺€鑺ャ亜閺囩偞顥為悗姘炬嫹闂傚倸鍊风粈渚€骞栭銈嗗仏妞ゆ劧绠戠壕鍧楁煕閹邦垼鍤嬮柤鏉挎健閺屾稑鈽夊▎鎰▏缂傚倷璁查弲鐘诲蓟閻旂⒈鏁嶆繝濠傚枤閺嗩厼顪冮妶鍐ㄥ姷闁瑰嚖鎷�>>

正在阅读:只是跟风WP/iOS7?谈扁平化设计是否跟风只是跟风WP/iOS7?谈扁平化设计是否跟风

2013-10-18 17:27 出处:PConline原创 作者:Aimo 责任编辑:censi

  抽象化/扁平化设计的优点

  前面说到,抽象化/扁平化是当前的潮流。有这么多人一窝蜂地扎进去,自然好处是大大的有。界面使用抽象化、扁平化的设计,大致有以下优点。

  ◆优点一:层次清晰

  就单个图标这样的细节来看,扁平化设计显然是谈不上什么层次感的。但如同把视野放大到这个系统,局面就不同了。怎样的设计才能显得有层次?看看堆叠的扑克牌,应该就能有个概念了。

iOS7 扁平化设计
叠起来的扑克牌非常有层次,仔细观察,可以发现传统扑克牌的纹样也是扁平的

  纸牌是平的,但叠起来就显得非常有层次感。现代的UI设计将界面压扁,同时在不同界面切换时辅以阴影、高光、磨砂玻璃等特效渲染,层次显得清晰了很多。如果坚持拟物化的图标、按钮等设计,大量的阴影、高光会扰乱UI界面切换特效,整体的层次反而不那么清晰。

iOS7 扁平化设计
Android Design将界面拍扁,程序抽屉、菜单不同界面用蓝光和阴影过渡,很有层次感

  至于为何大家都如此热衷于梳理UI的层次嘛……现在的移动操作系统功能是越来越繁杂了,越来越接近电视购物广告嘶声力竭大喊的“把MP5、相机、摄影机、XX机都装进口袋”的情况。UI层次变清晰,有利于让用户理解系统功能结构,系统界面这样一层层铺叠下来,啥功能放在哪一层界面,大家比较容易心中有数。

  ◆优点二:识别度高

  抽象化/扁平化的设计削弱了高光阴影等细节,视觉上变得简约了不少。熟悉系统后,这更利于用户快速辨别功能。为何这么说呢?举个简单的例子吧,交通灯。红黄绿三色抽象得不能再抽象了,但你看到红色第一时间就能意识到该停下来。如果把红灯改成一幅细腻的停车图,估计就满城七十码刹不住了。

iOS7 扁平化设计
交通灯的颜色是典型的抽象信号

  ◆优点三:展现内容更多

  这个很好理解,看Windows Phone/Windows 8的动态磁贴就知道了。界面中其他元素越少,能够用来展现内容的面积就越大,抽象化/扁平化的设计能够提供更纯粹的内容阅读体验。要阅读文字,白纸是最好的载体,就是这个道理了。

iOS7 扁平化设计
动态磁贴无边框,无杂色,无任何修饰,可以用最大面积地展示各种内容

  ◆优点四:设计简单

  好吧,无论简约风格与否,好的设计其实都不简单,这里的简单是对一般的苦逼美工来说的。在以前,做一个图标需要细细勾画轮廓,微调高光阴影突出立体感;现在嘛,诶嘿,涂抹几笔红红绿绿即可收工,多省事。当然,老板们也有可能因为美工工序减少而炒人哦,这反映到产品中就是价格降低了,可喜可贺。

iOS7 扁平化设计
设计师可不好当,各种苦逼

  总的来说,抽象扁平的设计还是非常符合当前消费电子发展的潮流的。设备的功能正在复杂化,人们需要逻辑层次更清晰、功能更容易辨认的界面;信息仍在大爆炸,人们需要更多的内容来满足阅读的欲望;总体上变得更简单的设计工序,让产品能够更快地走向市场——现在的消费电子简直就像垃圾一样,半年就能倒掉一堆淘汰品。

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品
闂傚倸鍊风粈浣虹礊婵犲倴缂氱憸鏃堛€侀弽顓炲耿婵$偟绮弫鐘绘⒑闁偛鑻晶鎾煙椤旀娼愰柟宄版嚇瀹曘劍绻濋崒娆愭▕濠电姷顣藉Σ鍛村磻閹捐绠柨鐕傛嫹闂傚倸鍊烽悞锕傚箖閸洖纾块柟鎯版绾剧粯绻涢幋娆忕仼闁哄嫨鍎甸幃姗€鎮欓弶鍨彑婵炲瓨绮嶇划鎾诲蓟濞戙埄鏁冮柨婵嗘椤︺儵姊洪崨濠冾棖闁瑰嚖鎷�