扁平化界面設計的藝術創作語言分析

楊子超+宣永剛

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

關鍵詞：扁平化；擬物化；藝術分析

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

一、扁平化的發展現狀及未來發展趨勢

（一）扁平化的概念

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

（二）扁平化的起源

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

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

（三）扁平化的發展趨勢

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

二、扁平化的設計語言

（一）扁平化的設計語言

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

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

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

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

5.層級排版，在網站或是海報中，扁平化的設計特別強調信息的層級關系，一般使用不同的色塊來區分信息層級，在同一層級中也會用特別簡潔明了的設計來傳達信息。在扁平化板式設計中，經常使用色塊分割或者網格分割來區別不同功能塊，使版面更加的整潔，清晰。

（二）扁平化下的情感

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

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

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

（三）扁平化與擬物化

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

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

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

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

（一）扁平化下的平面設計

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

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

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

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

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

（二）扁平化下的界面設計

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

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

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

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

四、結語

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

參考文獻：

[1]曾易成.扁平化視覺設計風格研究[D].重慶.重慶房地產職業學院，2016.

[2]張遠.扁平化設計的前世今生[D].重慶.重慶師范大學涉外商貿學院藝術設計學院，2015.

[3]馬海港.少即是多—論扁平化界面設計風格的優勢[D].南京.南京師范大學，2013.

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