平面設(shè)計(jì)中扁平化設(shè)計(jì)風(fēng)格的應(yīng)用
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了平面設(shè)計(jì)中扁平化設(shè)計(jì)風(fēng)格的應(yīng)用范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。
摘要：在信息咨詢?nèi)諠u發(fā)達(dá)的今天，人們每天都要通過(guò)手機(jī)電腦等設(shè)備中接收處理大量的信息，因此界面設(shè)計(jì)與交互設(shè)計(jì)在現(xiàn)代生活中就顯得尤為重要。扁平化風(fēng)格作為一種高效的設(shè)計(jì)風(fēng)格已經(jīng)被廣泛應(yīng)用于各類數(shù)字終端，悄無(wú)聲息地融入了日常生活。扁平化風(fēng)格也早已從顯示屏投影到了整個(gè)平面設(shè)計(jì)領(lǐng)域，在插畫設(shè)計(jì)、VI設(shè)計(jì)、包裝設(shè)計(jì)、平面廣告設(shè)計(jì)等方面都有涉及。本文將通過(guò)對(duì)扁平化風(fēng)格的起源、應(yīng)用等方面的探索，分析扁平化設(shè)計(jì)風(fēng)格對(duì)現(xiàn)代平面設(shè)計(jì)的影響。
關(guān)鍵詞：扁平化設(shè)計(jì);平面設(shè)計(jì);視覺(jué)元素;應(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ì)過(guò)程中去除一切三維效果的視覺(jué)效果，例如漸變、投影、高光、反光等。在表現(xiàn)形式上以內(nèi)容為主，對(duì)信息排版和較少的配色進(jìn)行平面化處理，通過(guò)對(duì)色塊、抽象圖形以及簡(jiǎn)潔的無(wú)襯線字體等元素的運(yùn)用，將重要內(nèi)容突出，排除干擾項(xiàng)。扁平化的極簡(jiǎn)是對(duì)版面信息的提煉設(shè)計(jì)，更加注重功能性，將核心內(nèi)容更加快速地展現(xiàn)在用戶眼前。扁平化設(shè)計(jì)風(fēng)格因其高效快速地特點(diǎn)深受設(shè)計(jì)師喜愛(ài)，就界面設(shè)計(jì)和交互設(shè)計(jì)而言，這種設(shè)計(jì)對(duì)各類數(shù)字終端具有更好的適配性，前段制作的難度也大大降低。多媒體時(shí)代下，界面設(shè)計(jì)與交互設(shè)計(jì)作為數(shù)字媒體設(shè)計(jì)中的一個(gè)重要領(lǐng)域，對(duì)現(xiàn)代平面設(shè)計(jì)也產(chǎn)生了很大的影響，大道至簡(jiǎn)的藝術(shù)逐漸深入人心。
2扁平化設(shè)計(jì)風(fēng)格的起源與發(fā)展
扁平化設(shè)計(jì)風(fēng)格的起源很難追溯具體的時(shí)間地點(diǎn)，最早被人熟知是被微軟公司應(yīng)用在WindowsPhone上的Metro風(fēng)格，出現(xiàn)即取得了很大成功，對(duì)后期的界面設(shè)計(jì)及交互設(shè)計(jì)起到了指導(dǎo)性作用。數(shù)字媒體設(shè)計(jì)作為一個(gè)全新的設(shè)計(jì)領(lǐng)域，其主流設(shè)計(jì)風(fēng)格中可見(jiàn)幾種現(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í)期，米斯凡德羅提出的“少即是多”的概念對(duì)之后的設(shè)計(jì)影響深遠(yuǎn)。無(wú)論是之后的極簡(jiǎn)主義還是現(xiàn)在的扁平化風(fēng)格都是“少即是多”的不斷沿用發(fā)展。
2.2國(guó)際主義品面設(shè)計(jì)風(fēng)格
20世紀(jì)50年代的國(guó)際主義品面設(shè)計(jì)風(fēng)格，也稱瑞士風(fēng)格。這種設(shè)計(jì)風(fēng)格喜愛(ài)簡(jiǎn)潔的畫面，層次分明，具有清晰明確的視覺(jué)傳達(dá)效果。核心之處是對(duì)無(wú)襯線字體的大膽運(yùn)用，著名的Helvetica字體就誕生于這個(gè)時(shí)期。其次是網(wǎng)格結(jié)構(gòu)的利用，讓簡(jiǎn)約的設(shè)計(jì)更加富有條理，賦予信息和元素以條理和秩序感，能夠讓元素的邏輯更加順暢。因此網(wǎng)格結(jié)構(gòu)設(shè)計(jì)在界面設(shè)計(jì)中也是運(yùn)用非常廣泛的一種方法。
2.3極簡(jiǎn)主義設(shè)計(jì)
20世紀(jì)60年代瑞士的極簡(jiǎn)主義設(shè)計(jì)，通過(guò)去除多余的裝飾，將中心內(nèi)容突出成為整個(gè)畫面的焦點(diǎn)。極簡(jiǎn)主義設(shè)計(jì)的典型特征就是對(duì)元素進(jìn)行精簡(jiǎ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è)視覺(jué)效果產(chǎn)生了顛覆性的改變。國(guó)內(nèi)的互聯(lián)網(wǎng)公司也相繼做出改變，我們?nèi)粘Ｊ褂玫氖謾C(jī)APP界面在一次次更新中變得越來(lái)越簡(jiǎn)潔，國(guó)產(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)格的插畫也遵循簡(jiǎn)化原則，在空間上會(huì)減弱物體的光影效果與細(xì)節(jié)，強(qiáng)調(diào)顏色的塊面感與對(duì)比沖擊，在繪制上可以用更短的時(shí)間創(chuàng)造出更強(qiáng)烈的視覺(jué)效果，因此近年來(lái)商業(yè)插畫也偏愛(ài)這種模式。扁平化插畫的種類也有很多，一些插畫師會(huì)選擇直接用純色色塊拼貼、剪切、疊加等方式進(jìn)行繪制，也有用在色塊內(nèi)部增加肌理來(lái)豐富畫面的方式，用最少的筆墨傳達(dá)核心內(nèi)容，并讓觀者有最直觀的認(rèn)識(shí)。日本畫家村上隆憑借對(duì)扁平化的極致理解，以太陽(yáng)花系列畫作和二次元?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ì)影響著顧客的購(gòu)買欲望，因此包裝還需要產(chǎn)品及品牌營(yíng)銷的目的。包裝設(shè)計(jì)作為商品營(yíng)銷的重要渠道，設(shè)計(jì)師們將扁平化設(shè)計(jì)風(fēng)格應(yīng)用到包裝設(shè)計(jì)上，通過(guò)清晰地文字，簡(jiǎn)化的圖形與顏色，規(guī)整的排版，在傳遞產(chǎn)品信息的同時(shí)強(qiáng)調(diào)了品牌形象。
3.3VI設(shè)計(jì)中的扁平化設(shè)計(jì)風(fēng)格
近年來(lái)VI設(shè)計(jì)越發(fā)趨向簡(jiǎn)潔的設(shè)計(jì)風(fēng)格。標(biāo)志作為VI設(shè)計(jì)的核心內(nèi)容，也是各大品牌最為重視的一部分。很多品牌的標(biāo)志會(huì)隨著時(shí)代審美不斷改變，就品牌文字而言，當(dāng)下的流行趨勢(shì)更偏向規(guī)整簡(jiǎn)潔無(wú)襯線字體。扁平化風(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)勢(shì)與局限性
4.1扁平化設(shè)計(jì)風(fēng)格的優(yōu)勢(shì)
4.1.1功能性對(duì)于設(shè)計(jì)師而言，逼真地制作現(xiàn)實(shí)中的事物會(huì)耗費(fèi)大量的時(shí)間和精力，應(yīng)用在面積有限的屏幕上反而使畫面變得瑣碎，顯得有些多余。扁平化設(shè)計(jì)去除了這些雞肋的裝飾，使界面變得干凈利落，使畫面變得簡(jiǎn)潔的同時(shí)有效地在有限的版面上增加了信息量，也讓設(shè)計(jì)師有更多的時(shí)間處理重要的內(nèi)容。站在用戶角度來(lái)看，這種風(fēng)格不只是單純的美化效果，更能為我們帶來(lái)舒適的操作體驗(yàn)。現(xiàn)代社會(huì)人們每天要花大量時(shí)間通過(guò)一個(gè)小屏幕瀏覽信息處理事務(wù)，方便快捷便是這快節(jié)奏生活中最大的需求，清晰地文字與高對(duì)比度的色彩在最大程度上縮短了用戶的查找時(shí)間。界面設(shè)計(jì)師們正是因?yàn)榱私饬丝蛻粜枨?，才總結(jié)出來(lái)現(xiàn)在“形式服從功能”的扁平化設(shè)計(jì)風(fēng)格。
4.1.2美觀性雖說(shuō)是“形式服從功能”，但不意味著扁平化風(fēng)格就不美觀，事實(shí)上它在界面設(shè)計(jì)領(lǐng)域取得成功已經(jīng)很好的驗(yàn)證了這一點(diǎn)。具體分析地話還要從它的配色風(fēng)格、字體運(yùn)用、板式設(shè)計(jì)等方面說(shuō)起。扁平化設(shè)計(jì)的配色風(fēng)格多樣，無(wú)論是單色系還是多色系都能很好的駕馭。鮮亮的色彩與強(qiáng)烈的對(duì)比是人們對(duì)扁平化的固有印象，高飽和的色彩加上設(shè)計(jì)師的用心經(jīng)營(yíng)可以呈現(xiàn)強(qiáng)烈的視覺(jué)效果,帶來(lái)年輕活潑的感覺(jué)。單色系的運(yùn)用又是另一種感受，單一的顏色將裝飾元素更加弱化，做到了視覺(jué)設(shè)計(jì)的最小化。當(dāng)色彩被弱化時(shí)，排版就顯得十分重要。扁平化設(shè)計(jì)最常用的兩種排版方式就是網(wǎng)格系統(tǒng)和大圖運(yùn)用。網(wǎng)格系統(tǒng)最大的優(yōu)勢(shì)就是使版面在無(wú)形之中呈現(xiàn)出秩序感。我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候最常忽略的空白也是網(wǎng)格的重要組成，留白為畫面增加了呼吸感，劃分了不同的功能區(qū)域。除此之外是大圖的運(yùn)用，鋪滿整個(gè)版面的或是占大面積的圖片加上少量文字，可以為畫面營(yíng)造出相應(yīng)的氛圍。扁平化風(fēng)格的字體運(yùn)用也有很有代表性。不管是字母還是象形文字都不約而同地偏向與筆畫粗細(xì)一致的字體，無(wú)襯線字體留有更多的空間，更加清晰，在有限的分辨率內(nèi)提高了文字的可讀性，就外觀本身而言，無(wú)襯線字體簡(jiǎn)介明了，更有現(xiàn)代感。
4.2扁平化設(shè)計(jì)風(fēng)格的局限性
扁平化最典型的特征是純色、色塊、去裝飾的設(shè)計(jì)形式，最大化滿足了用戶簡(jiǎn)化操作方式的需求。但是這種方式也在很大程度上局限了頁(yè)面層級(jí)關(guān)系的表現(xiàn)方法，能改變的區(qū)分方式無(wú)非是改變大小、顏色、字體的加粗變細(xì)，而對(duì)于功能較多的頁(yè)面就很難表達(dá)，有時(shí)反而需要更多的頁(yè)面來(lái)表現(xiàn)，將內(nèi)容變得瑣碎。除此之外，極簡(jiǎn)地表達(dá)方式雖然快速美觀的傳遞了信息，但也會(huì)給人一種不接地氣的感覺(jué)，變得缺乏溫度，并不適合所有受眾。舉例來(lái)說(shuō)，超市的宣傳單頁(yè)，電商平臺(tái)的終端等就不能完全使用這種風(fēng)格，設(shè)計(jì)師在制作時(shí)要將功能性與受眾審美偏好重點(diǎn)考慮。而在高端設(shè)計(jì)需求中受眾對(duì)設(shè)計(jì)的視覺(jué)效果又有了更高的需求，扁平化風(fēng)格的固定框架會(huì)顯得不夠出眾，需要設(shè)計(jì)師尋求更豐富的設(shè)計(jì)語(yǔ)言來(lái)表發(fā)。
參考文獻(xiàn)：
[1]方心怡．扁平化設(shè)計(jì)風(fēng)格下平面視覺(jué)元素的應(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)格對(duì)當(dāng)下界面設(shè)計(jì)[J].《魅力中國(guó)》2018-12-16
[4]張欣，鄒建敏?！耙曈X(jué)符號(hào)在扁平化界面設(shè)計(jì)中的應(yīng)用[J].《藝術(shù)探索》2013年6月
[5]侯景艷，熊傳鵬，葉根軍.從符號(hào)學(xué)角度解讀扁平化設(shè)計(jì)趨勢(shì)[J].《科技創(chuàng)新與應(yīng)用》2014年3月
[6]呂艷麗.多媒體時(shí)代扁平化設(shè)計(jì)風(fēng)格在平面設(shè)計(jì)中的應(yīng)用[J].《教育教學(xué)論壇》2016年7月
作者：王庭如 單位：常州大學(xué)