扁平化設計的特征與優(yōu)勢分析

駱瑋+張毅

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

關鍵詞：扁平化；擬物化；特征；優(yōu)勢

檢 索：www.artdesign.org.cn

中圖分類號：J0 文獻標志碼：A 文章編號：1008-2832（2016）10-0099-02

Analysis the Features & Superiority of Flat Style

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

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

Key words ：flat； skeuomorphism； features； superiority

Internet ：www.artdesign.org.cn

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

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

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

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

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

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

隨著移動科技的發(fā)展，扁平化設計的優(yōu)勢也日漸凸顯。

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

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

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

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

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

注釋：

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

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

③ 圖片來源：WPS官網(wǎng)，http：//www.wps.cn/.

④ 圖片來源：昵圖網(wǎng)，http：//www.nipic.com/.

⑤ 數(shù)據(jù)來源：搜狐新聞網(wǎng)，http：//mt.sohu.com/20151112/n426111229.shtml？qq-pf-to=pcqq.c2c.

⑥ 數(shù)據(jù)來源：中國新聞網(wǎng)，http：//www.chinanews.com/life/2015/12-15/7672077.shtml.

參考文獻：

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

[2]何潔. 視覺傳達設計的發(fā)展趨勢[J]. 裝飾，2002，107（03）：4-5.

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

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