扁平化設(shè)計(jì)-扁平化與擬物設(shè)計(jì)對(duì)比

1 評(píng)論 28808 瀏覽 9 收藏 5 分鐘

史蒂芬說:自從2011年window開始扁平化,到2013年IOS7開始扁平化,就突然變成了設(shè)計(jì)潮流。我們來對(duì)比下扁平化和擬物化設(shè)計(jì)的優(yōu)缺點(diǎn)。

什么是扁平化

摒棄高光、陰影等能造成透視感的效果,通過抽象、簡化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)。界面上極簡抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足,讓你去意會(huì)這是個(gè)什么東西。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互。

扁平化設(shè)計(jì)的優(yōu)點(diǎn)

  1. 簡約而不簡單,搭配一流的網(wǎng)格、色彩設(shè)計(jì),讓看久了擬物化的用戶感覺煥然一新。
  2. 突出內(nèi)容主題,減弱各種漸變、陰影、高光等擬真視覺效果對(duì)用戶視線的干擾,讓用戶更加專注于內(nèi)容本身,簡單易用。
  3. 設(shè)計(jì)更容易,優(yōu)秀扁平的設(shè)計(jì)只需保證良好的架構(gòu)、網(wǎng)格和排版布局,色彩的運(yùn)用和高度一致性。

扁平化設(shè)計(jì)的缺點(diǎn)

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

那為什么扁平化設(shè)計(jì)能戰(zhàn)勝擬物化設(shè)計(jì)呢?看看以下這張圖你就明白了。

什么是擬物化

模擬現(xiàn)實(shí)物品的造型和質(zhì)感,通過疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn),也可適當(dāng)程度變形和夸張,界面模擬真實(shí)物體,擬物設(shè)計(jì)會(huì)讓你第一眼就認(rèn)出這是個(gè)什么東西。交互方式也模擬現(xiàn)實(shí)生活的交互方式。

擬物化計(jì)的優(yōu)點(diǎn)

  1. 認(rèn)知和學(xué)習(xí)成本低:外婆級(jí)的人也能看懂iOS里面幾乎所有原生應(yīng)用的圖標(biāo)。
  2. 各種按鈕的視覺質(zhì)感和按下去之后的交互效果,養(yǎng)成用戶對(duì)這類“東西”的統(tǒng)一認(rèn)知和使用習(xí)慣。
  3. 人性化的體貼:我相信有很多同學(xué)都非常喜歡ibooks的體驗(yàn),用它來閱讀確實(shí)是一種享受。

擬物化設(shè)計(jì)的缺點(diǎn)

大多數(shù)擬物化界面并沒有實(shí)現(xiàn)功能化,只是花費(fèi)大量時(shí)間在視覺的陰影和質(zhì)感效果。

為何扁平化能夠逆襲擬物化呢,主要原因有以下三點(diǎn):

1.開發(fā)更加簡單

數(shù)碼設(shè)備普及度不高的時(shí)代,擬物化是有效果的,尤其對(duì)于孩子和老人來說擬物化設(shè)計(jì)更直觀有趣。但是隨著數(shù)碼科技的發(fā)展,擬物化的好處會(huì)越來越少,隨之帶來的是開發(fā)成本增加。

2.使用更加高效

擬物化是時(shí)代過渡中的一個(gè)不得已。在未來人眼中,一個(gè)溫度計(jì)的app要特地設(shè)計(jì)成實(shí)體溫度計(jì)的樣子,一定傻透了。擬物≠高效,刻意擬物有時(shí)反而降低了效率。

3.緩解審美疲勞

論天下設(shè)計(jì),繁久必簡。擬物化設(shè)計(jì)的沉重感多少讓人們開始審美疲勞,隨著Windows 8的Metro界面發(fā)布,設(shè)計(jì)變得更簡約清晰,勢(shì)在必行。

文章來源:Lofter

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!