圖形扁平化設計的視覺應用研究*

文/徐雯雯 史墨（北京印刷學院）

一、圖形扁平化相關理論概述

（一）圖形扁平化設計的定義

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

（二）圖形扁平化設計的特征

1.矢量圖的運用

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

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

2.明快的配色

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

3.拒絕特效

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

二、圖形扁平化設計方法探究

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

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

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

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

（三）圖形扁平化色彩設計

1.用色選擇

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

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

（1）高飽和度的亮色

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

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

（2）復古色

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

（3）單色系

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

2.圖形扁平化設計中色彩調和

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

（1）統一調和

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

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

（2）類似調和

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

（四）圖形扁平化多維設計表現方法

1.投影效果

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

2.漸變色效果

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

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

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

三、結論

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

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