扁平化設計的特征與優勢分析

駱　瑋張　毅

（1.南京林業大學 藝術設計學院，南京 210037；2.重慶藝術工程職業學院，重慶 401336）

數字藝術

扁平化設計的特征與優勢分析

駱瑋1張毅2

（1.南京林業大學 藝術設計學院，南京 210037；2.重慶藝術工程職業學院，重慶 401336）

摒棄了所有擬物化修飾手段的扁平化設計在飽受爭議的同時也日漸演進為一個明朗的設計新風格，它的出現揭示了當下用戶的審美新需求和設計師的思維變化。文章旨在通過對扁平化與擬物化風格的對比來分析扁平化風格的設計原則以及它的風格特征和應用優勢。

扁平化；擬物化；特征；優勢

檢索：www.artdesign.org.cn

Internet ：www.artdesign.org.cn

扁平化這一始于交互界面的設計風格在出現之初曾飽受爭議與嘲弄，人們在習慣了擬物化設計的精致具象之后，扁平化設計的出現被很多用戶評價為“簡單粗陋”“冰冷呆板”的設計。隨著扁平化設計相繼在Windows、Android、Google、Facebook等一線界面中的出現，設計界的爭議也越發聲勢浩大。直至iOS7系統發布，人們發現作為交互業界領軍，引領設計時尚潮流的蘋果也“平”了，這仿佛是認可扁平化風格“改朝換代”的信號，在經歷了否定、關注、認可之后，扁平化這一設計風格終于被推向高潮。

擬物化設計常常被用來與扁平化設計作比較，不僅因為兩個風格在時間軸上呈現交疊關系并各有堅守的設計師陣營，更因為兩者間的設計風格有明顯的對立區別（圖1）①。作為扁平化的前輩，擬物化設計竭力模仿著真實的世界，它具有豐富飽滿的光感表現、結實立體的三維造型和精致生動的細節設計，在視覺上形成層次豐富、生動逼真的感受。其設計的初衷是幫助用戶從真實的世界向交互世界平滑過渡，從視覺辨識上提高使用者的操作效率。而扁平化設計正好與之相反，它放棄了高光、反光、投影等光感營造；色彩上省略除固有色以外的光源色與環境色；造型上忽略細節，僅以規則的幾何造型概括；完全摒棄營造立體感的過渡式漸變，以平鋪色塊或梯度式漸變代之。表面上看，扁平化設計似乎簡單很多：不要投影、漸變和質感，只要造型簡單、色彩平鋪、排版清晰。而這種看似簡單的設計新風格卻以愈演愈烈之勢逐漸在移動端與電腦端蔓延開。

Adobe公司作為全球圖形與圖像處理的主流專業研發機構，一直以來對自身的視覺識別形象設計非常重視，以其旗下Adobe Photoshop為例，在CS 3之前的版本，主視覺都采用美輪美奐的具象形態（如CS 2的羽毛）。自CS 3開始確立以字母為主元素以來，每次版本更新都能看出其對設計趨勢的敏感用心。CS 3、CS 4圖標的光影化，CS 5圖標的立體化都是擬物風格的經典應用，而近年來的CS 6、CC 2014等版本的圖標則呈現出明顯的扁平化設計特征，足以看出Adobe公司對扁平化設計風格的接納與認可（圖2）②。與此類似的還有辦公軟件WPS的圖標與啟動界面設計的全面改版（圖3）③。

這種幾乎拋棄所有美學修飾的設計手法能在擬物風格的鼎盛時期逆風而行并不斷壯大，實為極簡主義設計發展的必然趨勢。這種必然曾引導過漢字從象形文字到簡體中文的演變，也助推過歐洲繪畫藝術從寫實派到抽象——派的發展。從畢加索的作品中更能直觀的看到這位藝術大師關于繁與簡的探索思考（圖4）。

這種從簡到繁再到簡、從擬物擬像再到符號的變化過程不僅反映出人們審美趣味螺旋上升的變化規律，也是社會發展提高交流效率的必然要求。扁平化設計正是遵循這樣一個發展規律，才得以在寫實擬物的精致時代萌芽壯大。因此，扁平化設計的“簡”實質是經過充分腦力勞動的“簡”，是對“取”與“舍”的慎重選擇。

當下的扁平化設計已逐漸從交互界面蔓延至傳統平面設計領域，在網頁、插畫、海報、包裝、標志、VI等設計中的扁平化設計應用已不鮮見（圖5）④。符號化的圖形既有質樸單純的童趣又有縝密理性的規劃，為傳統的平面設計增添了一股清新活力。它不僅在美觀性上提供了一個新的選擇，更從傳播角度大大的提高了低成本傳播的效率。

隨著移動科技的發展，扁平化設計的優勢也日漸凸顯。

圖1　擬物化與扁平化特征對比

圖2　Photoshop各版本圖標演進

圖3　WPS各版本圖標演進與啟動界面

圖4　畢加索作品：牛

圖5　扁平化平面設計

首先，相較于擬物化，扁平化設計更適合“小屏幕”時代。來自阿里巴巴數據顯示，2015年天貓雙11交易總額中無線端交易額占比高達68.67%⑤，這一數據反映出目前網絡購物的主要渠道已從傳統的電腦端轉移至移動端；由中國社會科學院社會學研究所社會心理研究中心發布的《社會心態藍皮書：中國社會心態研究報告（2015）》調查數據顯示，國內大學生每天使用智能手機的時間約為5小時，占全天的22%。⑥從這些數據不難看出，手機“小屏幕”比電腦“大屏幕”更被現代人親近。在此“小屏幕”背景的基礎上對擬物化與扁平化進行比較，后者的優勢則更為明顯。比如在美觀性與識別性上，擬物化設計的豐富細節被縮小后容易顯瑣碎，而扁平化卻往往簡潔大方、恰到好處。同時，擬物化設計精致細膩的特征不僅增加了設計制作的人力成本和時間成本，也提高了接收端的流量成本，而扁平化設計則反之。

其次，在信息讀取速度上，扁平化設計也優于擬物化設計。點開圖片信息時等待讀取的時間成本越高，信息被關閉讀取的幾率就越高，而除去硬件與網絡技術原因外，讀取速度的快慢是由圖片信息的文件大小決定的。擬物化設計為保證細節的飽滿、色彩的豐富、過渡的自然，不得不以相對較高的像素值為保障，文件也因此而相對較大，也就相對增加了被讀取失敗或被放棄讀取的幾率，造成高像素的“浪費”。扁平化設計在造型上通常是規則幾何形，色彩上一般采用平涂色塊，并且沒有漸變過渡與精致細節，因此能有效的將文件控制在相對較小的范圍內，也就為高速讀取提供了必要保證，并以此提高傳播的有效幾率。

再次，在視覺識別角度，扁平化設計不輸擬物化設計。在智能手機普及之初，擬物化設計逼真的視覺效果為減少認知障礙、減低操作使用的學習成本起到非常大的助推作用，在人機之間能迅速的建立親密感。但在智能手機與電腦普及后的若干年里，人們的認知障礙逐漸消失，操作的熟悉程度已然穩定，同時也逐漸對漸變、陰影、高光等擬真效果表現出審美疲勞。扁平化設計的優勢也在此時體現，它可以呈現更加簡單直接的信息和事物，在穩定熟悉的操作基礎上靠簡潔的色塊與規則形狀識別信息，不僅比辨別花哨的細節特征更有效率，同時在視覺感受方面也更加明快和理性。

最后，扁平化設計的動態成本大大低于擬物化設計。隨著生活節奏的加快，由“讀圖”獲取信息的效率優勢日益凸顯，圖像的呈現方式也更加多元，從靜態圖發展為動態圖便是近年來的讀圖新趨勢。動態圖不僅能承載更多生動有趣的創意思維、創造更高效的視覺吸引、呈現更飽滿的審美情趣，甚至還能滿足及強化圖像的敘事功能。擬物化設計要實現動態圖需要花費較高的人力和時間成本，因為每一幀動態都可能涉及多個復雜形態的協調運動，而扁平化設計的輕快體量明顯更能滿足動態制作的需求。

綜上所述，扁平化設計有著個性鮮明的設計特征，具備順應時代的優勢支撐，符合大眾審美趣味反彈規律，是極簡主義設計發展的必然結果。雖然扁平化設計依然存在種種不足，比如用大屏幕呈現時容易顯得空洞，氣氛渲染乏力，為追逐“平”的潮流而強逼畫面“平”，以及制作難度降低后導致的設計門檻降低，粗制濫造頻現等，然而縱觀歷史又有哪一個設計風格是完美無缺、經久不衰？扁平化作為設計風格的新寵，可能轉瞬即逝，也可能在爭議的聲浪中更加完善壯大。本文無意貶損擬物化設計的存在價值，僅以分析扁平化設計存在的合理性探求新風格的發展趨勢，但求拋磚引玉，引起對扁平化風格更多關注與思考，還待有識之士齊心合力，共同構建。■

注釋：

① 圖片來源：TekRevue（英文），http：//www.tekrevue.com/os-x-yosemite-vs-mavericks-icons/.

② 圖片來源：Adobe（中文），http：//www.adobe.com/cn/.

③ 圖片來源：WPS官網，http：//www.wps.cn/.

④ 圖片來源：昵圖網，http：//www.nipic.com/.

⑤ 數據來源：搜狐新聞網，http：//mt.sohu.com/20151112/n426111229.shtml？qq-pf-to=pcqq.c2c.

⑥ 數據來源：中國新聞網，http：//www.chinanews.com/life/2015/12-15/7672077.shtml.

［1］辛向陽. 交互設計：從物理邏輯到行為邏輯［J］. 裝飾，2015，261（01）：58-62.

［2］何潔. 視覺傳達設計的發展趨勢［J］. 裝飾，2002，107（03）：4-5.

［3］（美）Donald Arthur. Norman. 設計心理學——日常的設計［M］.小柯 譯. 北京：中信出版社，2015（5）：169-222.

［4］（德）Walter Benjamin. 迎向靈光消逝的年代［M］.許綺玲，林志明 譯. 桂林：廣西師范大學出版社，2004（8）：51-72.

Analysis the Features & Superiority of Flat Style

LUO Wei1， ZHANG Yi2
（Nanjing Forestry University， Nanjing 210037，China；2.Chongqing Vocational College of Art and Engineer， Chongqing 401336，China ）

Flat style is a new style of design which abandoned almost all adornment gimmick. It becomes a kind of new fashion by it's controversial features. It reveals the new aesthetic demand and the change of designer's attitude. This paper aims to analysis the features and superiority of flat style by compare it with the skeuomorphism style.

flat； skeuomorphism； features； superiority

J0

A

1008-2832（2016）10-0099-02

江蘇高校哲學社會科學研究項目（2015SJB038）：《數字媒體插畫設計方法研究》階段性研究成果