前言

平化設(shè)計(jì)在數(shù)年的沉寂后，于近月烽煙突起，大有笑傲江湖，獨(dú)領(lǐng)風(fēng)騷之勢(shì)頭，而Apple公司最新推出iOS7系統(tǒng)，更是將扁平化設(shè)計(jì)和擬物化設(shè)計(jì)的比較推上了風(fēng)口浪尖，人人都是產(chǎn)品經(jīng)理QQ群8群（群號(hào)：217321639）2013年第24周的討論就聚焦于此，本文是這次討論的成果記錄。

擬物化與扁平化

列位看官，讓我們先來(lái)看看何為擬物化設(shè)計(jì)風(fēng)格，何為扁平化設(shè)計(jì)風(fēng)格。

如上圖所示，直觀來(lái)說(shuō)，擬物化就是更加接近于真實(shí)的實(shí)物，而扁平化則是簡(jiǎn)化真實(shí)的物體，進(jìn)行平面化的表現(xiàn)。

更具體點(diǎn)來(lái)說(shuō)，擬物設(shè)計(jì)就是追求模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過(guò)疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn)（也可適當(dāng)程度變形和夸張）；扁平化設(shè)計(jì)就是摒棄以上對(duì)效果（尤其是高光、陰影等能造成透視感的效果）的追求，轉(zhuǎn)而通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn)。

擬物化更注重以假亂真，比如在移動(dòng)端，書就做成書的樣子，書架就做成書架的外觀。

扁平化更注重視覺(jué)想象與搭配，看官可以想想最近很火的“瘋狂猜圖”，就用一個(gè)平面中的幾個(gè)色彩或者形狀?，聯(lián)系出是什么。

而扁平化設(shè)計(jì)不僅僅是圖標(biāo)設(shè)計(jì)，其還需要包含如下幾個(gè)方面：

1、拒絕特效

2、界面元素

3.、 優(yōu)化排版

4、如何配色

5、最簡(jiǎn)方案

扁平化設(shè)計(jì)不該只是UI界面層次上的，還包括內(nèi)容展現(xiàn)方式，所以擬物化設(shè)計(jì)被濫用頂多只會(huì)關(guān)乎應(yīng)用界面是否美觀，但是如果使用扁平化設(shè)計(jì)時(shí)出現(xiàn)偏差，那將直接影響應(yīng)用的可用性，不論選擇哪種應(yīng)用設(shè)計(jì)風(fēng)格，都應(yīng)取決于實(shí)際功能。

一些高端設(shè)計(jì)師經(jīng)常提及沉浸式瀏覽，認(rèn)為這才是扁平化設(shè)計(jì)的核心所在，因?yàn)槠涓鼘Ｗ⒂趦?nèi)容層面上的體驗(yàn)。

iOS7與扁平化&擬物化

?

這里又回到開篇提到的iOS7系統(tǒng)，也許有的看官會(huì)問(wèn)，Apple公司在堅(jiān)持了多年的擬物化設(shè)計(jì)風(fēng)格之后，曾經(jīng)作為該風(fēng)格的引領(lǐng)者和受益者，為何會(huì)突然轉(zhuǎn)向，熱情地?fù)肀鸨馄交O(shè)計(jì)來(lái)了呢？難道是因?yàn)槲覀円曈X(jué)疲勞了嗎？（iPhone4S以來(lái)蘋果大會(huì)上就一直沒(méi)有太讓人眼前一亮的東西，iPhone 5銷量下降，股價(jià)下跌，面對(duì)大屏幕手機(jī)和各種競(jìng)爭(zhēng)對(duì)手，蘋果鴨梨山大？）

小編也難窺得其中奧秘，也許只有iOS7的設(shè)計(jì)總監(jiān)才能給出真正的解釋吧，而擬物設(shè)計(jì)在直觀感覺(jué)上很有質(zhì)感，Apple有相當(dāng)多的用戶正是被其虛擬的現(xiàn)實(shí)場(chǎng)景所吸引，更換設(shè)計(jì)風(fēng)格難免會(huì)造成現(xiàn)在的各種吐槽的情況 。雖然Apple吸引用戶不僅僅是靠UI，設(shè)計(jì)風(fēng)格的變化也許也會(huì)造成部分用戶的流失，但是也有觀點(diǎn)認(rèn)為iOS7的新設(shè)計(jì)是為了吸引年輕人，比如其中的糖果色和透明設(shè)計(jì)?？垂僭趺纯?？

某群友舉了個(gè)不那么貼切的例子，擬物化相當(dāng)于穿著小短裙的性感火辣，而扁平化則顯得矜持一些，也不失誘惑和美感，而且對(duì)于普通人來(lái)說(shuō)更容易接受。這就像在大馬路上，多少人敢穿真正的性感小短裙呢？更缺的是有些人穿著小短裙，但是外面卻穿著其他的衣服讓人興致索然。iOS7?被吐槽，就是因?yàn)樗旌狭吮馄交蛿M物。

下圖是從iOS7中截取的幾個(gè)圖標(biāo)

很明顯，上面的圖標(biāo)設(shè)計(jì)不等于扁平化設(shè)計(jì)，反而其設(shè)計(jì)的理念是陰陽(yáng)切換，一會(huì)兒凸出化，一會(huì)兒扁平化。其色彩方面感覺(jué)太過(guò)擬物，視覺(jué)有光影就很難與扁平掛勾了，也就是說(shuō)，iOS7在一定程度上更扁平了而已。

其實(shí)很多的吐槽更多的是視覺(jué)層面，尤其是圖標(biāo)色彩上，但深入思考下，這次的改版還是有進(jìn)步的：

1、6年的iOS采用擬物化對(duì)于用戶來(lái)說(shuō)學(xué)習(xí)成本是最低的，相當(dāng)于啟蒙教育，任何智力正常的人都可以十分快速地接受和入手

2、擬物化對(duì)于現(xiàn)實(shí)場(chǎng)景的還原也能拉近用戶的心里距離，具有溫暖感，親切感

3、現(xiàn)在經(jīng)過(guò)6年的系統(tǒng)操作習(xí)慣的培養(yǎng)，用戶都能對(duì)信息有個(gè)比較好的學(xué)習(xí)能力了，過(guò)去注重炫目的視覺(jué)效果和動(dòng)畫在回歸到信息的溝通本質(zhì)下是不是應(yīng)該有所克制和收斂

4、而這次最大的轉(zhuǎn)變?cè)谟趯?duì)技法的克制甚至是減法把最本質(zhì)的信息呈現(xiàn)在了用戶面前，注重內(nèi)容，淡化形式，可以說(shuō)是比較理性的一次升華

5、只是現(xiàn)在的iOS7有太多的功課需要加強(qiáng)，需要完善，需要全面統(tǒng)一地梳理

結(jié)語(yǔ)

扁平化風(fēng)格的逐漸盛行固然有它的道理，但本質(zhì)上它只是設(shè)計(jì)美學(xué)當(dāng)中的一種，與仿古、高光、金屬質(zhì)感、木質(zhì)等視覺(jué)效果相同，對(duì)視覺(jué)風(fēng)格的選擇必須以良好的信息架構(gòu)及交互模式為基礎(chǔ)。也許當(dāng)滿世界都是扁平化后，擬物化的設(shè)計(jì)卻又變得更顯眼了呢？

最后讓我們以文章的標(biāo)題作為結(jié)語(yǔ)，算是對(duì)擬物化設(shè)計(jì)和扁平化設(shè)計(jì)的一個(gè)簡(jiǎn)單概括：

上聯(lián)道：昨日重現(xiàn)畫擬物，

下聯(lián)云：信息抽象歸扁平。

求橫批~

本文由人人都是產(chǎn)品經(jīng)理原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。

附參與討論名單：

花花-產(chǎn)品-北京，Nairo-IPM-遵義，絕跡-交互-成都，Jack-PM-杭州，居士-??-上海，蝸牛-產(chǎn)品-上海，但丁-PM-浙G，回憶-產(chǎn)品-蘇州，城居—PM—成都，白羽-學(xué)生-西安，芥末男女-PM-NJ，豆豆-PM-深圳，小牛-產(chǎn)品-廈門，smile-學(xué)生-天津，康琳-PM-北京，青龍-產(chǎn)品-深圳，Lunatic-PM-上海，大死-PM-杭州，默米-semiPM-杭州，韡-PM-上海，simonides-PM-上海，中鐘-設(shè)計(jì)-深圳