正在阅读:只是跟风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 扁平化设计
设计师可不好当,各种苦逼

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

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

关注我们

最新资讯离线随时看 聊天吐槽赢奖品