駱　瑋張　毅

（1.南京林業(yè)大學(xué) 藝術(shù)設(shè)計學(xué)院，南京 210037；2.重慶藝術(shù)工程職業(yè)學(xué)院，重慶 401336）

數(shù)字藝術(shù)

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

駱瑋1張毅2

（1.南京林業(yè)大學(xué) 藝術(shù)設(shè)計學(xué)院，南京 210037；2.重慶藝術(shù)工程職業(yè)學(xué)院，重慶 401336）

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

扁平化；擬物化；特征；優(yōu)勢

檢索：www.artdesign.org.cn

Internet ：www.artdesign.org.cn

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

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

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

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

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

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

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

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

圖2　Photoshop各版本圖標(biāo)演進(jìn)

圖3　WPS各版本圖標(biāo)演進(jìn)與啟動界面

圖4　畢加索作品：牛

圖5　扁平化平面設(shè)計

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

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

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

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

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

注釋：

① 圖片來源：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］辛向陽. 交互設(shè)計：從物理邏輯到行為邏輯［J］. 裝飾，2015，261（01）：58-62.

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

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

［4］（德）Walter Benjamin. 迎向靈光消逝的年代［M］.許綺玲，林志明 譯. 桂林：廣西師范大學(xué)出版社，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

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