首頁 > 新聞動(dòng)態(tài) > 行業(yè)動(dòng)態(tài)

網(wǎng)頁設(shè)計(jì)風(fēng)格扁平化還是擬物化？

2014-09-17 14:42:22

2010，當(dāng)windows phone開始扁平化的時(shí)候，換來的是世人的嘲笑。

2011，當(dāng)安卓4.0開始扁平化的時(shí)候，人們把這當(dāng)作安卓是為了和蘋果抵抗，標(biāo)新立異。

2013，ios 7開始扁平化，這股設(shè)計(jì)風(fēng)格成為設(shè)計(jì)潮流。
擬物設(shè)計(jì)就是追求模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn)（也可適當(dāng)程度變形和夸張）；扁平化設(shè)計(jì)就是摒棄以上對(duì)效果（尤其是高光、陰影等能造成透視感的效果）的追求，追求通過抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)。

一、如何區(qū)別扁平化 (Flat) 和擬物化 (Skeumorphism) 兩種風(fēng)格？

擬物化設(shè)計(jì)-skeuomorphism

特點(diǎn)：界面模擬真實(shí)物體的材質(zhì)、質(zhì)感、細(xì)節(jié)、光亮等；人機(jī)交互也擬物化，模擬現(xiàn)實(shí)中的交互方式。擬物設(shè)計(jì)的會(huì)讓你認(rèn)出這是個(gè)什么東西。

好處：

·認(rèn)知和學(xué)習(xí)成本低：我外婆能看懂iOS里面幾乎所有原生應(yīng)用的圖標(biāo)；各種樂器類應(yīng)用的擬物化設(shè)計(jì)；

·各種按鈕的視覺質(zhì)感和按下去之后的交互效果，養(yǎng)成用戶對(duì)這類“東西”的統(tǒng)一認(rèn)知和使用習(xí)慣；

·人性化的體貼：我相信有很多同學(xué)都非常喜歡ibooks的體驗(yàn)，用它來閱讀確實(shí)是一種享受。

壞處：

擬物化本身就是個(gè)約束，會(huì)限制功能本身的設(shè)計(jì)。

扁平化設(shè)計(jì)-Flat

特點(diǎn)：界面上單色極簡(jiǎn)的抽象矩形色塊、大字體、光滑、現(xiàn)代感十足；交互的核心在于功能本身的使用，所以去掉了冗余的界面和交互，而是使用更直接的設(shè)計(jì)來完成任務(wù)；扁平化設(shè)計(jì)則讓你意會(huì)這是個(gè)什么東西。

好處：

·簡(jiǎn)約而不簡(jiǎn)單，扁平的設(shè)計(jì)搭配一流的網(wǎng)格、色彩設(shè)計(jì)，讓看久了擬物化的用戶感覺煥然一新；

·突出內(nèi)容主題，減弱各種漸變、陰影、高光等擬真視覺效果對(duì)用戶視線的干擾，讓用戶更加專注于內(nèi)容本身，減少用戶使用這類產(chǎn)品的負(fù)擔(dān)，在扁平化的視覺和優(yōu)秀的架構(gòu)設(shè)計(jì)下顯得非常簡(jiǎn)單易用；

·設(shè)計(jì)更容易，優(yōu)秀扁平的設(shè)計(jì)只需要包含良好的架構(gòu)、網(wǎng)格和排版布局，色彩的運(yùn)用，高度的一致性，而不需要考慮更多的陰影、高光、漸變等等。（其實(shí)也是相對(duì)來說的，這里爭(zhēng)論比較大，扁平化對(duì)于色彩運(yùn)用和排版布局的要求更加高了；

壞處：

需要一定的學(xué)習(xí)成本，且傳達(dá)的感情不豐富，甚至過于冰冷。

我們看一下Chrome的Logo的扁平化設(shè)計(jì)：

另一個(gè)扁平化例子：

擬物化ROM

扁平化ROM

二、UI設(shè)計(jì)，扁平化 (Flat) 還是擬物化 (Skeumorphism)？

在數(shù)碼設(shè)備普及度不高的時(shí)代，擬物化是有效果的，尤其對(duì)于孩子和老人來說，擬物化設(shè)計(jì)更直觀有趣。但是隨著數(shù)碼科技的發(fā)展，擬物化的好處會(huì)越來越少，隨之帶來的是開發(fā)成本增加、審美疲勞等問題，擬物風(fēng)格更多地作為一種視覺裝飾。

事物總是需要一個(gè)抽象的過程，就如同畢加索畫的這只牛。

關(guān)于扁平化和擬物設(shè)計(jì)有很多爭(zhēng)論，偏激點(diǎn)的說法就是扁平化即將取代擬物化設(shè)計(jì)。扁平風(fēng)格還是擬物風(fēng)格？其實(shí)還要根據(jù)產(chǎn)品功能。比如，閱讀類或者資訊類的產(chǎn)品就可以極盡扁平，樂器類的產(chǎn)品我無法想象如何扁平。所以，功能先行而不是設(shè)計(jì)先行。

熱門營(yíng)銷軟件推薦：

短視頻矩陣營(yíng)銷系統(tǒng)