文/徐雯雯 史墨（北京印刷學(xué)院）

一、圖形扁平化相關(guān)理論概述

（一）圖形扁平化設(shè)計(jì)的定義

圖形扁平化設(shè)計(jì)是指圖形扁平化設(shè)計(jì)過(guò)程的總體二維規(guī)劃，摒棄高光、漸變、陰影等各種裝飾紋理，盡可能減少立體設(shè)計(jì)，給人以更加流暢、簡(jiǎn)單的視覺(jué)效果[1]。圖形項(xiàng)目強(qiáng)烈支持極簡(jiǎn)主義項(xiàng)目。其核心是遵循形式與使用簡(jiǎn)短的圖形符號(hào)和吸引人的鮮艷色彩，使設(shè)計(jì)效果能迅速引起用戶的注意，符合人們對(duì)信息可視化和視覺(jué)美學(xué)的心理需求[2]。在過(guò)去的兩年里，圖形扁平化設(shè)計(jì)已被許多設(shè)計(jì)師所追求和青睞。無(wú)論是設(shè)計(jì)便攜式互聯(lián)網(wǎng)終端的界面還是設(shè)計(jì)視覺(jué)傳達(dá)，這似乎已經(jīng)成為現(xiàn)代設(shè)計(jì)的趨勢(shì)。到目前為止，它的受歡迎程度有所提高，這表明圖形扁平化設(shè)計(jì)并不是一種暫時(shí)的趨勢(shì)[3]。在大數(shù)據(jù)時(shí)代，人們生活在一個(gè)快速發(fā)展的社會(huì)生活中。他們每天都會(huì)收到各種各樣的信息。改善這么多復(fù)雜的信息不僅會(huì)讓人們身心疲憊，還會(huì)讓事物在視覺(jué)上變得疲憊。這就是為什么人們?cè)敢饣氐叫睦砩畹谋举|(zhì)，而簡(jiǎn)單圖形圖案的出現(xiàn)使人們看起來(lái)煥然一新。圖形扁平化設(shè)計(jì)受到設(shè)計(jì)師和人們的追捧，這不僅僅是設(shè)計(jì)師思維方式的改變，也符合人們對(duì)簡(jiǎn)約、清新美的情感追求[4]。

（二）圖形扁平化設(shè)計(jì)的特征

1.矢量圖的運(yùn)用

平面圖形之所以如此流行，一個(gè)原因是它非常適合移動(dòng)互聯(lián)網(wǎng)的發(fā)展特點(diǎn)，風(fēng)格簡(jiǎn)單，圖形矢量化。一般來(lái)說(shuō)，蘋(píng)果和安卓手機(jī)的屏幕都很小，但如此小的尺寸很難集成到復(fù)雜的信息量中。因此，一些復(fù)雜的圖形元素不僅不利于人們的行為，而且降低了信息識(shí)別的速度[5]。

設(shè)計(jì)師經(jīng)常使用矢量圖形。在研究、實(shí)踐和工作過(guò)程中，設(shè)計(jì)師接觸到了計(jì)算機(jī)AI和CDR等矢量圖形。矢量圖形不影響分辨率，可以任意調(diào)整和重新組織，這也是高質(zhì)量矢量圖形的一個(gè)特點(diǎn)。無(wú)論放大多少倍，它都不會(huì)創(chuàng)建馬賽克狀態(tài)。此外，矢量圖的優(yōu)點(diǎn)是它可以自由、舒適地填充所需的顏色。

2.明快的配色

圖形扁平化設(shè)計(jì)采用明亮的色彩、復(fù)古色彩和單色系統(tǒng)，色彩豐富。醒目的顏色和色彩豐富了視覺(jué)效果，可以有效地向人們傳達(dá)信息。明亮的顏色在明亮和黑暗的環(huán)境中都非常明顯，能迅速引起人們的注意。此外，明亮的色調(diào)和溫暖的色調(diào)完美結(jié)合，讓觀眾感到非常舒適和快樂(lè)；復(fù)古色彩的運(yùn)用給人一種柔和的情感享受，給觀眾一種視覺(jué)解放；單色亮度的變化可以讓用戶更快地理解信息的內(nèi)容和信息水平，讓用戶感覺(jué)到視覺(jué)運(yùn)動(dòng)線清晰明了，能快速提高信息獲取的效率[6]。

3.拒絕特效

圖形展平可以從字面上理解為“平面圖形”。平面圖形扁平化設(shè)計(jì)最顯著的特點(diǎn)是二維，摒棄裝飾肌理、立體陰影和漸變，不使用所有具有三維效果的元素。展平圖形的所有邊緣都是干凈的，沒(méi)有羽毛、度和陰影。其目的是簡(jiǎn)化圖形，使人們關(guān)注信息本身，而不是美觀的裝飾效果[7]。

二、圖形扁平化設(shè)計(jì)方法探究

（一）圖形造型從具象到抽象

基本上，圖形涂層包括將原始具體內(nèi)容和實(shí)際內(nèi)容轉(zhuǎn)換為抽象圖形。這一過(guò)程只能在很高的層次上完成，因?yàn)樾枰芎玫乩斫夂娃D(zhuǎn)換原始的具體和現(xiàn)實(shí)的內(nèi)容，通過(guò)簡(jiǎn)單的形式來(lái)表達(dá)它。轉(zhuǎn)換和表達(dá)內(nèi)容的過(guò)程主要表現(xiàn)在三個(gè)階段：圖形扁平化設(shè)計(jì)的定義、圖形和幾何的符號(hào)化。這三個(gè)階段所表達(dá)的圖畫(huà)通常具有強(qiáng)烈的視覺(jué)體驗(yàn)。在這方面，米潘德羅曾提出“或多或少都有”的理論。借助這一理論，我們還可以清楚地理解圖形涂層遵循的原則和方法。然而，圖形展平的操作也是一個(gè)對(duì)操作要求很高的過(guò)程。圖形展平并沒(méi)有放棄一切，但是會(huì)讓項(xiàng)目的內(nèi)容非常直接地表達(dá)出來(lái)。這樣的結(jié)構(gòu)不能稱(chēng)為規(guī)劃，只能說(shuō)有一個(gè)空洞的內(nèi)容。在這種情況下，設(shè)計(jì)師首先在平衡圖形時(shí)還需要注意某些操作步驟。最重要的是，設(shè)計(jì)師必須具備強(qiáng)大的觀察和歸納能力，以便通過(guò)歸納和設(shè)計(jì)的可能性將復(fù)雜內(nèi)容轉(zhuǎn)化為簡(jiǎn)單內(nèi)容。其次，他們必須準(zhǔn)確地捕捉對(duì)象的特征，并通過(guò)自己的思維和抽象方法準(zhǔn)確地表達(dá)對(duì)象的特征，這可以稱(chēng)為圖形壓扁[8]。

（二）圖形造型從立體到扁平

早在20世紀(jì)初，有兩位學(xué)者就提出了圖形剝落理論。根據(jù)這些理論，我們可以清楚地理解，所謂的圖形涂層實(shí)際上是對(duì)原始繁重內(nèi)容的概括和綜合，然后是表達(dá)的抽象方法。對(duì)于這種表達(dá)行為，設(shè)計(jì)師需要更多地關(guān)注項(xiàng)目的功能，減少其幻想。傳統(tǒng)的設(shè)計(jì)方法通常使用許多方法使事物看起來(lái)特別。通過(guò)這些具體的外觀，設(shè)計(jì)內(nèi)容更具模擬性，并采用高亮、著色和紋理等多種方法加深對(duì)象的紋理、空間和層次。作為一種非常簡(jiǎn)單的設(shè)計(jì)方法，圖形展平的設(shè)計(jì)原則是放棄這些冗余的描述技術(shù)，但它們不能同時(shí)被完全拋棄，其中一些需要保留。在flat 2.0中，一系列圖案還添加了陰影和漸變，但在這種展開(kāi)狀態(tài)下，這些陰影和漸變也不同于傳統(tǒng)的陰影和漸變。除了原來(lái)多余的裝飾設(shè)計(jì)以外，這種圖形扁平化設(shè)計(jì)還可以更好地傳達(dá)設(shè)計(jì)本身的內(nèi)容，使用戶能夠更好地接收信息[9]。

（三）圖形扁平化色彩設(shè)計(jì)

1.用色選擇

當(dāng)圖形扁平化設(shè)計(jì)拋棄了所有的裝飾效果，需要構(gòu)建圖形特征、劃分信息層次、表達(dá)空間感時(shí)，色彩的選擇起著至關(guān)重要的作用。圖形扁平化設(shè)計(jì)的流行色彩有亮色、復(fù)古色和單色。歸根結(jié)底，這是色調(diào)和飽和度的選擇。有很多種顏色可供選擇，但相互映襯的深色使用得更多。使用對(duì)比度大的顏色可以極大地吸引人們的注意力。在以前的準(zhǔn)物化設(shè)計(jì)中，顏色并不多，因?yàn)闇?zhǔn)物化注重細(xì)節(jié)的深化。如果使用太多的顏色，會(huì)給人一種混亂感。但是，平面圖形設(shè)計(jì)會(huì)刪除圖形上的所有裝飾效果。此時(shí)，色彩將承擔(dān)情感傳遞和信息層次劃分的功能。因此，圖形扁平化設(shè)計(jì)中色彩的多樣化選擇成為整個(gè)設(shè)計(jì)的畫(huà)龍點(diǎn)睛。

具體配色方案大致可分為以下三類(lèi)：

（1）高飽和度的亮色

使用顏色明亮的純色是圖形扁平化設(shè)計(jì)的一個(gè)突出特點(diǎn)。在圖形扁平化設(shè)計(jì)中，純色被廣泛使用，而沒(méi)有任何稀釋和軟化。依據(jù)圖形扁平化設(shè)計(jì)的配色原則，無(wú)論色彩如何搭配，都應(yīng)始終注重色調(diào)和飽和度的協(xié)調(diào)。使用高飽和度的顏色可以在視覺(jué)上吸引人們的注意力。無(wú)論背景是亮是暗，背景色都不會(huì)奪走人們的注意力。所以，高飽和度的明亮色彩所包含的信息是作品需要傳達(dá)的主要信息。

此外，明亮的色彩傳達(dá)給人們的情感信息也令人愉悅和放松。明亮的檸檬黃來(lái)傳達(dá)一種情感感覺(jué)，很多糖果包裝商就利用了這一點(diǎn)，深受婦女和兒童的喜愛(ài)。在扁平化不流行之前，人們通常不敢在界面設(shè)計(jì)中使用高飽和度的顏色。

（2）復(fù)古色

圖形色彩表現(xiàn)平淡，復(fù)古色彩也很受歡迎。復(fù)古色是將灰色添加到純色中，以降低其飽和度，使顏色更柔和。復(fù)古色彩通常以大量淺橙色、黃色、藍(lán)灰色和紫色為主。在圖形扁平化設(shè)計(jì)中，復(fù)古色彩經(jīng)常出現(xiàn)在圖形扁平化設(shè)計(jì)作品中，與柔和、大氣、舒緩的色彩搭配。無(wú)論是白配還是黑配，都能和諧突出信息主體。

（3）單色系

平面圖形的色彩有兩種表現(xiàn)方式，一種是兩種以上的色彩搭配；另一種是只使用一種顏色。色彩豐富，可讓人感覺(jué)溫暖活潑，單色系統(tǒng)的使用有時(shí)也會(huì)透露出清新典雅的味道。除了在設(shè)計(jì)中使用一種顏色外，單色系統(tǒng)還可以使用相同的顏色系統(tǒng)，具有不同的亮度和純度。無(wú)論是單色還是純色，這種方法都是為了保持圖片的整潔和統(tǒng)一。包裝設(shè)計(jì)和標(biāo)志設(shè)計(jì)采用單色系統(tǒng)，在視覺(jué)上簡(jiǎn)化了平面圖形設(shè)計(jì)，簡(jiǎn)化了裝飾效果，最大限度地發(fā)揮了信息傳播功能。

2.圖形扁平化設(shè)計(jì)中色彩調(diào)和

色彩和諧也是平面風(fēng)格包裝設(shè)計(jì)和海報(bào)設(shè)計(jì)的重要內(nèi)容。所有的色彩和諧都離不開(kāi)色輪，色輪是實(shí)現(xiàn)色彩和諧的重要工具?；旧屎椭C有三種方法：統(tǒng)一和諧、相似和諧與秩序和諧。根據(jù)視覺(jué)傳達(dá)設(shè)計(jì)的實(shí)際情況，選擇合適的混合方法，使用有針對(duì)性的色彩混合方法可以使設(shè)計(jì)畫(huà)面整體和諧有序[10]。

（1）統(tǒng)一調(diào)和

當(dāng)兩種或兩種以上的顏色搭配在一起時(shí)，更令人眼花繚亂的感覺(jué)是將相同的顏色添加到整個(gè)顏色中，為兩者添加統(tǒng)一的因素，改變顏色的亮度、色調(diào)和純度，并逐漸軟化令人眼花繚亂的顏色。要增加團(tuán)結(jié)感，可以添加相同的因素。相同的混合包括：混合相同的白色混合物；在相同的黑色中混合以混合；與相同的灰色混合；以主音和主音混合；混合在同一中間色和多色的和諧中；相互交融,和諧相處；相同色調(diào)的和諧；和諧與輕盈。

例如，當(dāng)兩種顏色面積相等并成為互補(bǔ)色時(shí)，紅色和綠色、黃色和紫色、藍(lán)色和橙色等由于強(qiáng)烈的對(duì)比而不那么協(xié)調(diào)。但是，如果由于相同的因素，將相同的色調(diào)添加到兩種顏色（如灰色）中，對(duì)比度就不再那么強(qiáng)烈，因此圖片變得輕松，明亮的紅色和綠色變成灰紅色和灰綠色。

（2）類(lèi)似調(diào)和

與和聲相似，從字面上看，它是用小間隙調(diào)和顏色。這兩種顏色有更多相同的成分，非常相似。將具有相似顏色屬性和程度的顏色組合起來(lái)，或增加對(duì)比色各方的認(rèn)同感，縮小顏色之間的差距，避免和削弱對(duì)比感，獲得近似色彩和諧的基本途徑。和解不是絕對(duì)的同一性，必須保留分歧。類(lèi)似的和解是一種較為溫和的和解方式。

（四）圖形扁平化多維設(shè)計(jì)表現(xiàn)方法

1.投影效果

在圖形中添加投影效果是圖形半圖形扁平化設(shè)計(jì)的形式特征，也是2017年以來(lái)最流行的設(shè)計(jì)形式。在圖形中加入投影效果，使圖形更加立體，具有一定的視覺(jué)深度，標(biāo)志著平面圖形向多維三維圖形的轉(zhuǎn)變。在平面圖形設(shè)計(jì)中加入投影效果主要用于系統(tǒng)圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)。投影也可分為長(zhǎng)投影圖形扁平化設(shè)計(jì)和短投影圖形扁平化設(shè)計(jì)[11]。

2.漸變色效果

平面漸變?cè)O(shè)計(jì)廣泛應(yīng)用于界面設(shè)計(jì)、海報(bào)設(shè)計(jì)、圖標(biāo)設(shè)計(jì)和標(biāo)志設(shè)計(jì)。其目的因設(shè)計(jì)對(duì)象的不同而不同。微梯度在圖標(biāo)設(shè)計(jì)和界面設(shè)計(jì)中的應(yīng)用是為了創(chuàng)造一種空間感。在標(biāo)志和海報(bào)設(shè)計(jì)中，微梯度的作用是豐富圖形元素，美化圖片的視覺(jué)效果。美學(xué)心理學(xué)家斯蒂芬·帕爾默認(rèn)為：“當(dāng)設(shè)計(jì)看起來(lái)平滑時(shí)，人們會(huì)感到安全?！碧荻冉o人一種流動(dòng)性的感覺(jué)。它不像單一的顏色那么硬，也不像一種顏色那么臟。漸變讓人們?cè)诤?jiǎn)單和復(fù)雜之間找到平衡。

色彩微梯度設(shè)計(jì)并不完全等同于準(zhǔn)物化設(shè)計(jì)。它采用了漸變的形式，但顏色仍然呈現(xiàn)出平淡的色彩特征。微梯度采用明快的色調(diào)進(jìn)行色彩選擇。通過(guò)色彩亮度對(duì)比和色調(diào)對(duì)比，微梯度逐漸變得更加時(shí)尚和年輕，增強(qiáng)了用戶對(duì)象的情感體驗(yàn)。微梯度可分為三種形式：?jiǎn)紊辔惶荻取⒍嗌辔晃⑻荻群筒煌炼任⑻荻取?/p>

單色相位梯度可以直接理解為同一色調(diào)內(nèi)的梯度。單色漸變會(huì)由于顏色亮度的不同變化使人們的視覺(jué)更加透明，從而增加圖片的顏色變化，而不會(huì)使人們對(duì)不變的純色感到“遲鈍”。單色相位梯度在UI設(shè)計(jì)中的應(yīng)用非常靈活[12]。

三、結(jié)論

圖形扁平化設(shè)計(jì)的普及順應(yīng)了時(shí)代的發(fā)展，表達(dá)了高效的設(shè)計(jì)功能和簡(jiǎn)潔的視覺(jué)體驗(yàn)，給人們的生活帶來(lái)了諸多變化，滿足了人們對(duì)簡(jiǎn)單高效生活的追求。這一趨勢(shì)的背后體現(xiàn)出了科學(xué)技術(shù)的進(jìn)步、社會(huì)時(shí)代的發(fā)展和人們思想觀念的轉(zhuǎn)變。

本文從當(dāng)代視覺(jué)傳達(dá)的視角出發(fā)，著眼于理解圖形扁平化設(shè)計(jì)的過(guò)去和現(xiàn)在，對(duì)圖形扁平化設(shè)計(jì)進(jìn)行了明確的定義，總結(jié)了圖形扁平化設(shè)計(jì)的設(shè)計(jì)特點(diǎn)，探討了圖形扁平化設(shè)計(jì)的功能原理，圖形扁平化設(shè)計(jì)應(yīng)遵循的視覺(jué)語(yǔ)言原則和創(chuàng)新原則。根據(jù)視覺(jué)傳達(dá)設(shè)計(jì)人性化、多樣化的特點(diǎn)，圖形扁平化設(shè)計(jì)的過(guò)程就是對(duì)具體圖形元素進(jìn)行抽象的過(guò)程。具體的圖形抽象是通過(guò)設(shè)計(jì)師的高度概括能力提煉關(guān)鍵元素，并將其簡(jiǎn)化為圖形符號(hào)和幾何圖形，形成完美的設(shè)計(jì)作品。視覺(jué)傳達(dá)設(shè)計(jì)涉及多個(gè)領(lǐng)域，不同領(lǐng)域的具體應(yīng)用重點(diǎn)不同。本文分析了圖形扁平化設(shè)計(jì)在標(biāo)志設(shè)計(jì)、包裝設(shè)計(jì)和海報(bào)設(shè)計(jì)三個(gè)領(lǐng)域的不同應(yīng)用形式，為圖形扁平化設(shè)計(jì)在未來(lái)的實(shí)際應(yīng)用提供了理論參考。