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

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了平面設(shè)計(jì)中扁平化設(shè)計(jì)風(fēng)格的應(yīng)用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：在信息咨詢?nèi)諠u發(fā)達(dá)的今天，人們每天都要通過手機(jī)電腦等設(shè)備中接收處理大量的信息，因此界面設(shè)計(jì)與交互設(shè)計(jì)在現(xiàn)代生活中就顯得尤為重要。扁平化風(fēng)格作為一種高效的設(shè)計(jì)風(fēng)格已經(jīng)被廣泛應(yīng)用于各類數(shù)字終端，悄無聲息地融入了日常生活。扁平化風(fēng)格也早已從顯示屏投影到了整個(gè)平面設(shè)計(jì)領(lǐng)域，在插畫設(shè)計(jì)、VI設(shè)計(jì)、包裝設(shè)計(jì)、平面廣告設(shè)計(jì)等方面都有涉及。本文將通過對扁平化風(fēng)格的起源、應(yīng)用等方面的探索，分析扁平化設(shè)計(jì)風(fēng)格對現(xiàn)代平面設(shè)計(jì)的影響。

關(guān)鍵詞：扁平化設(shè)計(jì);平面設(shè)計(jì);視覺元素;應(yīng)用

1扁平化設(shè)計(jì)風(fēng)格的概念

扁平化設(shè)計(jì)風(fēng)格最初應(yīng)用于界面設(shè)計(jì)，之后逐漸擴(kuò)散到了交互設(shè)計(jì)、插畫設(shè)計(jì)、包裝設(shè)計(jì)、VI設(shè)計(jì)等平面設(shè)計(jì)領(lǐng)域。扁平化設(shè)計(jì)風(fēng)格在界面設(shè)計(jì)中是指在設(shè)計(jì)過程中去除一切三維效果的視覺效果，例如漸變、投影、高光、反光等。在表現(xiàn)形式上以內(nèi)容為主，對信息排版和較少的配色進(jìn)行平面化處理，通過對色塊、抽象圖形以及簡潔的無襯線字體等元素的運(yùn)用，將重要內(nèi)容突出，排除干擾項(xiàng)。扁平化的極簡是對版面信息的提煉設(shè)計(jì)，更加注重功能性，將核心內(nèi)容更加快速地展現(xiàn)在用戶眼前。扁平化設(shè)計(jì)風(fēng)格因其高效快速地特點(diǎn)深受設(shè)計(jì)師喜愛，就界面設(shè)計(jì)和交互設(shè)計(jì)而言，這種設(shè)計(jì)對各類數(shù)字終端具有更好的適配性，前段制作的難度也大大降低。多媒體時(shí)代下，界面設(shè)計(jì)與交互設(shè)計(jì)作為數(shù)字媒體設(shè)計(jì)中的一個(gè)重要領(lǐng)域，對現(xiàn)代平面設(shè)計(jì)也產(chǎn)生了很大的影響，大道至簡的藝術(shù)逐漸深入人心。

2扁平化設(shè)計(jì)風(fēng)格的起源與發(fā)展

扁平化設(shè)計(jì)風(fēng)格的起源很難追溯具體的時(shí)間地點(diǎn)，最早被人熟知是被微軟公司應(yīng)用在WindowsPhone上的Metro風(fēng)格，出現(xiàn)即取得了很大成功，對后期的界面設(shè)計(jì)及交互設(shè)計(jì)起到了指導(dǎo)性作用。數(shù)字媒體設(shè)計(jì)作為一個(gè)全新的設(shè)計(jì)領(lǐng)域，其主流設(shè)計(jì)風(fēng)格中可見幾種現(xiàn)代設(shè)計(jì)的影子。2.1現(xiàn)代主義設(shè)計(jì)風(fēng)格20世紀(jì)20年代的現(xiàn)代主義設(shè)計(jì)風(fēng)格，提倡功能性設(shè)計(jì)，去裝飾。以建筑設(shè)計(jì)革命為圓心擴(kuò)散到了各個(gè)設(shè)計(jì)領(lǐng)域，并在包豪斯設(shè)計(jì)學(xué)院建立之后推向高潮。同時(shí)期，米斯凡德羅提出的“少即是多”的概念對之后的設(shè)計(jì)影響深遠(yuǎn)。無論是之后的極簡主義還是現(xiàn)在的扁平化風(fēng)格都是“少即是多”的不斷沿用發(fā)展。

2.2國際主義品面設(shè)計(jì)風(fēng)格

20世紀(jì)50年代的國際主義品面設(shè)計(jì)風(fēng)格，也稱瑞士風(fēng)格。這種設(shè)計(jì)風(fēng)格喜愛簡潔的畫面，層次分明，具有清晰明確的視覺傳達(dá)效果。核心之處是對無襯線字體的大膽運(yùn)用，著名的Helvetica字體就誕生于這個(gè)時(shí)期。其次是網(wǎng)格結(jié)構(gòu)的利用，讓簡約的設(shè)計(jì)更加富有條理，賦予信息和元素以條理和秩序感，能夠讓元素的邏輯更加順暢。因此網(wǎng)格結(jié)構(gòu)設(shè)計(jì)在界面設(shè)計(jì)中也是運(yùn)用非常廣泛的一種方法。

2.3極簡主義設(shè)計(jì)

20世紀(jì)60年代瑞士的極簡主義設(shè)計(jì)，通過去除多余的裝飾，將中心內(nèi)容突出成為整個(gè)畫面的焦點(diǎn)。極簡主義設(shè)計(jì)的典型特征就是對元素進(jìn)行精簡，運(yùn)用極少的畫面元素，干凈的線條，幾何化圖形等組成畫面。因此扁平化設(shè)計(jì)風(fēng)格并非突然出現(xiàn)的一種全新的形式，它很大程度上受到了上個(gè)世紀(jì)幾種現(xiàn)代藝術(shù)風(fēng)格的影響。最早由微軟推出的Metro風(fēng)格為扁平化設(shè)計(jì)奠定了基礎(chǔ)，為數(shù)字媒體終端提供了更多可行的設(shè)計(jì)方案。在微軟之后蘋果也緊跟步伐了ios7，ios7的界面設(shè)計(jì)放棄了擬物化設(shè)計(jì)，將所有細(xì)節(jié)刪除，調(diào)整了陰影紋理，整個(gè)視覺效果產(chǎn)生了顛覆性的改變。國內(nèi)的互聯(lián)網(wǎng)公司也相繼做出改變，我們?nèi)粘Ｊ褂玫氖謾C(jī)APP界面在一次次更新中變得越來越簡潔，國產(chǎn)手機(jī)系統(tǒng)如小米的MIUI、魅族的Flyme、華為的EMUI等都采用了扁平化設(shè)計(jì)風(fēng)格，在UI界面和軟件適配上做出了改變，扁平化設(shè)計(jì)風(fēng)格逐漸成為成為界面設(shè)計(jì)的主流形式。

3扁平化設(shè)計(jì)風(fēng)格在平面設(shè)計(jì)領(lǐng)域的應(yīng)用

3.1插畫設(shè)計(jì)中的扁平化設(shè)計(jì)風(fēng)格

扁平化風(fēng)格的插畫也遵循簡化原則，在空間上會減弱物體的光影效果與細(xì)節(jié)，強(qiáng)調(diào)顏色的塊面感與對比沖擊，在繪制上可以用更短的時(shí)間創(chuàng)造出更強(qiáng)烈的視覺效果，因此近年來商業(yè)插畫也偏愛這種模式。扁平化插畫的種類也有很多，一些插畫師會選擇直接用純色色塊拼貼、剪切、疊加等方式進(jìn)行繪制，也有用在色塊內(nèi)部增加肌理來豐富畫面的方式，用最少的筆墨傳達(dá)核心內(nèi)容，并讓觀者有最直觀的認(rèn)識。日本畫家村上隆憑借對扁平化的極致理解，以太陽花系列畫作和二次元?jiǎng)?chuàng)作在藝術(shù)和商業(yè)領(lǐng)域都取得了巨大的成功。

3.2包裝設(shè)計(jì)中的扁平化設(shè)計(jì)風(fēng)格

包裝設(shè)計(jì)與界面設(shè)計(jì)時(shí)具有共通性的，信息傳達(dá)空間受限，要在一定空間內(nèi)展示產(chǎn)品信息并快速吸引顧客目光。同類型的產(chǎn)品在價(jià)格品質(zhì)相差不大的情況下，包裝設(shè)計(jì)影響著顧客的購買欲望，因此包裝還需要產(chǎn)品及品牌營銷的目的。包裝設(shè)計(jì)作為商品營銷的重要渠道，設(shè)計(jì)師們將扁平化設(shè)計(jì)風(fēng)格應(yīng)用到包裝設(shè)計(jì)上，通過清晰地文字，簡化的圖形與顏色，規(guī)整的排版，在傳遞產(chǎn)品信息的同時(shí)強(qiáng)調(diào)了品牌形象。

3.3VI設(shè)計(jì)中的扁平化設(shè)計(jì)風(fēng)格

近年來VI設(shè)計(jì)越發(fā)趨向簡潔的設(shè)計(jì)風(fēng)格。標(biāo)志作為VI設(shè)計(jì)的核心內(nèi)容，也是各大品牌最為重視的一部分。很多品牌的標(biāo)志會隨著時(shí)代審美不斷改變，就品牌文字而言，當(dāng)下的流行趨勢更偏向規(guī)整簡潔無襯線字體。扁平化風(fēng)格進(jìn)入VI設(shè)計(jì)并不只是在內(nèi)容上進(jìn)行刪減，而是更加注重功能，適當(dāng)?shù)奶砑游淖?、圖標(biāo)等設(shè)計(jì)元素更有助于表達(dá)品牌形象、品牌文化，最重要的是風(fēng)格保持統(tǒng)一，將品牌內(nèi)涵傳達(dá)給受眾。

4扁平化設(shè)計(jì)風(fēng)格的優(yōu)勢與局限性

4.1扁平化設(shè)計(jì)風(fēng)格的優(yōu)勢

4.1.1功能性對于設(shè)計(jì)師而言，逼真地制作現(xiàn)實(shí)中的事物會耗費(fèi)大量的時(shí)間和精力，應(yīng)用在面積有限的屏幕上反而使畫面變得瑣碎，顯得有些多余。扁平化設(shè)計(jì)去除了這些雞肋的裝飾，使界面變得干凈利落，使畫面變得簡潔的同時(shí)有效地在有限的版面上增加了信息量，也讓設(shè)計(jì)師有更多的時(shí)間處理重要的內(nèi)容。站在用戶角度來看，這種風(fēng)格不只是單純的美化效果，更能為我們帶來舒適的操作體驗(yàn)。現(xiàn)代社會人們每天要花大量時(shí)間通過一個(gè)小屏幕瀏覽信息處理事務(wù)，方便快捷便是這快節(jié)奏生活中最大的需求，清晰地文字與高對比度的色彩在最大程度上縮短了用戶的查找時(shí)間。界面設(shè)計(jì)師們正是因?yàn)榱私饬丝蛻粜枨?，才總結(jié)出來現(xiàn)在“形式服從功能”的扁平化設(shè)計(jì)風(fēng)格。

4.1.2美觀性雖說是“形式服從功能”，但不意味著扁平化風(fēng)格就不美觀，事實(shí)上它在界面設(shè)計(jì)領(lǐng)域取得成功已經(jīng)很好的驗(yàn)證了這一點(diǎn)。具體分析地話還要從它的配色風(fēng)格、字體運(yùn)用、板式設(shè)計(jì)等方面說起。扁平化設(shè)計(jì)的配色風(fēng)格多樣，無論是單色系還是多色系都能很好的駕馭。鮮亮的色彩與強(qiáng)烈的對比是人們對扁平化的固有印象，高飽和的色彩加上設(shè)計(jì)師的用心經(jīng)營可以呈現(xiàn)強(qiáng)烈的視覺效果,帶來年輕活潑的感覺。單色系的運(yùn)用又是另一種感受，單一的顏色將裝飾元素更加弱化，做到了視覺設(shè)計(jì)的最小化。當(dāng)色彩被弱化時(shí)，排版就顯得十分重要。扁平化設(shè)計(jì)最常用的兩種排版方式就是網(wǎng)格系統(tǒng)和大圖運(yùn)用。網(wǎng)格系統(tǒng)最大的優(yōu)勢就是使版面在無形之中呈現(xiàn)出秩序感。我們在瀏覽網(wǎng)頁的時(shí)候最常忽略的空白也是網(wǎng)格的重要組成，留白為畫面增加了呼吸感，劃分了不同的功能區(qū)域。除此之外是大圖的運(yùn)用，鋪滿整個(gè)版面的或是占大面積的圖片加上少量文字，可以為畫面營造出相應(yīng)的氛圍。扁平化風(fēng)格的字體運(yùn)用也有很有代表性。不管是字母還是象形文字都不約而同地偏向與筆畫粗細(xì)一致的字體，無襯線字體留有更多的空間，更加清晰，在有限的分辨率內(nèi)提高了文字的可讀性，就外觀本身而言，無襯線字體簡介明了，更有現(xiàn)代感。

4.2扁平化設(shè)計(jì)風(fēng)格的局限性

扁平化最典型的特征是純色、色塊、去裝飾的設(shè)計(jì)形式，最大化滿足了用戶簡化操作方式的需求。但是這種方式也在很大程度上局限了頁面層級關(guān)系的表現(xiàn)方法，能改變的區(qū)分方式無非是改變大小、顏色、字體的加粗變細(xì)，而對于功能較多的頁面就很難表達(dá)，有時(shí)反而需要更多的頁面來表現(xiàn)，將內(nèi)容變得瑣碎。除此之外，極簡地表達(dá)方式雖然快速美觀的傳遞了信息，但也會給人一種不接地氣的感覺，變得缺乏溫度，并不適合所有受眾。舉例來說，超市的宣傳單頁，電商平臺的終端等就不能完全使用這種風(fēng)格，設(shè)計(jì)師在制作時(shí)要將功能性與受眾審美偏好重點(diǎn)考慮。而在高端設(shè)計(jì)需求中受眾對設(shè)計(jì)的視覺效果又有了更高的需求，扁平化風(fēng)格的固定框架會顯得不夠出眾，需要設(shè)計(jì)師尋求更豐富的設(shè)計(jì)語言來表發(fā)。

參考文獻(xiàn)：

[1]方心怡．扁平化設(shè)計(jì)風(fēng)格下平面視覺元素的應(yīng)用研究.「D」蘇州大學(xué)，2015-03-01.

[2]佀冬梅.扁平化設(shè)計(jì)風(fēng)格在平面設(shè)計(jì)中的應(yīng)用”《文教資料》2019-06-25.

[3]燕林飛.淺析上世紀(jì)末界面設(shè)計(jì)風(fēng)格對當(dāng)下界面設(shè)計(jì)[J].《魅力中國》2018-12-16

[4]張欣，鄒建敏。“視覺符號在扁平化界面設(shè)計(jì)中的應(yīng)用[J].《藝術(shù)探索》2013年6月

[5]侯景艷，熊傳鵬，葉根軍.從符號學(xué)角度解讀扁平化設(shè)計(jì)趨勢[J].《科技創(chuàng)新與應(yīng)用》2014年3月

[6]呂艷麗.多媒體時(shí)代扁平化設(shè)計(jì)風(fēng)格在平面設(shè)計(jì)中的應(yīng)用[J].《教育教學(xué)論壇》2016年7月

作者：王庭如 單位：常州大學(xué)