圖形扁平化設(shè)計的視覺應(yīng)用研究*

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

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

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

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

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

1.矢量圖的運用

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

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

2.明快的配色

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

3.拒絕特效

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

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

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

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

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

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

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

1.用色選擇

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

具體配色方案大致可分為以下三類：

（1）高飽和度的亮色

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

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

（2）復(fù)古色

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

（3）單色系

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

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

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

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

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

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

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

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

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

1.投影效果

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

2.漸變色效果

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

色彩微梯度設(shè)計并不完全等同于準(zhǔn)物化設(shè)計。它采用了漸變的形式，但顏色仍然呈現(xiàn)出平淡的色彩特征。微梯度采用明快的色調(diào)進行色彩選擇。通過色彩亮度對比和色調(diào)對比，微梯度逐漸變得更加時尚和年輕，增強了用戶對象的情感體驗。微梯度可分為三種形式：單色相位梯度、多色相位微梯度和不同亮度微梯度。

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

三、結(jié)論

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

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