楊子超+宣永剛

摘 要： 隨著社會(huì)的高速發(fā)展，擬物化的設(shè)計(jì)風(fēng)格逐漸被扁平化的設(shè)計(jì)風(fēng)格所取代，開創(chuàng)了新的設(shè)計(jì)風(fēng)潮，為用戶提供了簡(jiǎn)潔明了的設(shè)計(jì)界面。本文從扁平化的發(fā)展趨勢(shì)、藝術(shù)設(shè)計(jì)語言與擬物化的對(duì)比來分析扁平化的優(yōu)勢(shì)。

關(guān)鍵詞：扁平化；擬物化；藝術(shù)分析

中圖分類號(hào)：TN929.53 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）12-0138-02

一、扁平化的發(fā)展現(xiàn)狀及未來發(fā)展趨勢(shì)

（一）扁平化的概念

扁平化，從字面意思理解，就是將事物的透視陰影等壓縮成平面的扁平的形式。

（二）扁平化的起源

隨著社會(huì)的飛速發(fā)展，生活節(jié)奏逐漸加強(qiáng)，人們已經(jīng)無暇顧及那些張貼在商店窗口或者掛在網(wǎng)站上的設(shè)計(jì)復(fù)雜的推廣海報(bào)。同時(shí)，在經(jīng)濟(jì)的飛速發(fā)展中，人們的審美水平也在提高，對(duì)事物的概括能力加強(qiáng)，過去擬物化復(fù)雜的裝飾到現(xiàn)在反而成了累贅，因此，扁平化的設(shè)計(jì)必然會(huì)出現(xiàn)。

時(shí)代在發(fā)展，設(shè)計(jì)師的思想也在發(fā)展，擬物化的設(shè)計(jì)風(fēng)格越來越飽和，加之蘋果公司對(duì)移動(dòng)設(shè)備的改革，設(shè)計(jì)師需要找到一種可以滿足不同尺寸電子產(chǎn)品的設(shè)計(jì)方案，扁平化的設(shè)計(jì)方案正好可以滿足這一點(diǎn)，扁平化放棄了過去立體的設(shè)計(jì)思路，去掉光影，漸變等特效，讓畫面以一種平面、簡(jiǎn)約的方式呈現(xiàn)在人們眼前。

（三）扁平化的發(fā)展趨勢(shì)

雖然扁平化的設(shè)計(jì)風(fēng)格沒有太久的歷史，但是縱觀人類的整個(gè)美術(shù)史可以發(fā)現(xiàn)，人類的審美從遠(yuǎn)古時(shí)期的追求象形再到近代的追求擬物再到現(xiàn)在的追求扁平化，這說明人們的審美是和認(rèn)知有關(guān)，隨著人們認(rèn)知水平的提高，對(duì)事物的理解能力加強(qiáng)，人們將會(huì)從完全的依照客觀事實(shí)演變到具有一定抽象化的扁平設(shè)計(jì)風(fēng)格中，加之在未來快節(jié)奏的生活模式下，扁平化設(shè)計(jì)將會(huì)充斥著人們的生活。從微軟的圖標(biāo)設(shè)計(jì)中我們就可以看出設(shè)計(jì)風(fēng)格的轉(zhuǎn)變，由WindowXP時(shí)代的擬物化設(shè)計(jì)風(fēng)格到現(xiàn)在Window10的扁平化設(shè)計(jì)。在未來的10年內(nèi)，扁平化的設(shè)計(jì)風(fēng)格應(yīng)該會(huì)一直是主流的設(shè)計(jì)思路。

二、扁平化的設(shè)計(jì)語言

（一）扁平化的設(shè)計(jì)語言

1.畫面元素的簡(jiǎn)單化，在扁平化的界面中，各個(gè)物體都不再像過去擬物化那樣對(duì)物體進(jìn)行盡量相似的設(shè)計(jì)，而是用簡(jiǎn)單的圖形，三角形、四邊形、圓形等來概括想要表達(dá)的內(nèi)容。扁平化設(shè)計(jì)通過將事物簡(jiǎn)單化，將事物進(jìn)行概括，只描繪事物的基本的線條形態(tài)，在短時(shí)間內(nèi)快速傳達(dá)信息。

2.精簡(jiǎn)特效，在畫面中的各個(gè)元素，都去掉過去擬物化的視覺特效，比如紋理，漸變等。在扁平化的畫面中，各元素的都是干凈利落的，通過減少特效來精簡(jiǎn)畫面，刪除不必要的畫面效果，實(shí)現(xiàn)簡(jiǎn)潔干凈的設(shè)計(jì)風(fēng)格。

3.豐富的色彩，在扁平化的創(chuàng)作中，一般都會(huì)使用較為明快的色彩來加強(qiáng)畫面的沖擊力，但是豐富的色彩又會(huì)注意色彩的一致性，一副扁平化的海報(bào)中，顏色的色域不會(huì)相差太大，一般會(huì)用不同顏色的不同灰度以及飽和度來創(chuàng)造豐富的色彩變化。通過顏色給受眾帶來愉快的視覺享受。在設(shè)計(jì)中，強(qiáng)調(diào)色塊的運(yùn)用，不同色塊之間沒有繁復(fù)的漸變和柔化，用最直接的塊面顏色來傳遞層次與美感、沖突與協(xié)調(diào)。

4.簡(jiǎn)化的背景，在扁平化設(shè)計(jì)中，一般背景會(huì)用純色或者簡(jiǎn)單的色塊來概括，去掉繁雜的背景使已經(jīng)簡(jiǎn)化的主體更加突出。

5.層級(jí)排版，在網(wǎng)站或是海報(bào)中，扁平化的設(shè)計(jì)特別強(qiáng)調(diào)信息的層級(jí)關(guān)系，一般使用不同的色塊來區(qū)分信息層級(jí)，在同一層級(jí)中也會(huì)用特別簡(jiǎn)潔明了的設(shè)計(jì)來傳達(dá)信息。在扁平化板式設(shè)計(jì)中，經(jīng)常使用色塊分割或者網(wǎng)格分割來區(qū)別不同功能塊，使版面更加的整潔，清晰。

（二）扁平化下的情感

扁平化設(shè)計(jì)風(fēng)格的流行并不僅僅依靠簡(jiǎn)潔的畫面造型，還有設(shè)計(jì)師想要表達(dá)的情感。簡(jiǎn)單的畫面，只能給人冰冷、潦草的感覺。在過去擬物化的設(shè)計(jì)中，畫面元素都盡量的符合實(shí)物，在設(shè)計(jì)時(shí)主要思考的是“是什么”的問題，而在扁平化設(shè)計(jì)中，設(shè)計(jì)師更加注重的是怎么用簡(jiǎn)潔的元素來表達(dá)情感。

由于扁平化設(shè)計(jì)使用了最基本的幾何圖案，回歸了事物的本質(zhì)形態(tài)，而在高速發(fā)展的今天，人們想要追求的就是這樣的復(fù)古的，原始的感覺。同時(shí)幾何圖案也可以帶給人們一種抽象的美感，這種設(shè)計(jì)給人以抽象美的視覺享受。因此這樣單純，干凈同時(shí)又有抽象美感的表達(dá)方式帶動(dòng)的不光是視覺享受，還會(huì)觸動(dòng)人的情感。

表達(dá)情感最好的途徑就是色彩，在擬物化設(shè)計(jì)中，直觀的色彩表現(xiàn)往往被繁雜的陰影，漸變等影響，而在在扁平化的設(shè)計(jì)中，去掉了繁雜的視覺特效，同時(shí)大面積的運(yùn)用色塊可以充分表達(dá)設(shè)計(jì)師的情感，受眾也可以在第一時(shí)間領(lǐng)略到畫面表達(dá)的情感。

（三）扁平化與擬物化

擬物化，顧名思義就是在創(chuàng)作時(shí)充分考慮對(duì)事物的還原，通過添加紋理，陰影，材質(zhì)等特效使物體盡可能的與現(xiàn)實(shí)事物相一致，讓受眾第一時(shí)間識(shí)別出作者想要表達(dá)的內(nèi)容，相比于扁平化，擬物化更側(cè)重真實(shí)感。

然而隨著社會(huì)的進(jìn)步，文化的普及，大眾的審美都得到了提高，人們對(duì)于一些抽象事物的理解能力得到提升，扁平化便應(yīng)運(yùn)而生。扁平化拋棄了擬物化繁雜的特效，通過對(duì)事物的概括，使用簡(jiǎn)單的線條，幾何體來傳達(dá)信息，給人簡(jiǎn)單明快的感覺。

時(shí)代在發(fā)展，社會(huì)發(fā)展的腳步也在迅速加快，在快節(jié)奏的發(fā)展中，傳播者需要快速的響應(yīng)，相比于繁雜的擬物化，簡(jiǎn)潔明了的扁平化更加能適應(yīng)當(dāng)前的社會(huì)。加之移動(dòng)終端的普及，扁平化以更少的資源消耗來傳達(dá)和擬物化相等的信息。

三、扁平化的具體案例分析

（一）扁平化下的平面設(shè)計(jì)

上面6幅食品廣告，前三幅是扁平化設(shè)計(jì)，后三幅是擬物化設(shè)計(jì)。同樣是表達(dá)食品的美味，但是扁平化的設(shè)計(jì)風(fēng)格給人清爽愉悅的視覺享受。

在海報(bào)的制作中，扁平化的設(shè)計(jì)風(fēng)格，只需要利用軟件直接繪制就可以，而且畫面只是用一些簡(jiǎn)單的色塊來表達(dá)。擬物化的設(shè)計(jì)風(fēng)格需要大量的前期拍攝以及后期修圖，畫面中包括了大量的陰影高光等特效。

在表達(dá)內(nèi)容上，和擬物化的設(shè)計(jì)風(fēng)格相比較，扁平化的設(shè)計(jì)風(fēng)格由于沒有各種特效的影響，反而使畫面更加的簡(jiǎn)介明了，傳達(dá)的主題更加明確。在擬物化的設(shè)計(jì)風(fēng)格中，各種陰影高光等特效在一定程度上對(duì)畫面主題的表達(dá)有一定的影響，削弱了受眾的第一直觀感受。

在傳播途徑中，扁平化的設(shè)計(jì)沒有使用陰影高光等特效，在畫面大小相同的情況下，扁平化設(shè)計(jì)的平面作品占用更小的內(nèi)存，加載的速度更快，同時(shí)由于扁平化的平面作品是矢量圖形，打印成海報(bào)也比較方便。

因此在扁平化的平面作品中，首先要對(duì)表達(dá)對(duì)象進(jìn)行概括，甚至抽象的來概括，比如第一幅圖中的牙齒，雖然不像我們平日所看到的牙齒，但是通過抽象的創(chuàng)作，加上鮮明的配色，反而更加深入了表達(dá)的主題，作者用簡(jiǎn)潔的畫面就表達(dá)了一張饑渴的嘴想要去吃美味的食品，深刻的傳達(dá)了要表達(dá)的信息。在概括之后就是配色了，扁平化設(shè)計(jì)為了保證畫面的簡(jiǎn)潔，一般同一物體采用相近的顏色來創(chuàng)作，同時(shí)為了不使畫面單調(diào)，會(huì)用一些亮色來豐富畫面，比如第二幅圖中人物與背景采用相近的顏色，同時(shí)添加了一些相對(duì)明亮的顏色來豐富畫面。在扁平化平面作品排版時(shí)，應(yīng)該特別注重點(diǎn)線面的結(jié)合，比如在第三幅圖中，為了營(yíng)造歡樂的氣氛，在畫面中使用大量的曲線來構(gòu)成面，同時(shí)在畫面外圍，使用了密集的點(diǎn)，通過曲面結(jié)合曲線，再加上散點(diǎn)來營(yíng)造了歡樂的氣氛。

（二）扁平化下的界面設(shè)計(jì)

上面兩幅圖是某音樂軟件的界面設(shè)計(jì)，前者是扁平化的設(shè)計(jì)，后者是擬物化的設(shè)計(jì)，從整體來看，扁平化的設(shè)計(jì)界面更加的簡(jiǎn)介明了。

從界面設(shè)計(jì)的角度來說，扁平化更多的體現(xiàn)在整體的排版，和擬物化的界面設(shè)計(jì)對(duì)比會(huì)發(fā)現(xiàn)，擬物化設(shè)計(jì)的界面比較雜亂，一個(gè)版面中充斥著各種不同類別的信息。而扁平化界面的設(shè)計(jì)，更多的考慮了信息的層級(jí)分布和塊狀分割，將功能板塊塊狀分割，并且將信息板塊層級(jí)分布，整體的界面顯示更加整潔明了，給人簡(jiǎn)單干凈更好的視覺享受。

從界面元素來說，傳統(tǒng)的擬物化設(shè)計(jì)為了盡量的向?qū)嵨锟拷罅康氖褂昧朔垂?，陰影，高光等，然而各元素之間無法做到完美的匹配，導(dǎo)致界面顯得特別雜亂，缺乏整體性。反觀扁平化的界面設(shè)計(jì)，由于不需要考慮對(duì)實(shí)物的模仿，也不需要添加特效，所以在設(shè)計(jì)時(shí)只需要考慮各元素之間的整體性即可，同時(shí)扁平化的設(shè)計(jì)配色統(tǒng)一，使界面的各部分統(tǒng)一的結(jié)合在一起，給人明快的感覺。

在扁平化的界面設(shè)計(jì)中，尤其應(yīng)該注重排版，因?yàn)楸馄交谝欢ㄒ饬x上就是極簡(jiǎn)主義，排版設(shè)計(jì)應(yīng)該給人一種明快的，干凈的感覺。在設(shè)計(jì)時(shí)應(yīng)該首先考慮的問題是如何處理各信息之間的關(guān)系，然后將各功能分塊，一般選擇矩形塊將各部分分割，用不同灰度來標(biāo)注選擇。界面各個(gè)圖標(biāo)去掉了繁雜的視覺特效，采用統(tǒng)一的，扁平化的風(fēng)格處理。同時(shí)盡量使用相近色來對(duì)界面進(jìn)行配色，增加界面的整體感。

四、結(jié)語

扁平化從2010年微軟在Window phone上開始使用，到現(xiàn)在已經(jīng)成為了設(shè)計(jì)的主流，形式從軟件界面到平面作品再到游戲界面，扁平化的設(shè)計(jì)作品和風(fēng)格越來越多，不得不說，扁平化的設(shè)計(jì)更加能適應(yīng)當(dāng)今快節(jié)奏的社會(huì)生活，在扁平化的設(shè)計(jì)潮流中，通過簡(jiǎn)潔，干凈，高效的形式來抓住產(chǎn)品的重點(diǎn)將成為長(zhǎng)期的主流設(shè)計(jì)理念。但是也不應(yīng)該完全摒棄擬物化，將擬物化的一些元素借鑒到扁平化的設(shè)計(jì)中來可以豐富扁平化的創(chuàng)作形式和風(fēng)格，比如最近興起的偽扁平化。偽扁平化其實(shí)是設(shè)計(jì)師們對(duì)扁平化設(shè)計(jì)的思考與發(fā)展，我認(rèn)為扁平化在未來的10年里一定是主流的設(shè)計(jì)風(fēng)格，所以通過探討研究扁平化對(duì)未來設(shè)計(jì)的發(fā)展有著重大的作用。

參考文獻(xiàn)：

[1]曾易成.扁平化視覺設(shè)計(jì)風(fēng)格研究[D].重慶.重慶房地產(chǎn)職業(yè)學(xué)院，2016.

[2]張遠(yuǎn).扁平化設(shè)計(jì)的前世今生[D].重慶.重慶師范大學(xué)涉外商貿(mào)學(xué)院藝術(shù)設(shè)計(jì)學(xué)院，2015.

[3]馬海港.少即是多—論扁平化界面設(shè)計(jì)風(fēng)格的優(yōu)勢(shì)[D].南京.南京師范大學(xué)，2013.

[4]歐陽超英，余夢(mèng)瑤.扁平化設(shè)計(jì)中的情感語言研究[D].武漢.湖北工業(yè)大學(xué)，2015.