插圖設計中扁平化圖形表現方法研究

周朕慧 李湘媛

摘要：分析插圖的設計要點與扁平化圖形設計方法，提升插圖設計的簡約性和實用性。為了更加系統全面地對插圖設計中扁平化圖形進行探究說明，具體采用了以下幾種研究方法：文獻資料分析法、歸納演繹法、舉例法、多學科交叉法、實踐法。得到扁平化圖形設計的表現方法。該研究可為扁平化插圖設計的創新與發展提供參考。

關鍵詞：插圖設計 扁平化 圖形 裝飾 表現方法

中圖分類號：J218.5

文獻標識碼：A

文章編號：1003-0069（2021）05-0139-03

引言

當今視覺傳達設計已經進入一個去繁從簡、追求簡潔的時代。隨著當今信息傳播媒介的多樣性和大眾的審美要求，擬物化設計所用的肌理、質感等設計技巧已不再完全適用于當下的平面設計。扁平化設計作為一種新興的設計理念，其風格特點能讓受眾在短時間內鎖定內容信息并找到興奮點，節省觀者大量的理解時間和過程，更適用于當下快節奏的信息化時代。

一、插圖與扁平化設計的發展概況

（一）插圖的發展概況。插圖（illustration），源自于拉丁文“illustraio”，意思是“照亮”，即為插圖可以輔助文字信息的傳播凹。在中國，插圖也可稱之為插畫，在視覺傳達設計的范疇下。插圖最基本的含義是對文字信息進行幫助說明的圖畫，如今在生活中插圖隨處可見，虛擬中和現實中都有其一席之地。

插圖的歷史最早可以追溯到古老的壁畫年畫上。公元4世紀在宗教的書籍上就出現了大量附有插圖的設計。接著在十九世紀初，書籍的廣泛普及也促進了插圖的發展。在中國，插圖最早以版畫的形式流傳于世，為了宣傳宗教文化而用于經文中。根據目前的史料記載，我國最早的插圖作品是868年的《金剛般若經》中的書籍圖畫《陀羅尼經咒圖》。之后的宋、金、元時期插圖被廣泛應用到百科書、醫藥書、地理書等各種書籍上。歐美的插畫歷史最早也是運用于宗教書籍之中，在后來現代主義思想的影響下，21世紀的歐美插圖具有主題明確、色彩鮮明、形式豐富的特點。除此之外，日本的浮世繪也是插圖的重要發展成果。浮世繪興起于日本的江戶時代，以大膽的用色和夸張的人物造型為基本特點，以當時人們的生活小情景和山水風景為創作主題。

當代的插圖設計作用是服務于人們的生活、工作。隨著電子產品設備和新媒體的發展，插圖的應用范圍從早期的書籍報刊上，擴展到了網絡電子等虛擬世界中，網頁設計、交互設計等多個領域都有插圖的一席之地。

（二）扁平化設計的發展概況。扁平化設計風格的出現，把極簡的思想融入了美術設計中，重視在視覺上對元素進行簡約處理，用最優的表達來傳遞信息。這種簡約直白、沒有繁雜修飾效果的設計風格，能讓受眾在短時間內鎖定內容信息并找到興奮點，同時緩解視覺疲勞。

20世紀初名為“瑞士風格”的裝飾風格被認為是扁平化設計風格的起源，如圖1。瑞士風格延續了包豪斯的理性思想，其特點是重視簡約和客觀性;采用了方格系統作為構圖布局基礎;選擇無襯線字體進行裝飾排版;擅用幾何圖形作為畫面的元素等。當時這種使用非襯線字體、柵格和線條方正風格的海報設計，可以讓畫面信息可以快速和系統地讓大眾讀取，在全世界獲得了強烈的歡迎。在瑞士風格的影響下，之后的瑞士極簡主義設計運動奠定了極簡主義設計（Minimalism）的基礎。這種讓設計最簡化的設計理念，把色彩、文字、圖形最簡化，讓畫面中一點多余的元素都不存在。極簡主義把主體信息成為設計的重點，讓觀者的視線能完全集中到所傳遞的信息上。極簡主義設計雖然元素簡單、色彩單純、存在大量留白，但其獨到的傳遞信息方式能讓觀者印象深刻，留住目光。現代扁平化設計首先出現的經典案例是2006年微軟推出了Zune音樂播放器，由此出現了“Metro”的設計風格[2]。在這之后的Window Phone 7系統、Windows 8系統、Xbox360軟件等都用了這種風格3。接著在2013年，蘋果把IOS7系統公布上市后，徹底讓大眾知曉了扁平化設計風格，設計師們也開始深入研究扁平化設計風格。

二、扁平化設計特點

（一）扁平化設計的特點與表達精髓

扁平化設計最直觀的特點就是其圖形元素的組合都十分干練簡單，重視在視覺上對圖形元素進行簡約處理，使整體畫面趨向扁平化[4]。它摒棄了3D立體感的寫實手法，省略了質感、羽化、顆粒等裝飾效果。但需要注意的是，扁平化設計并不是簡單地把擬物化設計中的裝飾效果去掉的結果，還需要考慮到最終畫面所呈現出的整體視覺效果是否吸引目光和信息傳遞是否直接到位，這就要求設計師對事物有精準的理解力和高度濃縮精簡的設計思維。例如無印良品的品牌設計就很好地運用了扁平化設計的特點，將扁平化設計的化繁為簡思維完美的融合到了其產品設計中。

做加法容易，做減法難。這種少即是多的新興思維，讓當今設計領域刮起了一陣新的風潮。扁平化設計風格能有效的支持電腦、手機等電子產品和新媒體發展，適應多種傳播途徑。

（二）扁平風格與寫實風格的對比

1.表達形式的差異。在平面設計中，表達形式的選擇決定了最終畫面所呈現的視覺效果，也就是設計風格的選擇。寫實風格的設計在表達形式上追求立體感與真實性，還原出物體的外形和營造空間感，如圖2上半部分的插圖設計，設計者把向日葵花束、食物火鍋、掛式電話這三件物品盡可能地按照物體原本的模樣進行繪制，其中沒有加入過多的主觀感情色彩。這種表達形式往往給人一種厚重的體積感，同時也或多或少的感受到周圍環境的影響，易讓人產生一種和物體處于同一空間的親切感。這種風格適合初期人機界面的互動，降低學習成本。

而扁平風格的設計在表達形式上追求簡約感和功能性，舍棄3D的修飾效果，在扁平的畫面里精簡出事物的特征，利落直白地傳遞圖片信息，如圖2下半部分的插圖設計，同樣的三件物品，設計者沒有照葫蘆畫瓢地重現物體本貌，而是對向日葵、火鍋、電話進行了大量的改造與重組。這樣的設計能讓受眾在最短的時間內鎖定內容信息并找到興奮點，節省大量不必要的理解過程和時間。這種表達形式可以給觀者留有一定的想象空間，易讓觀者留有較強的印象。扁平是人機互動發展到一定階段產生的，是在寫實風格的基礎上發展而來的。

2.圖形設計的差異。具象和抽象分別是平面設計中圖形設計表達的兩種方式，寫實風格的圖形是具象的，而扁平風格的圖形是抽象的。圖形的具象設計往往要求客觀的再現事物的真實性，盡可能把事物的外形描繪出來，模擬出事物的質感、光影、虛實等，用細節來打動觀者。寫實風格的優點是減少認知成本，能有效地避免設計的雷同，強調個性特點。

而扁平設計要求在保留事物特征的情況下對圖形元素進行簡化與概括，用最優的表達來傳遞信息。其設計方法是在方形、圓形、梯形等規則的圖形上進行適當的變化與組合，讓設計出的圖形具有幾何化、符號化、標準化的特點，有時僅僅是一個外輪廓，也能把信息傳達給大眾并給大眾留有一定的想象空間。例如圖3推特網的圖標設計，上方圖標的設計就是典型的寫實風格，用了光影、漸變等裝飾效來展現“麻雀”這個事物的立體感;而下方圖片就僅僅是兩個色塊，利用了事物的外輪廓特征來表現“麻雀”的形象，特別是選用側視圖的視角是扁平圖形設計的常用技巧。這樣設計的好處是易于后期的大量應用，辨識度也增強了不少。

3.色彩搭配的差異。色彩是視覺傳達設計中的重要元素，人們在生活中第一眼注意到的往往不是設計的內容，而是畫面色彩所傳遞的直觀感受。在寫實風格的設計中往往注重色彩的細微變化，用豐富的環境色疊加到物體上來再現事物的真實性，如圖四左側汽車插圖的色彩搭配，設計師在選擇配色的基礎上還考慮了車的質感的表現和車所處環境的烘托效果，用豐富而且過渡自然的顏色來讓汽車這一元素立體起來，在這種設計風格下的設計產物往往給人一種沉靜穩重的視覺效果。

而在扁平化設計中，色彩幫助塑造圖形元素的特征，區分元素之間的位置關系。扁平化風格有純色系、復古色系和同類色系這幾種配色方案，在其中最常用的是純色系的配色技巧。高純度的顏色能在最短的時間內抓住觀者的眼球，在眾多同類型設計中脫穎而出，如圖4右側關于汽車插圖的色彩搭配。這種風格下的汽車插圖色彩搭配，重點是需要在色塊與圖形元素之間進行巧妙的結合，在簡約的圖形上，用豐富有趣的配色來營造車子的活躍生動之感。

三、插圖設計中扁平化圖形設計表現方法

（一）插圖設計中扁平化圖形設計原則

1.圖形的簡化。在視覺傳達設計中圖形是一種最基礎的傳達信息的方式，甚至其傳達的直接性與快速性比語言文字要更往前一步。在當今這個信息化時代下，人們經過長時間的經驗積累，對圖形有了基本的分辨認知能力。簡潔直觀的圖形，能讓人們在大腦中理解圖形含義時省去許多不必要的步驟，更快地將主要信息傳遞給大腦。畢加索的“牛”就是一個著名的例子，如圖5。我們能從畢加索的繪畫過程圖中，充分了解到畢加索是如何簡化牛這一形象的。從具象的寫實的牛到后期的概念抽象圖形，雖然最后只用了幾根簡單的線條，但牛的形象已經表現得足夠到位，既生動又形象。

從這一例子可以看出，圖形的簡化就是用扁平化設計的獨特視角把原有的相對寫實的圖形進行高度的概括和適當的抽象，省去物體的外輪廓線條的大量起伏轉折，將物體的造型特征用基礎的矩形、圓形、菱形、多邊形等圖形進行替換與改造，適當突出物體的主要特點，并弱化其他部位的設計。凸顯想要傳達的信息與主題，讓圖形元素更具理想性和邏輯性，體現整體畫面的平衡和諧與單純平滑感。

2.去除特效裝飾。圖形最基礎的兩種表現形式有擬物化和扁平化。在相對寫實的擬物化圖形設計中，陰影、高光、質感、紋理等都是擬物化設計的技巧和方式，其盡可能更真實的還原物體原有的樣子。而扁平化圖形設計是將原有的擬物化圖形再設計的結果，它把原有的相對寫實的圖形進行高度的概括和適當的抽象。扁平化風格的圖形設計有整潔、清新、干凈的優勢，彰顯畫面美感的同時又能吸引受眾者的眼球。這種風格將主體元素的外形規則化，強化其主要特征，去掉所有多余的繁雜裝飾，改造成全新的理想化狀態，但同時又不能失去圖形的趣味性，為了簡單而簡單。例如圖6，同樣是照相機鏡頭的圖形設計，左側的設計把鏡頭的玻璃質感繪制得淋漓盡致，甚至考慮到了鏡頭玻璃反射所透露出的對面景象。而右邊的扁平化風格中的照相機鏡頭形象設計省略了各種裝飾效果，它只用了兩個色塊表現鏡頭的玻璃反光感，用一個圓形漸變來表現鏡頭前端玻璃的圓弧感。并且省略了物體的陰影，僅用了基礎的圖形和色彩塊面的組合，就把照相機的形象特征展現了出來。

3.符合受眾認知。除了簡潔的圖形和沒有裝飾以外，圖形的選擇首先是要具有普遍的認知性，需要符合大眾對該事物的普遍理解與認知。扁平化圖形設計并不只是單純地把寫實擬物設計中質感、光影、漸變等效果去掉的成果，其實其對事物處理的設計要求更高，色彩分布要更準確，需要設計師準確的理解力和高度的概括性設計思維。其需要通過一系列的實物參考和簡化推理過程，才能相對準確地總結出扁平化的物體圖形，最終呈現出簡約明了又美觀的設計。

（二）插圖設計中扁平化圖形色彩搭配

1.色彩純粹化。色彩是平面設計的重要元素之一，圖形的簡潔化需要色彩的配合與輔助。扁平化設計脫離不了色彩，色彩不僅有傳遞圖形顏色的作用，還能傳遞給大眾一種情感感受，在扁平化圖形設計與觀看者之間扮演著情感互動的橋梁角色。

插圖設計中的扁平化圖形最突出的特征之一就是簡約的色彩表現，其能讓觀者感受到強烈的視覺沖擊力，深化插圖中所表現的主題。在擬物化設計里，大多數顏色上會疊加紋理或者增加質感，讓畫面更加寫實更加豐富，如圖7左側的飛機圖形設計，它能讓人清晰地感覺到光影的存在，并且能知道光線是從畫面左上角照射下來的，然后能從機翼上細小的顏色變化中感受到飛機所使用的材料質感。但在扁平化圖形設計中，為了可以更加深刻地傳達信息與情感，把高度濃縮的信息概念和簡潔明了的視覺形象有機結合起來讓畫面直白簡單，右側的飛機色彩就單純得多，機身上只有兩種灰色一偏深的灰和偏淺的灰，僅用這兩種顏色來體現飛機的體積感，省去環境光影和機尾火焰的發光噴射感。總體來說，插圖設計中扁平化圖形色彩搭配的原則是各顏色之間搭配要協調，在扁平簡潔化的視覺感受中又能體現出整體畫面的豐富性。扁平圖形設計運用色彩的明暗對比來體現空間體積感，讓畫面飽滿豐盈;運用色彩的飽和度高低來設計物體的位置關系，營造畫面的空間感。

2.用戶心理與配色選擇。極度簡約的圖形設計需要色彩的配合來讓畫面鮮活起來，所以用色的選擇在扁平化插圖設計中十分重要。在扁平化圖形色彩選擇上主要有鮮活的純色系、優雅的復古色系、簡約的單色系這三種配色風格。

用色明快、色調豐富是插圖設計中扁平化圖形處理的用色特征，純色色塊的使用和鮮明的對比色搭配是扁平化圖形用色的主要特點[8]。在扁平化圖形的色彩搭配中，選擇對比鮮明的純色可以十分有效地突出重點內容，產生強烈的視覺沖擊力。在純色基礎上，降低其飽和度的復古色系也是扁平化設計的一種用色方案。復古色系的使用可以讓畫面更為柔和，富有典雅之感。除了以上的兩種色系外，單色系的出現，有一種別出心裁的韻味。單色系的合理使用可以讓畫面規整統一，可以說，單色系能讓畫面的視覺元素最簡化。

在視覺傳達設計中，色彩的運用應該和大眾的心理認知和社會經驗一致，在選擇色彩基調時應參考顏色所傳達的情感意識，根據畫面想展現的情感意識來確定插畫的色彩基調。例如與兒童相關的插圖設計中，因為高飽和度的色彩易讓人產生歡快輕松的感受，所以色彩繽紛、純色明亮的插圖用色更受兒童喜愛;在渲染環境氣氛的插圖設計中，簡約的單色系較為常用;在古風傳統類插圖設計中多選用復古色系等，如圖8。

（三）插圖設計中扁平化圖形排版布局

1.中心點構圖。由于圖形元素都比較規則簡約，所以排版布局的設計在扁平化插圖設計中就顯得十分重要，排版布局的設計直接影響最終的視覺效果。中心點構圖法指的是整個畫面以平面的中心部位作為構圖和視覺的中心，在這個中心點上進行元素圖形的疏密聚散排列來進行設計排版布局，以達到一種既聚集又均衡的感受，如圖9左側的建筑插圖設計。這種構圖方法的優點是突出了建筑物本身，讓觀者視線集中在建筑物上，產生視覺上的舒適感。一般用在網頁界面、書籍封面、產品包裝之類的插圖設計上。

2.網格系統。20世紀初名為“瑞士風格”的裝飾風格被認為是扁平化設計風格的起源，重視簡約和客觀性的瑞士風格最常使用的構圖方式就是網格系統。當時這種使用非襯線字體、柵格和線條方正風格的海報設計，在世界上受到了強烈的歡迎。網格系統的構圖形式是畫面中元素借助網格的輔助來編排，以達到視覺上的均衡和諧之感的構圖方法，如圖9中間的風景插圖設計。這種排版布局的特點是有規則的排列相對簡單的圖形元素，讓畫面上的風景呈現出秩序井然之感。從這種富有節奏感的排列布局中達到視覺的舒適感，讓畫面上的風景充滿生命力，也讓觀者不自覺地沉浸在插圖上的風景中。這種構圖方法一般用在廣告海報、繪本漫畫、游戲場景之類的插圖設計上等。

3.對稱平行法。在視覺傳達設計中，圖形元素上下或者左右的相對對稱也是一種常用的排版布局方式。這種上下或者左右的對稱，并不要求圖形元素之間完全一致元素的相似和適當變化可以讓整個畫面既規整平衡又靈動精彩。元素之間相互對照呼應、畫面平衡規整是對稱平行構圖的特點，如圖9右側的景觀插圖設計。對稱元素之間的差異和不同其實在對稱平行構圖形式中能更強地展現出，畫面上部的實際景象和下方隱約浮現的水中倒影組成了這幅插圖。即使是同樣的圖形元素，只是稍微改變了其中一個的不透明度就讓插圖豐富了起來。善用不同可以達到長時間吸引觀眾目光的目的，易讓觀眾陷入設計師的小心機里。這種方法是一種圖形元素互動感很強的排版布局方式，以一種求同存異的美感出現在大眾的視野里，這種構圖一般用在裝飾招貼、影視宣傳、藝術繪畫之類的插圖設計上。

結論

當今手機、電腦等電子設備和新媒體的出現占據了人們大量的生活時間，人們越來越注重內在的精神活動和審美情趣。在這種環境下發展的扁平化設計風格，其重視對視覺元素的簡約處理，用最優的表達來傳遞信息。扁平化設計顛覆了以往的設計風格迎合了當今人們的需求，掀起了一股設計熱潮，在諸多領域都占據了一席之地，同時扁平化風格也越來越多地利用到插圖設計上，讓插圖設計走上了扁平化設計之旅。為人們的生活提供便利的插圖設計，其需要隨著社會的發展和人們審美的需求不斷對自身進行相應的改變，得以滿足人的需要。因為人們大腦每天都需要接收冗長繁雜的信息，所以用簡約直白的圖形和吸睛亮眼的色彩是當下設計的流行趨勢。將扁平化圖形設計融入插圖中能提升插圖設計的簡約性和實用性，適用于當下快節奏的生活狀態，相信扁平風格的插圖設計在未來能日漸走俏，在設計領域上獨樹一幟。

基金項目：中央高校基本科研業務費專項資金（2018RW03）。

參考文獻

[1]牛利芳略談插畫在平面設計中的應用[J].產業與科技論壇，2013，12（21）：191-192.

[2]張芷若.當代包裝設計的扁平化風格探析[J].設計，2020，33（03）：48-49.

[3]劉思辰.面向移動應用的扁平化界面設計的研究與應用[D].北京林業大學，2015.

[4]張春曉，劉佳.由“少即是多”探析插畫設計中的扁平化[J].設計，2018（17）：122-123.

[5]馮敏界面設計的擬物化和扁平化的風格探討[J].設計，2019，32（05）：69-71.

[6]楊光.界面扁平化設計風格成因探析[J].設計，2016（13）：46-47.

[7]殷瑞淺析扁平化設計在現代設計中的地位和作用[J].大眾文藝，2017（20）：66-67.

[8]袁麗敏.扁平化圖形設計在插畫設計中的應用分析[J].明日風尚，2018（05）：49.