朱南瑾 王佳惠

扁平化設(shè)計(jì)在短短時(shí)間內(nèi)迅速地崛起，在初始階段、在擬物化風(fēng)格流行的階段，扁平化設(shè)計(jì)這種新型設(shè)計(jì)模式從設(shè)計(jì)長(zhǎng)河中脫穎而出，直到今天成為設(shè)計(jì)的主流方向?，F(xiàn)在的科學(xué)技術(shù)如此發(fā)達(dá)，在多年前的二維技術(shù)都已經(jīng)到了一個(gè)極限的狀態(tài)，既然能夠用技術(shù)做到更立體更逼真的效果，為什么扁平化這種設(shè)計(jì)風(fēng)格會(huì)成為一種流行趨勢(shì)呢？在當(dāng)代的設(shè)計(jì)中，不論是網(wǎng)頁(yè)設(shè)計(jì)方向還是手機(jī)界面設(shè)計(jì)方向，質(zhì)感厚重、樣式繁多的設(shè)計(jì)不斷減少，取而代之的是輕薄感居多、簡(jiǎn)潔大方、更富有創(chuàng)意的設(shè)計(jì)方式進(jìn)入大眾視野中。那么扁平化的趨勢(shì)會(huì)帶來(lái)什么呢？為什么扁平化會(huì)普及？又為什么會(huì)流行起來(lái)？我們來(lái)看看扁平化未來(lái)的路程如何。

一、什么是扁平化設(shè)計(jì)？

扁平化設(shè)計(jì)的開(kāi)端是風(fēng)靡一時(shí)的，它與之前的手機(jī)界面風(fēng)格有著很大的區(qū)別，它一改以往的設(shè)計(jì)繁復(fù)風(fēng)格，擺脫對(duì)實(shí)際物品的仿效，朝著更加簡(jiǎn)潔明快的界面風(fēng)格發(fā)展。我們回過(guò)頭來(lái)看往年的設(shè)計(jì)，扁平化的設(shè)計(jì)風(fēng)格在早前以往就有出現(xiàn)過(guò)類似的設(shè)計(jì)。來(lái)看平面設(shè)計(jì)風(fēng)格，它最早出現(xiàn)于瑞士，所以我們也把它稱為瑞士平面風(fēng)格，這種平面設(shè)計(jì)風(fēng)格有著嚴(yán)謹(jǐn)?shù)膸缀涡巫非螅徽撛诮M織上還是布局上都有著不同程度的留白，這種理性化的設(shè)計(jì)理念就被當(dāng)下這種扁平化設(shè)計(jì)保留了下來(lái)。扁平化的含義簡(jiǎn)單來(lái)說(shuō)就是使用簡(jiǎn)單的線條、簡(jiǎn)潔的塊面來(lái)表現(xiàn)出更“平”的視覺(jué)效果。扁平化設(shè)計(jì)拋棄了多年以來(lái)流行的擬物化風(fēng)格的特點(diǎn)，它擺脫了陰影以及高光真實(shí)的效果，用更為簡(jiǎn)單的設(shè)計(jì)元素使其能夠達(dá)到扁平的視覺(jué)效果。但是扁平化設(shè)計(jì)它不是我們口中一味地追求所說(shuō)的“平”，而是以這種平面的方式來(lái)向我們傳達(dá)信息，雖然這樣摒棄了很多真實(shí)的擬物元素，但是這樣也減少了我們?cè)谑褂眠^(guò)程中遭到的不必要的干擾，從而減少了厚重感，以此提高用戶的體驗(yàn)感受，使我們的設(shè)計(jì)主題更加的鮮明突出。

不論是手機(jī)還是網(wǎng)頁(yè)的交互界面設(shè)計(jì)中為什么會(huì)逐漸流行扁平化設(shè)計(jì)？首先我們從硬件誕生出的石器時(shí)期，最開(kāi)始技術(shù)問(wèn)題導(dǎo)致設(shè)計(jì)的發(fā)揮空間非常有限，我們只能通過(guò)最簡(jiǎn)單的方式來(lái)傳達(dá)我們所要表現(xiàn)的設(shè)計(jì)理念及構(gòu)思，可以發(fā)現(xiàn)有大量的圖標(biāo)和UI設(shè)計(jì)的元素早在最初的時(shí)候就已經(jīng)確立了雛形。在短短的幾十年內(nèi)，我們的二維技術(shù)已經(jīng)發(fā)展到了一個(gè)非常頂端的階段，能夠在智能設(shè)備上模擬出非常真實(shí)的風(fēng)格。在擬物化設(shè)計(jì)非常流行的時(shí)期，為何扁平化就能一下子就成為發(fā)展趨勢(shì)？回觀整個(gè)設(shè)計(jì)史，可以發(fā)現(xiàn)在設(shè)計(jì)方面的審美觀念一直都是循環(huán)往復(fù)，也就是說(shuō)一種設(shè)計(jì)風(fēng)格流行很長(zhǎng)時(shí)間以后往往會(huì)被另外的風(fēng)格取而代之，這也是人們的審美疲勞所導(dǎo)致的，希望追求新鮮的設(shè)計(jì)感，簡(jiǎn)單來(lái)說(shuō)就是追求時(shí)尚。簡(jiǎn)單的設(shè)計(jì)元素能夠給人機(jī)交互帶來(lái)更好的需求，滿足用戶的感官刺激。再加上科學(xué)技術(shù)的不斷發(fā)展，即使用更加平面的方式來(lái)呈現(xiàn)設(shè)計(jì)理念，也能有更好的視覺(jué)感官體驗(yàn)，例如體現(xiàn)在屏幕的顯示上更加的清晰、渲染的元素更加舒適。

二、扁平化與擬物化的區(qū)別？

我們?cè)谡務(wù)摰奖馄交O(shè)計(jì)的同時(shí)，也會(huì)想到他的對(duì)立面，也就是擬物化設(shè)計(jì)。擬物化作為扁平化的一個(gè)相反的設(shè)計(jì)風(fēng)格，其實(shí)從UI 誕生起就一直占據(jù)了主流的地位。擬物化設(shè)計(jì)特點(diǎn)是模擬了真實(shí)的材質(zhì)，用光影、構(gòu)造、漸變等元素來(lái)表現(xiàn)。它的好處是能夠顯而易見(jiàn)的，讓老人、年輕人、小孩一眼就能分辨這個(gè)圖標(biāo)是用來(lái)干什么的？而且在使用的過(guò)程中，如果圖標(biāo)模擬的越真實(shí)，能夠減少用戶對(duì)此使用的一個(gè)反應(yīng)速度，會(huì)加快他們對(duì)此的使用感和體驗(yàn)感。比如說(shuō)在蘋果手機(jī)的界面中，他們用逼真的相機(jī)造型來(lái)指代相機(jī)功能。在擬物化設(shè)計(jì)中，視覺(jué)元素它有一個(gè)很大的特點(diǎn)就是在對(duì)于形態(tài)的塑造上更加的細(xì)致，滿足了設(shè)計(jì)者在對(duì)藝術(shù)上的追求，用二維平面來(lái)展現(xiàn)一個(gè)三維的效果。

雖然擬物化的設(shè)計(jì)有很多優(yōu)秀突出的特點(diǎn)，但是在同時(shí)又有著一些不足。盡管大多數(shù)的圖標(biāo)都能找到相對(duì)應(yīng)的實(shí)體物，但是仍然有一些圖標(biāo)找不到相對(duì)應(yīng)的指代物。所以在設(shè)計(jì)圖標(biāo)中會(huì)讓用戶造成一定的困擾，無(wú)法理解它的真正含義，一旦超出了其范圍，就無(wú)法讓用戶獲得認(rèn)知經(jīng)驗(yàn)。隨著時(shí)代的發(fā)展，圖標(biāo)影射的現(xiàn)實(shí)的事物會(huì)隨著科技的發(fā)展而發(fā)生一些改變。比如說(shuō)，對(duì)于70后80 后而言，他們用的錄音機(jī)、游戲機(jī)等，現(xiàn)在的10 后甚至00 后都是很少使用過(guò)甚至沒(méi)有見(jiàn)過(guò)的東西。在未來(lái)甚至有可能會(huì)被取代，所以當(dāng)我們熟悉的事物越來(lái)越少，設(shè)計(jì)者就應(yīng)該不斷創(chuàng)新，所以這是物化的其中一個(gè)局限，會(huì)限制其發(fā)展。太過(guò)于陳雜的設(shè)計(jì)，在使用過(guò)程中也會(huì)產(chǎn)生一定的焦慮和疲倦，無(wú)法快速地找到所需要的信息。手機(jī)設(shè)計(jì)理念在整體的產(chǎn)品設(shè)計(jì)中界面設(shè)計(jì)受到了越來(lái)越多的關(guān)注，為了培養(yǎng)用戶的粘性和品牌文化，對(duì)于大部分使用者而言，界面的視覺(jué)元素是他們最直接的一個(gè)使用體驗(yàn)。而對(duì)于設(shè)計(jì)師來(lái)說(shuō)，更多的是界面的操作和多樣創(chuàng)意，在此基礎(chǔ)上能夠發(fā)揮更多的空間和屬于自己的設(shè)計(jì)風(fēng)格。

三、扁平化設(shè)計(jì)引領(lǐng)風(fēng)潮的原因？

（一）少即是多

當(dāng)今設(shè)計(jì)平臺(tái)，扁平化設(shè)計(jì)在我們的生活中越來(lái)越成為一個(gè)主流的地位。慢慢地?cái)M物化設(shè)計(jì)被扁平化設(shè)計(jì)取代。扁平化設(shè)計(jì)擬物化設(shè)計(jì)都吸收了他的一些設(shè)計(jì)細(xì)節(jié)，對(duì)圖標(biāo)進(jìn)行了簡(jiǎn)化。扁平化的設(shè)計(jì)過(guò)濾掉了很多不必要的一些圖形信息，讓我們能夠更直觀地感受到圖標(biāo)的意義，給人帶來(lái)眼前一亮的感覺(jué)。讓我們能夠更快速地找到自己所需要的東西。這樣就會(huì)代表著更低成本的運(yùn)作，能夠用最短的時(shí)間做出更精良的設(shè)計(jì)，這也是為什么扁平化設(shè)計(jì)會(huì)流行的原因之一。扁平化的設(shè)計(jì)來(lái)源于極簡(jiǎn)主義的設(shè)計(jì)理念。在使用久了過(guò)多繁雜的界面之后，對(duì)于扁平化設(shè)計(jì)的手機(jī)界面能夠感覺(jué)到更加的清爽和簡(jiǎn)約。這樣呢進(jìn)行了設(shè)計(jì)的簡(jiǎn)化。由繁到簡(jiǎn)，著名設(shè)計(jì)大師米斯·凡德羅的設(shè)計(jì)理念就是“少即是多”。剔除了過(guò)多無(wú)用的裝飾，回歸設(shè)計(jì)的本身。

（二）形式追隨功能

扁平化設(shè)計(jì)還有一個(gè)好處，就是在用戶的使用過(guò)程中。能夠更加聚焦于你需要獲取的信息本身，而不是被更多繁復(fù)的無(wú)用設(shè)計(jì)所干擾，這樣一個(gè)簡(jiǎn)潔，邏輯清晰的網(wǎng)站或者是App 能夠讓你從中快速地找到你所要的內(nèi)容。這樣會(huì)大大提高用戶的體驗(yàn)感。對(duì)于目前關(guān)于扁平化風(fēng)格的一種爭(zhēng)議，因?yàn)樗诙潭痰膸啄陜?nèi)突然風(fēng)靡起來(lái)，也是視覺(jué)風(fēng)格的一種突破和改變。也是在一個(gè)探索的方向。我們不能把扁平化當(dāng)作平面化，一味地“平”，而是一種抽象化體系建立的時(shí)期。

（三）人性化設(shè)計(jì)

人性化設(shè)計(jì)是設(shè)計(jì)發(fā)展的重要趨勢(shì)，設(shè)計(jì)的最終目的是滿足“人”的需求，這就促使設(shè)計(jì)的發(fā)展越來(lái)越向人性化的方向發(fā)展，也就是在設(shè)計(jì)的過(guò)程中更加注重人機(jī)工程學(xué)上的生理層面的同時(shí)兼顧消費(fèi)者心理層面的需求。人機(jī)工程學(xué)也就是人的自然尺度與設(shè)計(jì)結(jié)合形成的人機(jī)工程學(xué)。在人性化設(shè)計(jì)中，包含兩方面，物質(zhì)需求和精神需求，物質(zhì)上是為了滿足于依賴人機(jī)工程學(xué)的幫助，使得設(shè)計(jì)具有實(shí)用性，就像在界面中的設(shè)計(jì)排版，更多的要考慮人在使用時(shí)的舒適度及在精神層面要人使用的更加舒適、美觀為主，在簡(jiǎn)約界面的同時(shí)要寓于美的享受。

四、扁平化設(shè)計(jì)的發(fā)展趨勢(shì)

在當(dāng)今的UI 設(shè)計(jì)領(lǐng)域，扁平化的應(yīng)用能夠更快提升用戶來(lái)獲取信息。對(duì)于設(shè)計(jì)師的難度也大大的降低了許多。

這種狀態(tài)持續(xù)了很多年，打開(kāi)任何App，幾乎都是扁平化風(fēng)格為主。但是在近兩年應(yīng)用市場(chǎng)有出現(xiàn)一些不同的聲音，那就是打破了純扁平風(fēng)格的UI 元素，比如在今年年初就開(kāi)始出現(xiàn)了新擬態(tài)風(fēng)格，也就是輕擬物風(fēng)格。

在用戶注意力的思路引導(dǎo)下，扁平化的風(fēng)格做到極致，以后很難滿足所有的需求。這時(shí)候有一些更多的細(xì)節(jié)處理就顯得更為重要。比如說(shuō)，在一些快速入口分類圖標(biāo)中底部導(dǎo)航欄這些是最需要被突出的部分。之前我有寫過(guò)擬物化風(fēng)格，它不僅僅是表現(xiàn)元素的本身的光影透視構(gòu)造，甚至?xí)憩F(xiàn)物體表面的材質(zhì)和質(zhì)感。

這樣的圖標(biāo)確實(shí)是能夠給人帶來(lái)一定的視覺(jué)享受，由于細(xì)節(jié)太多，有可能會(huì)造成系統(tǒng)的卡頓或者是運(yùn)行緩慢。所以為了符合界面設(shè)計(jì)的美觀，輕擬物化這個(gè)風(fēng)格漸漸地被提出，他結(jié)合了兩個(gè)的特點(diǎn)，是一個(gè)非常好的折中辦法。他有和擬物化風(fēng)格有著共同的特點(diǎn)，例如光影結(jié)構(gòu)透視，但它省去了表面的肌理感和層級(jí)感，使界面看起來(lái)更加整體有辨識(shí)度?，F(xiàn)在是一個(gè)比較初始的階段，從扁平化插畫圖標(biāo)這些多年的累積。慢慢地會(huì)結(jié)合一些新的東西在里面，只是時(shí)間關(guān)系。

五、結(jié)論

要想更好地進(jìn)行設(shè)計(jì)，不得不要談?wù)撛O(shè)計(jì)美學(xué)，在手工業(yè)時(shí)代設(shè)計(jì)是在手工藝方面有很大的突出成就。比如一些家具、瓷器、青銅器，因手工制作的關(guān)系，還有織繡、印染等，被稱“為工藝之美”。而進(jìn)入大機(jī)器時(shí)代，設(shè)計(jì)美學(xué)在質(zhì)量、形態(tài)上都發(fā)生了改變。就像我們談?wù)摰氖謾C(jī)界面，也就是UI 行業(yè)，是一個(gè)比較新興的行業(yè)，在設(shè)計(jì)當(dāng)中，我們要講求功能之美、科學(xué)之美和技術(shù)之美。就像之前提到過(guò)的，功能是最重要的，形式要追隨功能，產(chǎn)品之所以要有其使用價(jià)值，最根本的屬性就是它是有用的物，所以從而體會(huì)到的愉悅和滿足才是他美的存在?？茖W(xué)之美是一種美的高級(jí)形式，是在理性思維和審美意識(shí)交流滲透下形成的。技術(shù)之美則是生產(chǎn)技術(shù)和結(jié)構(gòu)功能結(jié)合起來(lái)的，更多的是機(jī)械的美。在我們的設(shè)計(jì)中，更多的要把三者結(jié)合起來(lái)，不僅僅要考慮審美，也要考慮它的功能。功能的重要性不僅僅在于它的使用，而在于他也是設(shè)計(jì)美的構(gòu)成之一，我們用扁平化設(shè)計(jì)去進(jìn)行手機(jī)界面的分析，也是更多地考慮了功能性能夠給人直觀的傳達(dá)信息，提升易用性，這并不僅僅意味著忽略了形式，而是強(qiáng)調(diào)產(chǎn)品的形式能夠提高產(chǎn)品的附加值，也是對(duì)人的尊重和肯定。