趋势网 > 资讯 > 正文
只是跟风WP/iOS7?谈扁平化设计是否跟风
转摘 2013-10-20 14:02:19 guoyuekings
家长举报家委会3年收10多万元班费 周生生涉事挂坠送检结果为足金 男子把降压药掰开吃30分钟后昏迷 小洛熙事件最新通报 萝莉岛幸存者曾每天被侵犯3次 
原来你买的都有隐藏券!快查淘宝天猫内部优惠券

趋势网(微博)讯:

1、扁平化真的正在取代拟物化?

iOS7自公布以来,扁平化设计让人亮瞎了眼。好看不好看且不论,iOS7将图标等视觉元素像拍蒜般一一拍扁,引来了无数吐槽。其中被人说得最多的就是,iOS7扁平化设计无非就是跟风之举。在iOS7出现之前,Windows Phone/Windows 8的磁贴设计已经是平得不能再平了,而安卓4.0以后,大量元素如Play商店、Google+、Google Now等应用也早早用上了扁平的卡片帖设计。人们开始感叹,苹果已经不再是当年那个怒骂安卓“Copy Cat”的苹果,自己也沦为跟风大军的一员了。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风·男子把降压药掰开吃30分钟后昏迷 ·吃娃娃菜中毒夫妻均被刑拘 ·马斯克女儿爆料 ·小洛熙事件最新通报 ·吃娃娃菜中毒夫妻最高判刑十年以上

iOS7扁平化设计只是跟风Windows 8/Windows Phone?

过了一段时间后,人们纷纷发现,扁平化出现在了越来越多的系统和App界面中。iOS6中的拟物化设计似乎一夜间就过时了,贬值堪比秘鲁币。设计师也好,凑热闹侃几句的也好,谈到UI,以扁平化设计为主题总显得更加时髦。而苹果之前花大心血经营的拟物化设计呢?除了想要用锤子磕地球的老罗,谁还在乎。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

iOS7发布后,罗永浩依然执着为锤子勾勒拟物的图标,但其他人已经纷纷投向扁平化

扁平化设计已成为了业界的新风潮,扁平化这支大军突然壮大的背后,自然有不少强力的催化因子。为什么人们会如此热衷于扁平化设计呢?扁平化设计到底有什么好处?iOS7以及一大票UI跟进扁平化设计是不是真的在跟风?下面我们一起来讨论讨论这个话题吧。

扁平化真的正在取代拟物化?

扁平化正在取代拟物化设计,这个观点正广为流传。然而这句话描述得并不很准确——扁平化设计和拟物化设计其实并不对立。仔细想想,扁平的反义词是立体,拟物的反义词是抽象,扁平和拟物怎么看都不像冤家对头啊。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

扁平化设计同样可以拟物,你不会看不出这是个汉堡吧?

人们口中的故事是扁平化将拟物化扫地出门,但真实情况要复杂一些。在近年流行的UI设计中,往往是平面化伴随着抽象化设计出现。Windows 8/Windows Phone的动态磁贴设计就是一个典型,在现实世界中你很难找到一个个方块的原型,又或者说方块的原型实在太多,这些方块儿没法起到“拟物”的意味。考虑到动态磁贴设计强调的是内容展现,并不是为了扁平而扁平,将扁平化视作抽象化设计带来的结果,更加合适。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

Windows 8抽象的磁贴目的是随时表达最新内容,扁平只是带来的结果而非设计本身的目的

无论是安卓4.0后广泛使用的Holo风,还是新鲜出炉的iOS7,因抽象化设计导致视觉扁平化的迹象屡见不鲜。为了表现抽象的逻辑层次,苹果和Google在不同的界面间注入了毛玻璃、蓝光等特效,同时按钮从凹凸有致变为贴在屏幕的单一色块,背景从精美的墙纸变成不再注重纹理的涂抹,减少了立体图标那些高光阴影对层次感的视觉干 扰。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

iOS7在不同界面间注入了毛玻璃特效,突出层次感

简而言之,现在的UI设计更加注重体现抽象的内容和系统操作逻辑,扁平化只是现象而不是设计初衷——当然不排除有人为了跟风,为了扁平而扁平硬生生把图标拍扁就是了。与其说扁平化正在取代拟物化,不如说界面设计正朝着抽象化发展,而扁平化只是抽象设计的附赠。

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

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

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

◆优点一:层次清晰

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

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

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

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

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

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

◆优点二:识别度高

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

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

交通灯的颜色是典型的抽象信号

◆优点三:展现内容更多

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

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

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

◆优点四:设计简单

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

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

设计师可不好当,各种苦逼

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

3、大家在跟风扁平化/扁平化永不过时?

抽象化/扁平化设计只是跟风?

实际上,抽象平面的设计趋势并不只出现在电子产品的UI上。从近代开始,由于抽象艺术的蓬勃发展,现代设计理念有了翻天覆地的改变。也许你看不懂毕加索的画有什么价值,但搞艺术搞设计的专业人员可清楚得很。强调线条、强调比例分割、更强调造型本身而非单纯拟物……在现代美术的影响下,设计行业的理念日新月异。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

也许你看不懂抽象化,但现代美术却深远地影响了现代设计

如果上面的描述并不能让你对现代设计的变更有个确切的概念,那么看一下各个IT企业Logo的变更,应该心里就有个底了。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

微软Windows Logo的演变

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

诺基亚商标的演变

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

佳能商标的演变

显而易见,IT企业的Logo在现代美术的影响下,发生了非常明显的变化,这种变化和近年来消费电子产品UI的变化有不少异曲同工之处。更简洁,更有力,更抽象,不再拘泥于画出具体事物,这都体现了现代美术对设计的影响。

不过,和企业Logo数十年漫长的演变相比,消费电子产品UI的变化要快速得多。一方面UI设计是比较新颖的事物,几十年前连图形界面都还没有,总不能从那时就开始设计UI了吧?另一方面,跟风现象还是存在的。和Windows Phone的动态磁贴界面相比,iOS7的改头换面影响力要更大,也许不少设计师都有果粉情节?当然到底是谁跟谁的风,一时间就说不清楚了。

抽象化/扁平化永不过时?

前面提到,抽象扁平的设计很符合当前消费电子发展的潮流,但这是否意味着拟物的、立体的设计已经沉进了历史的河底,永无出头之日了呢?并非如此。不同的领域,设计风格也不尽相同。还是举Logo的例子,我们来看看汽车企业的Logo变化趋势吧。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

汽车企业的Logo一直挺抽象,但并没有像消费电子产品UI那样变得扁平

很明显,同样受到现代美术的影响,汽车企业的Logo和IT企业Logo的变化趋势不甚一样。汽车的Logo一直挺抽象,但并没有变得平面化,反而很多都比之前更加立体。这是因为,汽车的Logo往往是暴露在现实世界中的,只有立体的轮廓,才能够给予人们足够强力的感官。想想把三尖角儿的纸片贴在大奔的车头,这不儿戏嘛。

与此相比,触摸屏是消费电子产品最常见的操控设备,触摸屏提供的是平面显示,UI设计师无需考虑图形在现实世界是否拥有足够的质感。如果有一天,黑科技突然出现,全息投影和操控变成可能,拟物化估计又卷土重来了。至于为何大家不在一开始就在触摸屏上用抽象化扁平化设计,那是因为触摸屏刚出来的时候是很新鲜的东西,为了让用户更快上手,设计师选择将图标做得尽量像实物。从上手的角度来说,拟物化设计更有优势。

,数码电子,Apple,Google,Microsoft,只是跟风WP/iOS7?谈扁平化设计是否跟风

很明显,拟物的、立体的设计更适合全息投影

抛开太远的未来不说,近年炙手可热的AR和3D显示技术,拟物化设计也大有用武之地。此外,人类的审美也一直是翻来覆去,今年的流行明年过时,再过两年又变成流行。如果你觉得抽象平面的设计能够取代拟物立体的设计,未免想得太多。

后话

可以预见,抽象扁平的设计风在未来一段时间内还会愈刮愈烈。抽象化扁平化的设计到底算不算跟风?只能说这符合现代设计的发展潮流,但也不能忽略领头企业的影响。无论是微软的Metro动态磁贴,还是带有苹果光环的iOS7,都给他人提供了大量灵感。扁平化设计还会风行几年?设计和艺术的不同点是,设计有服务的对象。消费电子产品的革新是UI设计的催化剂,让我们对新科技翘首以待吧。

某宝是什么,为什么叫某宝?对!我就是那个某宝
  • 最新
  • 最热
  • 头条
  • 奇趣
  • 家长举报家委会3年收10多万元班费 官方介入调查家委会收10多万班费
    周生生涉事挂坠送检结果为足金 周生生足金挂坠事件检测结果公布
    男子把降压药掰开吃30分钟后昏迷 男子降压药掰开吃血压低到测不出
    小洛熙事件最新通报 小洛熙妈妈称公安机关已立案侦查
    全页海量资源!妲己Toxic 李妍曦 Lisa爱丽莎 夏茉gigi
    资讯    头条  人物   盘点  爆料  花边    囧图  段子  福利
    奇闻    家长举报家委会3年收10多万元班费 周生生涉事挂坠送检结果为足金 男子把降压药掰开吃30分钟后昏迷 小洛熙事件最新通报 萝莉岛幸存者曾每天被侵犯3次 家长举报家委会3年收10多万元班费 周生生涉事挂坠送检结果为足金 男子把降压药掰开吃30分钟后昏迷 小洛熙事件最新通报 萝莉岛幸存者曾每天被侵犯3次 孩子1.7万私卖22克金镯妈妈发声 
    专题    优衣库  iPhone8  苹果X
    标签    互联网+  智能物联  增强现实  虚拟现实
    感谢各大网址导航推荐本站
    360导航
    UC导航
    Opera导航
    毒霸网址
    趋势网:关注互联网热点
    www.mtrend.cn
    @趋势网
    趋势网
    京ICP备09071216号-4