扁平化設(shè)計風(fēng)格在平面設(shè)計的運用

導(dǎo)語：扁平化設(shè)計風(fēng)格在平面設(shè)計的運用一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

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

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

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

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

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

扁平化設(shè)計風(fēng)格的起源很難追溯具體的時間地點，最早被人熟知是被微軟公司應(yīng)用在WindowsPhone上的Metro風(fēng)格，出現(xiàn)即取得了很大成功，對后期的界面設(shè)計及交互設(shè)計起到了指導(dǎo)性作用。數(shù)字媒體設(shè)計作為一個全新的設(shè)計領(lǐng)域，其主流設(shè)計風(fēng)格中可見幾種現(xiàn)代設(shè)計的影子。2.1現(xiàn)代主義設(shè)計風(fēng)格。20世紀20年代的現(xiàn)代主義設(shè)計風(fēng)格，提倡功能性設(shè)計，去裝飾。以建筑設(shè)計革命為圓心擴散到了各個設(shè)計領(lǐng)域，并在包豪斯設(shè)計學(xué)院建立之后推向高潮。同時期，米斯凡德羅提出的“少即是多”的概念對之后的設(shè)計影響深遠。無論是之后的極簡主義還是現(xiàn)在的扁平化風(fēng)格都是“少即是多”的不斷沿用發(fā)展。2.2國際主義品面設(shè)計風(fēng)格。20世紀50年代的國際主義品面設(shè)計風(fēng)格，也稱瑞士風(fēng)格。這種設(shè)計風(fēng)格喜愛簡潔的畫面，層次分明，具有清晰明確的視覺傳達效果。核心之處是對無襯線字體的大膽運用，著名的Helvetica字體就誕生于這個時期。其次是網(wǎng)格結(jié)構(gòu)的利用，讓簡約的設(shè)計更加富有條理，賦予信息和元素以條理和秩序感，能夠讓元素的邏輯更加順暢。因此網(wǎng)格結(jié)構(gòu)設(shè)計在界面設(shè)計中也是運用非常廣泛的一種方法。2.3極簡主義設(shè)。計20世紀60年代瑞士的極簡主義設(shè)計，通過去除多余的裝飾，將中心內(nèi)容突出成為整個畫面的焦點。極簡主義設(shè)計的典型特征就是對元素進行精簡，運用極少的畫面元素，干凈的線條，幾何化圖形等組成畫面。因此扁平化設(shè)計風(fēng)格并非突然出現(xiàn)的一種全新的形式，它很大程度上受到了上個世紀幾種現(xiàn)代藝術(shù)風(fēng)格的影響。最早由微軟推出的Metro風(fēng)格為扁平化設(shè)計奠定了基礎(chǔ)，為數(shù)字媒體終端提供了更多可行的設(shè)計方案。在微軟之后蘋果也緊跟步伐了ios7，ios7的界面設(shè)計放棄了擬物化設(shè)計，將所有細節(jié)刪除，調(diào)整了陰影紋理，整個視覺效果產(chǎn)生了顛覆性的改變。國內(nèi)的互聯(lián)網(wǎng)公司也相繼做出改變，我們?nèi)粘Ｊ褂玫氖謾CAPP界面在一次次更新中變得越來越簡潔，國產(chǎn)手機系統(tǒng)如小米的MIUI、魅族的Flyme、華為的EMUI等都采用了扁平化設(shè)計風(fēng)格，在UI界面和軟件適配上做出了改變，扁平化設(shè)計風(fēng)格逐漸成為成為界面設(shè)計的主流形式。

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

3.1插畫設(shè)計中的扁平化設(shè)計風(fēng)格。扁平化風(fēng)格的插畫也遵循簡化原則，在空間上會減弱物體的光影效果與細節(jié)，強調(diào)顏色的塊面感與對比沖擊，在繪制上可以用更短的時間創(chuàng)造出更強烈的視覺效果，因此近年來商業(yè)插畫也偏愛這種模式。扁平化插畫的種類也有很多，一些插畫師會選擇直接用純色色塊拼貼、剪切、疊加等方式進行繪制，也有用在色塊內(nèi)部增加肌理來豐富畫面的方式，用最少的筆墨傳達核心內(nèi)容，并讓觀者有最直觀的認識。日本畫家村上隆憑借對扁平化的極致理解，以太陽花系列畫作和二次元創(chuàng)作在藝術(shù)和商業(yè)領(lǐng)域都取得了巨大的成功。3.2包裝設(shè)計中的扁平化設(shè)計風(fēng)格。包裝設(shè)計與界面設(shè)計時具有共通性的，信息傳達空間受限，要在一定空間內(nèi)展示產(chǎn)品信息并快速吸引顧客目光。同類型的產(chǎn)品在價格品質(zhì)相差不大的情況下，包裝設(shè)計影響著顧客的購買欲望，因此包裝還需要產(chǎn)品及品牌營銷的目的。包裝設(shè)計作為商品營銷的重要渠道，設(shè)計師們將扁平化設(shè)計風(fēng)格應(yīng)用到包裝設(shè)計上，通過清晰地文字，簡化的圖形與顏色，規(guī)整的排版，在傳遞產(chǎn)品信息的同時強調(diào)了品牌形象。3.3VI設(shè)計中的扁平化設(shè)計風(fēng)格。近年來VI設(shè)計越發(fā)趨向簡潔的設(shè)計風(fēng)格。標(biāo)志作為VI設(shè)計的核心內(nèi)容，也是各大品牌最為重視的一部分。很多品牌的標(biāo)志會隨著時代審美不斷改變，就品牌文字而言，當(dāng)下的流行趨勢更偏向規(guī)整簡潔無襯線字體。扁平化風(fēng)格進入VI設(shè)計并不只是在內(nèi)容上進行刪減，而是更加注重功能，適當(dāng)?shù)奶砑游淖帧D標(biāo)等設(shè)計元素更有助于表達品牌形象、品牌文化，最重要的是風(fēng)格保持統(tǒng)一，將品牌內(nèi)涵傳達給受眾。

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

4.1扁平化設(shè)計風(fēng)格的優(yōu)勢。4.1.1功能性。對于設(shè)計師而言，逼真地制作現(xiàn)實中的事物會耗費大量的時間和精力，應(yīng)用在面積有限的屏幕上反而使畫面變得瑣碎，顯得有些多余。扁平化設(shè)計去除了這些雞肋的裝飾，使界面變得干凈利落，使畫面變得簡潔的同時有效地在有限的版面上增加了信息量，也讓設(shè)計師有更多的時間處理重要的內(nèi)容。站在用戶角度來看，這種風(fēng)格不只是單純的美化效果，更能為我們帶來舒適的操作體驗。現(xiàn)代社會人們每天要花大量時間通過一個小屏幕瀏覽信息處理事務(wù)，方便快捷便是這快節(jié)奏生活中最大的需求，清晰地文字與高對比度的色彩在最大程度上縮短了用戶的查找時間。界面設(shè)計師們正是因為了解了客戶需求，才總結(jié)出來現(xiàn)在“形式服從功能”的扁平化設(shè)計風(fēng)格。4.1.2美觀性。雖說是“形式服從功能”，但不意味著扁平化風(fēng)格就不美觀，事實上它在界面設(shè)計領(lǐng)域取得成功已經(jīng)很好的驗證了這一點。具體分析地話還要從它的配色風(fēng)格、字體運用、板式設(shè)計等方面說起。扁平化設(shè)計的配色風(fēng)格多樣，無論是單色系還是多色系都能很好的駕馭。鮮亮的色彩與強烈的對比是人們對扁平化的固有印象，高飽和的色彩加上設(shè)計師的用心經(jīng)營可以呈現(xiàn)強烈的視覺效果,帶來年輕活潑的感覺。單色系的運用又是另一種感受，單一的顏色將裝飾元素更加弱化，做到了視覺設(shè)計的最小化。當(dāng)色彩被弱化時，排版就顯得十分重要。扁平化設(shè)計最常用的兩種排版方式就是網(wǎng)格系統(tǒng)和大圖運用。網(wǎng)格系統(tǒng)最大的優(yōu)勢就是使版面在無形之中呈現(xiàn)出秩序感。我們在瀏覽網(wǎng)頁的時候最常忽略的空白也是網(wǎng)格的重要組成，留白為畫面增加了呼吸感，劃分了不同的功能區(qū)域。除此之外是大圖的運用，鋪滿整個版面的或是占大面積的圖片加上少量文字，可以為畫面營造出相應(yīng)的氛圍。扁平化風(fēng)格的字體運用也有很有代表性。不管是字母還是象形文字都不約而同地偏向與筆畫粗細一致的字體，無襯線字體留有更多的空間，更加清晰，在有限的分辨率內(nèi)提高了文字的可讀性，就外觀本身而言，無襯線字體簡介明了，更有現(xiàn)代感。4.2扁平化設(shè)計風(fēng)格的局限性。扁平化最典型的特征是純色、色塊、去裝飾的設(shè)計形式，最大化滿足了用戶簡化操作方式的需求。但是這種方式也在很大程度上局限了頁面層級關(guān)系的表現(xiàn)方法，能改變的區(qū)分方式無非是改變大小、顏色、字體的加粗變細，而對于功能較多的頁面就很難表達，有時反而需要更多的頁面來表現(xiàn)，將內(nèi)容變得瑣碎。除此之外，極簡地表達方式雖然快速美觀的傳遞了信息，但也會給人一種不接地氣的感覺，變得缺乏溫度，并不適合所有受眾。舉例來說，超市的宣傳單頁，電商平臺的終端等就不能完全使用這種風(fēng)格，設(shè)計師在制作時要將功能性與受眾審美偏好重點考慮。而在高端設(shè)計需求中受眾對設(shè)計的視覺效果又有了更高的需求，扁平化風(fēng)格的固定框架會顯得不夠出眾，需要設(shè)計師尋求更豐富的設(shè)計語言來表發(fā)。

參考文獻：

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

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

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

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

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

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

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