昨日重現畫擬物,信息抽象歸扁平
前言
平化設計在數年的沉寂后,于近月烽煙突起,大有笑傲江湖,獨領風騷之勢頭,而Apple公司最新推出iOS7系統,更是將扁平化設計和擬物化設計的比較推上了風口浪尖,人人都是產品經理QQ群8群(群號:217321639)2013年第24周的討論就聚焦于此,本文是這次討論的成果記錄。
擬物化與扁平化
列位看官,讓我們先來看看何為擬物化設計風格,何為扁平化設計風格。
如上圖所示,直觀來說,擬物化就是更加接近于真實的實物,而扁平化則是簡化真實的物體,進行平面化的表現。
更具體點來說,擬物設計就是追求模擬現實物品的造型和質感,通過疊加高光、紋理、材質、陰影等各種效果對實物進行再現(也可適當程度變形和夸張);扁平化設計就是摒棄以上對效果(尤其是高光、陰影等能造成透視感的效果)的追求,轉而通過抽象、簡化、符號化的設計元素來表現。
擬物化更注重以假亂真,比如在移動端,書就做成書的樣子,書架就做成書架的外觀。
扁平化更注重視覺想象與搭配,看官可以想想最近很火的“瘋狂猜圖”,就用一個平面中的幾個色彩或者形狀?,聯系出是什么。
而扁平化設計不僅僅是圖標設計,其還需要包含如下幾個方面:
1、拒絕特效
2、界面元素
3.、 優化排版
4、如何配色
5、最簡方案
扁平化設計不該只是UI界面層次上的,還包括內容展現方式,所以擬物化設計被濫用頂多只會關乎應用界面是否美觀,但是如果使用扁平化設計時出現偏差,那將直接影響應用的可用性,不論選擇哪種應用設計風格,都應取決于實際功能。
一些高端設計師經常提及沉浸式瀏覽,認為這才是扁平化設計的核心所在,因為其更專注于內容層面上的體驗。
iOS7與扁平化&擬物化
這里又回到開篇提到的iOS7系統,也許有的看官會問,Apple公司在堅持了多年的擬物化設計風格之后,曾經作為該風格的引領者和受益者,為何會突然轉向,熱情地擁抱起扁平化設計來了呢?難道是因為我們視覺疲勞了嗎?(iPhone4S以來蘋果大會上就一直沒有太讓人眼前一亮的東西,iPhone 5銷量下降,股價下跌,面對大屏幕手機和各種競爭對手,蘋果鴨梨山大?)
小編也難窺得其中奧秘,也許只有iOS7的設計總監才能給出真正的解釋吧,而擬物設計在直觀感覺上很有質感,Apple有相當多的用戶正是被其虛擬的現實場景所吸引,更換設計風格難免會造成現在的各種吐槽的情況 。雖然Apple吸引用戶不僅僅是靠UI,設計風格的變化也許也會造成部分用戶的流失,但是也有觀點認為iOS7的新設計是為了吸引年輕人,比如其中的糖果色和透明設計??垂僭趺纯??
某群友舉了個不那么貼切的例子,擬物化相當于穿著小短裙的性感火辣,而扁平化則顯得矜持一些,也不失誘惑和美感,而且對于普通人來說更容易接受。這就像在大馬路上,多少人敢穿真正的性感小短裙呢?更缺的是有些人穿著小短裙,但是外面卻穿著其他的衣服讓人興致索然。iOS7?被吐槽,就是因為它混合了扁平化和擬物。
下圖是從iOS7中截取的幾個圖標
很明顯,上面的圖標設計不等于扁平化設計,反而其設計的理念是陰陽切換,一會兒凸出化,一會兒扁平化。其色彩方面感覺太過擬物,視覺有光影就很難與扁平掛勾了,也就是說,iOS7在一定程度上更扁平了而已。
其實很多的吐槽更多的是視覺層面,尤其是圖標色彩上,但深入思考下,這次的改版還是有進步的:
1、6年的iOS采用擬物化對于用戶來說學習成本是最低的,相當于啟蒙教育,任何智力正常的人都可以十分快速地接受和入手
2、擬物化對于現實場景的還原也能拉近用戶的心里距離,具有溫暖感,親切感
3、現在經過6年的系統操作習慣的培養,用戶都能對信息有個比較好的學習能力了,過去注重炫目的視覺效果和動畫在回歸到信息的溝通本質下是不是應該有所克制和收斂
4、而這次最大的轉變在于對技法的克制甚至是減法把最本質的信息呈現在了用戶面前,注重內容,淡化形式,可以說是比較理性的一次升華
5、只是現在的iOS7有太多的功課需要加強,需要完善,需要全面統一地梳理
結語
扁平化風格的逐漸盛行固然有它的道理,但本質上它只是設計美學當中的一種,與仿古、高光、金屬質感、木質等視覺效果相同,對視覺風格的選擇必須以良好的信息架構及交互模式為基礎。也許當滿世界都是扁平化后,擬物化的設計卻又變得更顯眼了呢?
最后讓我們以文章的標題作為結語,算是對擬物化設計和扁平化設計的一個簡單概括:
上聯道:昨日重現畫擬物,
下聯云:信息抽象歸扁平。
求橫批~
本文由人人都是產品經理原創,轉載請注明出處。
附參與討論名單:
花花-產品-北京,Nairo-IPM-遵義,絕跡-交互-成都,Jack-PM-杭州,居士-??-上海,蝸牛-產品-上海,但丁-PM-浙G,回憶-產品-蘇州,城居—PM—成都,白羽-學生-西安,芥末男女-PM-NJ,豆豆-PM-深圳,小牛-產品-廈門,smile-學生-天津,康琳-PM-北京,青龍-產品-深圳,Lunatic-PM-上海,大死-PM-杭州,默米-semiPM-杭州,韡-PM-上海,simonides-PM-上海,中鐘-設計-深圳
橫批:平兄來襲~
??