談扁平化設計風格的發展與運用

劉賽英

摘 要：隨著設計行業的快速發展，設計風格也越來越多樣化。扁平化設計風格是近幾年來發展最為迅速，影響最為廣泛的設計風格之一。扁平化設計已經完全滲透到了各個設計行業，在手機UI、平面設計、網站設計、影視動畫設計、游戲制作等方面有著很重要的地位。

關鍵詞：扁平化；設計；擬物化

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1005-5312（2017）09-0174-01

一、什么是扁平化設計風格

扁平化設計風格的原則是去處多余的元素，追求簡潔。扁平化概念的核心意義是去除冗余、厚重和繁雜的裝飾效果。而具體表現在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素，這樣可以讓“信息”本身重新作為核心被凸顯出來。同時在設計元素上，則強調了抽象、極簡和符號化。

二、扁平化設計風格的出現與普及

扁平化設計風格其實是對于極簡主義的一種繼承與發展。2013年蘋果推出iOS7，iPhone和iPad的圖標設計改為扁平設計風格后，使得這種簡約的設計方式飛速發展。其后， windows 8、windows phone和其它安卓手機也同樣有采取了扁平化的設計，使得扁平化風格從手機入手，開始進入了我們的生活。

三、扁平化設計風格的在平面和網頁設計中的運用

當扁平化設計風格席卷手機UI時，它也被設計師開始運用于平面和網頁的設計之中。原因很簡單，大眾開始對于繁雜的設計審美疲勞了，越來越多的人開始喜歡扁平化的設計風格。過去很多年平面和網頁都是過度裝飾的，設計上出現的各種三維、立體、紋理效果不再受到大家的追捧，扁平化讓那些讓人頭暈的眩目特效也不再出現，取而代之的是清爽、簡潔、明快的設計風格，讓人們在面對設計時感到身心愉悅。

四、扁平化設計風格在影視動畫中的運用

當扁平化設計風格流行于平面設計領域時，它同樣進入了影視動畫設計之中。扁平動畫拋棄了透視，紋理，漸變等能做出3D效果的元素，比較接近于二維時代的卡通動畫，但色彩又更加豐富，表現更加的有趣。相對于三維動畫的制作難度和制作時間來說，扁平動畫的優勢是不言而喻的。較短的制作周期，良好的表現效果，使得許多動畫設計師開始使用Flash和After Effects軟件開始制作扁平動畫。

2013年，以扁平化為設計風格，內容為對各種熱點知識進行視頻化科普解說的動畫《飛碟說》，在優酷網站開播。從而正式拉開了扁平動畫流行的大幕。其后，各種扁平動畫如雨后春筍般的涌現出來，現在在手機、網絡、電視、電影等各種視頻平臺我們隨處可以看到扁平動畫的身影。

五、扁平化設計風格在頁游和手游制作中的運用

頁游和手游相對客戶端游戲來說，制作周期和更新速度更短一些，手游開發周期一般在一年以內，頁游則少于一年，甚至一二個月即可。早期網頁游戲和手游界面、按鈕質感較重，圖層樣式較多，導致數據量巨大，很影響下載和加載時間。游戲設計師既要保證整體視覺的美觀，又要減少頁面大小，同時要減少頁面請求的個數，對畫面進行優化。制作周期如此之短，要求如此之多的情況下，快速高效的扁平化設計很快受到了游戲設計師的青睞。扁平化設計，既美觀大方又能降低運作的成本，也能方便下次再更新，是頁游和手游設計師的必用設計風格。

六、扁平化設計風格的優缺點

扁平化設計風格特點有：拒絕特效、界面元素、優化排版、慣用明亮配色、最簡方案。如果我們來設計一個相機，原來我們可能要花上8小時，用幾十個層才能表現一個擬物化程度很高的相機，現在我們用扁平化表現，構思加上表現可能一個小時就夠了。設計師能夠在極短的時間內完成自己的設計，再用比較少的時間來修改自己的設計，最終到大家的認可，這對于原來很多擬物化的設計是不可以想象的。

當然極簡的設計思想也受到了很多人的質疑，很多人認為扁平化設計風格傳達的情感是不豐富的，甚至過于冷漠。這些極其簡化的圖形讓設計偏離了現實的具象，很多設計表現不夠嚴謹，畢竟效率和簡潔不是我們設計追求的最終目的。

七、“類扁平化設計”的到來

在扁平化設計風格的質疑聲中，我們迎來了平化設計風格的進化— “類扁平化設計”。 類扁平化設計指的是擬物化的扁平化設計。它綜合了扁平化和擬物化的特點，它采用扁平化設計的核心概念簡潔，取消了擬物化設計中浮雕效果等多余的裝飾。 “類扁平化設計” 具有十分好的兼容性，能更好的展現事物的特點，已經成為設計業的又一種必然的趨勢。

八、結語

總而言之，扁平化設計風格的流行對于設計來說是一場變革，是設計者對于設計領域過度裝飾的一種反抗。這種反抗繼承了建筑大師路德維希·密斯·凡德羅提出的“少即是多”的原則。當然沒有任何一種設計能夠包攬天下，保證長時間流行。但是近幾年來扁平化設計風格的流行，充分的表現了大眾審美隨著時代的發展的變化，扁平化設計讓大眾體驗到了簡潔之美，真正體驗到了設計愉悅生活。

參考文獻：

[1]付歡.淺述界面設計中的設計風格——扁平化設計和擬物化設計[J].文藝生活，2013（08）.

[2]張蕓.扁平化設計在網頁應用上的優勢[J].藝術科技，2013（06）.