多媒體時代扁平化設(shè)計風(fēng)格在平面設(shè)計中的應(yīng)用

呂艷麗

摘要：現(xiàn)代平面設(shè)計涵蓋了平面形態(tài)、立體形態(tài)和動態(tài)交互類的范疇，扁平化風(fēng)格的廣泛應(yīng)用既是以手機為代表的信息終端發(fā)展的必然結(jié)果，也是適應(yīng)了設(shè)計風(fēng)格發(fā)展趨勢的選擇。本文介紹了扁平化風(fēng)格的源起、扁平化設(shè)計的視覺元素以及扁平化設(shè)計風(fēng)格在設(shè)計中的應(yīng)用，并對其發(fā)展的局限性加以論述。

關(guān)鍵詞：多媒體；扁平化；風(fēng)格；平面設(shè)計；圖形；版式；色彩

中圖分類號：G712 文獻標志碼：A 文章編號：1674-9324（2016）27-0265-02

以手機為代表的信息終端和網(wǎng)絡(luò)的高速發(fā)展，為視覺圖像的發(fā)展帶來了新的契機，視覺圖像的內(nèi)涵和外延在數(shù)碼讀圖時代也得到進一步的發(fā)展，并已經(jīng)融入到生活的各個角落。

圖像信息傳達也因時代需要產(chǎn)生了不同設(shè)計風(fēng)格的迭進，設(shè)計風(fēng)格總是隨著社會經(jīng)濟和文化的發(fā)展而變化，這種變化的進步與否，可能需要時間驗證，但是當前數(shù)字藝術(shù)的變革已經(jīng)朝著扁平化風(fēng)格演變，并已經(jīng)對社會的文化和經(jīng)濟的構(gòu)造產(chǎn)生了巨大影響，這種與時俱進的設(shè)計也突破了傳統(tǒng)設(shè)計的視覺限制，影響了整個多媒體時代。

一、多媒體時代的藝術(shù)數(shù)字特征

多媒體時代的最明顯的特征之一就是數(shù)字化。當文本、圖像、聲音、視頻全部被數(shù)字化之后，就可以以更好的協(xié)調(diào)性進行同步工作，這有別于傳統(tǒng)信息的單向、被動的信息傳達。以電腦、平板、手機等通訊終端的傳播為主，信息的動態(tài)性和實時性通過多媒體傳播散發(fā)，其中網(wǎng)狀結(jié)構(gòu)的鏈接層級形式，更靈活也更具變化方式。

二、扁平化風(fēng)格的興起

扁平化設(shè)計風(fēng)格的興起，也是由擬物化風(fēng)格向扁平化風(fēng)格轉(zhuǎn)變的過程，這既是數(shù)碼時代以用戶為中心的情感與體驗設(shè)計方法發(fā)展的必然方向，也是符合人們審美需要的風(fēng)格。

（一）擬物化風(fēng)格的特點

扁平化風(fēng)格是相對于擬物設(shè)計而言的。擬物設(shè)計即“模擬現(xiàn)實對象”，一度成為設(shè)計領(lǐng)域最火的設(shè)計形式，蘋果公司的設(shè)計師將其理解為：應(yīng)用程序圖標的設(shè)計和現(xiàn)實生活中的對應(yīng)物盡可能接近，使用更簡單，以此來改善用戶體驗。擬物化設(shè)計以低成本、易識記為傳播特點，這種完全仿真實物的設(shè)計，讓用戶可以省略學(xué)習(xí)和辨識的過程，直接進入使用。但是隨著節(jié)奏加快、效率更高的商業(yè)社會的快速發(fā)展，這種逼真寫實的設(shè)計風(fēng)格，已經(jīng)不再完全適應(yīng)大數(shù)據(jù)時代用戶對視覺設(shè)計的簡潔的需求，所以逐漸被扁平化設(shè)計所取代。

（二）扁平化風(fēng)格的興起

專注設(shè)計理論與設(shè)計歷史研究的王受之教授指出：“設(shè)計上除了原創(chuàng)型的第一次設(shè)計之外，也包含了大量的再設(shè)計活動，這些再設(shè)計，包括對現(xiàn)存設(shè)計的重新評價……再重新設(shè)計?！睌M物化風(fēng)格向扁平化風(fēng)格的演變也是如此。多媒體時代，電腦和手機為主的傳播終端，因其屏幕較小，之前應(yīng)用廣泛的擬物化風(fēng)格的設(shè)計，其圖標精細的陰影、立體、漸變，并不能夠?qū)⒃O(shè)計初衷完美地傳達出來。時代的發(fā)展，也在召喚新的設(shè)計風(fēng)格的誕生。扁平化設(shè)計的起源可以追溯到20世紀的包豪斯，他們倡導(dǎo)的現(xiàn)代主義設(shè)計理念是以解決問題為中心，強調(diào)功能化的設(shè)計。之后在建筑領(lǐng)域中被廣泛推崇的密斯·凡·德羅所倡導(dǎo)的“少即是多”，是一種強調(diào)“設(shè)計帶來溫暖和精神與視覺上的滿足感”的設(shè)計。20世紀60年代極簡主義（Minimalism Design）開始興起，極簡主義摒棄了多余設(shè)計元素，以幾何圖形、色彩和線條來完成設(shè)計。新世紀以來，工業(yè)化和網(wǎng)絡(luò)信息的飛速發(fā)展，同時也伴隨著“綠色設(shè)計”和“人性化設(shè)計”的廣泛應(yīng)用，最終在平面視覺傳達領(lǐng)域，發(fā)展成為扁平化風(fēng)格。綠色設(shè)計是在滿足功能和使用要求的前提下，以最簡單的結(jié)構(gòu)和外形為設(shè)計原則，同時在滿足包裝和存貯、銷售的功能條件下，考慮使用綠色材料和易降解、可循環(huán)使用。

三、平面設(shè)計中的扁平化風(fēng)格的設(shè)計元素

扁平化設(shè)計，是設(shè)計師主動并竭盡所能，以一種適應(yīng)社會發(fā)展的、滿足人們情感需要的設(shè)計，以其簡潔的審美需求、明亮的色彩、視覺沖擊較強的排版，來滿足多媒體時代的各個場景、不同設(shè)備的使用的設(shè)計。

（一）極簡主義的美學(xué)應(yīng)用

扁平化風(fēng)格是極簡主義在平面設(shè)計領(lǐng)域的應(yīng)用，也涵蓋了網(wǎng)頁及UI等。自微軟的Metro用戶界面開始，刪除了材質(zhì)、陰影、漸變和紋理的特效元素，保留了平面化的圖形色塊及更為突出的文字信息。這種視覺效果鮮明的極簡主義設(shè)計風(fēng)格，在快節(jié)奏的時代以“簡約”帶給人們短暫的安靜和平和，因其清晰的層次和布局在平面設(shè)計領(lǐng)域被廣泛應(yīng)用。

（二）版式

版式的設(shè)計，是應(yīng)用于平面設(shè)計所有領(lǐng)域中的重要環(huán)節(jié)。畫面中的圖形和文字，均可以從構(gòu)成的視覺將其歸納為點、線、面的組成。扁平化風(fēng)格的設(shè)計，將復(fù)雜的視覺語言通過元素的個性化編排、區(qū)分大小比例、適當?shù)膶Ρ冉y(tǒng)一，以一種簡潔的畫面形式感完成版式的編排。在扁平化風(fēng)格的版式設(shè)計中，合理利用“空白”也能更好地傳達“不修飾”的風(fēng)格特征。扁平化風(fēng)格應(yīng)用在網(wǎng)站和手機APP方面，則要求整體的布局結(jié)構(gòu)呈現(xiàn)“廣而扁”這種漁網(wǎng)狀的形式，這種版式要求可以拉伸信息的橫向維度，精減信息內(nèi)容，在短時間可查詢到目標信息。

（三）色彩

色彩是視覺元素的最重要組成部分，它決定作品的風(fēng)格走向。在整個平面設(shè)計作品中，無論是形體、布局或體量關(guān)系上，都占據(jù)著主導(dǎo)作用。扁平化風(fēng)格的設(shè)計，對色彩的要求是適應(yīng)媒體特征的傳達，要在短時間內(nèi)可以有效刺激受眾的視覺系統(tǒng)，色彩的明度、純度和亮度，均要求有現(xiàn)代感、有活力、有趣味，讓受眾在最短的時間內(nèi)接收到目標信息。

（四）文字

文字是現(xiàn)代社會最直接的信息傳達方式，但是在信息爆炸的網(wǎng)絡(luò)時代，人們所能接受的信息是有限的，這也對扁平化設(shè)計中字體提出了更高的要求。一是在藝術(shù)設(shè)計中居于中心位置的以文字為主介質(zhì)的設(shè)計發(fā)生了變化，要求版面中的文字數(shù)量盡量減少，達到信息量的精減，并與圖像完美結(jié)合；二是對文字的字體處理也扁平化，如選擇筆畫粗細一致的字體，且無襯線裝飾，這樣的字體顯得整體性更強，由于所占的字符空間也比較大，所以文字的可讀性也增強。

（五）互動

扁平化風(fēng)格設(shè)計，是純平面化的設(shè)計，摒棄了3D的立體效果，但是在手機APP及網(wǎng)站界面設(shè)計中，仍然需要增強互動性。

四、扁平化風(fēng)格設(shè)計在平面設(shè)計中的應(yīng)用

網(wǎng)絡(luò)和數(shù)碼設(shè)備的高速發(fā)展，在“讀圖時代”，也為傳統(tǒng)的“平面設(shè)計”拓展了媒介概念。平面形態(tài)類，包括以標志、標準字體和標準色為核心的機構(gòu)形象設(shè)計，發(fā)布于各類媒體的以招貼、報刊廣告和路牌廣告為主的靜態(tài)廣告；立體形態(tài)類，包括產(chǎn)品包裝設(shè)計、圖書設(shè)計、展示設(shè)計和提供空間指引服務(wù)的指示設(shè)計；動態(tài)交互類主要包括網(wǎng)頁設(shè)計、由電子書和多媒體光盤組成的多媒體讀物、影視劇和電視節(jié)目片頭設(shè)計。由此可見，網(wǎng)絡(luò)和數(shù)碼時代下的現(xiàn)代平面設(shè)計，具有跨越不同媒介的綜合性、交叉性的特點，并且隨著媒介和空間的不斷拓展，延伸到更寬泛的領(lǐng)域。

（一）包裝設(shè)計的扁平化風(fēng)格

包裝設(shè)計的信息傳達空間是受限制的，要在既定的空間內(nèi)，以包裝自身的界面作為信息終端來傳達產(chǎn)品的銷售目的。根據(jù)傳統(tǒng)的營銷理念，消費者的消費是“被吸引—產(chǎn)生興趣—了解信息—產(chǎn)生購買”這樣一個流程，但是在同質(zhì)化嚴重的體驗經(jīng)濟時代，商品包裝要直接實現(xiàn)營銷的目的。體驗經(jīng)濟是1970年美國未來學(xué)家阿爾文·托夫勒提出的，是指以消費者為中心并參與的經(jīng)濟活動。體驗經(jīng)濟強調(diào)情感、體驗和感性的作用和價值。而扁平化包裝，需要強化品牌的視覺形象，在設(shè)計中強化消費者對品牌及產(chǎn)品的識別度。以無印良品的設(shè)計為例，他們注重環(huán)保、簡潔，甚至讓人感到商品包裝的純樸，這種倡導(dǎo)質(zhì)樸生活的理念，充滿了對自然的回歸的和禪意，并讓受眾在最短的時間內(nèi)獲得產(chǎn)品信息，促成購買行為。

（二）手機APP的扁平化設(shè)計

“扁平化”一詞是從電腦界面和手機APP出現(xiàn)后，才開始被普通大眾所熟知的。自蘋果公司在ISO 7中開始使用扁平化圖標，現(xiàn)在已經(jīng)有一統(tǒng)天下的架勢，蘋果和安卓系統(tǒng)，均以極簡風(fēng)格的扁平化設(shè)計來迎合受眾的需求。由于圖標尺寸較小，所以只能以高度符號化的圖形來作為構(gòu)成元素。在打開的應(yīng)用中，圖標去掉了所有的裝飾，突出主體信息，越來越簡潔，同時以信息結(jié)構(gòu)的輕量化為主，將用戶操作的易用性放在首位，減少操作負擔(dān)，高效清晰地展示應(yīng)用內(nèi)容。扁平化風(fēng)格也順應(yīng)時尚的需求，以更高級的視覺參與完成信息傳播，如手機中常用的APP淘寶、京東、當當?shù)龋S著中國傳統(tǒng)猴年的到來，都分別在圖標上加了一個緊箍咒的圖標，趣味中又應(yīng)景喜慶，獲得受眾使用過程中的會心微笑。

（三）交互式設(shè)計在扁平化風(fēng)格中的應(yīng)用

由于扁平化風(fēng)格的設(shè)計過于簡潔，在其精致優(yōu)雅的同時，也放棄了部分美觀和更多可用性。它所倡導(dǎo)的也是讓受眾回歸到對信息本身的關(guān)注。尤其是在多媒體時代，各種強調(diào)互動性的設(shè)計，雷同的設(shè)計元素也淹沒更多的設(shè)計個性。美國學(xué)者阿蘭·庫珀將這種用戶難以通過感官達到預(yù)期操作效果的過程叫“認知摩擦”，而扁平化設(shè)計在交互設(shè)計中的應(yīng)用，可以減少認知摩擦，使用戶在使用過程中體驗到親切感。

五、扁平化風(fēng)格的局限性

扁平化設(shè)計風(fēng)格，滿足了現(xiàn)代商業(yè)社會人們對簡約和便捷的時尚要求，完全平面化的圖形和高對比度的色彩比較好地傳達了信息。但是這種簡單的表達形式，過平、冰冷、沒有溫情的圖形設(shè)計，并不能完全滿足所有受眾的需求。尤其在高端包裝的設(shè)計需求中，受眾對設(shè)計的視覺舒服度有更高的要求，這也需要設(shè)計師對設(shè)計元素的空間、距離和色彩等，不恪守扁平這一平面的框架，尋求更多的設(shè)計語言表達方式。

參考文獻：

[1]許曉云，王一琳.扁平化——以簡約為核心的產(chǎn)品交互設(shè)計研究[J].設(shè)計，2015，（10）

[2]牛培欣.“簡”的力量——談扁平化設(shè)計風(fēng)格的風(fēng)靡[J].美術(shù)大觀，2015，（04）.

[3]林鸰，陳歌.扁平化風(fēng)格在GUI設(shè)計中的應(yīng)用淺析[J].設(shè)計，2014，（09）.

[4]顧雷平.扁平化設(shè)計與拓展[J].上海藝術(shù)家，2014，（04）.

[5]李江玲.扁平化設(shè)計在視覺形象中的運用[J].藝術(shù)科技，2015，（08）.