扁平化界面設(shè)計的藝術(shù)創(chuàng)作語言分析

楊子超+宣永剛

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

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

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

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

（一）扁平化的概念

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

（二）扁平化的起源

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

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

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

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

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

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

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

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

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

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

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

（二）扁平化下的情感

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

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

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

（三）扁平化與擬物化

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

參考文獻：

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

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

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

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