扁平化圖形語言設計初探
——以福州地鐵安全文明宣傳設計為例

郭靜揚

（福建師范大學，福建 福州 350117）

扁平化圖形語言設計初探
——以福州地鐵安全文明宣傳設計為例

郭靜揚

（福建師范大學，福建 福州 350117）

扁平化設計以其簡潔、直觀、清爽、時尚、強調功能性的特點快速成為設計界的亮點。文章以扁平化設計的概述為出發點，重點探討扁平化圖形與地鐵安全知識、地鐵安全宣傳之扁平化圖形語言美學，同時結合其在福州地鐵安全文明手冊、動畫片中的運用實例進行分析，包括關鍵故事情節的編寫、人物形象與場景的整體統一、圖形語言與字體的融合等，對扁平化圖形語言的表現方式進行歸納與總結。

扁平化圖形語言；視覺元素；設計美學

關于扁平化的起源，鮮少準確文獻記載，但是通過資料的查閱，可以發現扁平化的產生受瑞士風格的設計和極簡設計這兩個設計風格的影響，其中瑞士設計風格注重網格以無襯線字體的使用，達到層次分明、清晰、明確的視覺傳達目的。極簡設計是通過除掉多余的色彩、元素、紋理，將影響主要內容傳遞的干擾元素最簡化，使需要被重點傳遞的信息成為整個宣傳畫面的焦點，呈現出畫面元素少、線條干凈利落、圖形幾何化這幾大特點。

扁平化設計在2010年微軟發布的Win8 metro界面中被完全使用，對當時絕大部分人來說是一種全新的設計語言，但是大眾普遍表現出反對和保持觀望的態度，而扁平化設計真正的被接受則是2013年蘋果IOS 7系統的推出，蘋果公司一改以往的擬物化風格，將目光轉向了扁平化，對比IOS 6系統，蘋果公司推出的IOS 7系統最終打破了人們對扁平化風格的芥蒂，人們開始接受扁平化，并開始在手機APP、網頁設計中，也大量運用扁平化設計。［1］那么什么叫扁平化設計呢？扁平化設計英文名為“flat design”，提到扁平化設計的定義，其實大多數都是在闡述在界面設計中，相對于“擬物化設計”的另一種設計概念。其概念的最核心之處在于：去除了漸變、凹凸、斜角、陰影、紋理等特效，反對過于復雜的裝飾，追求“少即是多”的功能性和視覺效果，現代設計氣息濃郁。同時運用明快的色彩、突出的字體、簡約的版式設計，有效地保證設計的直觀性，讓觀看者更加準確地接收信息。因其所具備這些優點，筆者認為：扁平化設計不應只單純停留于界面設計及交互設計中，可以將扁平化設計語言應用于福州地鐵安全宣傳手冊與動畫片設計中，以達到受眾者準確有效地接受乘車安全知識。

一、扁平化圖形與地鐵安全知識

當前國內大多數城市在安全宣傳手冊上仍然采用擬物化的表現形式，運用寫實、擬物的卡通形象，但是這些過于強調細節處理的表現形式，需要質感、肌理、漸變等視覺元素來實現，在一定程度上這種表現方式存在著繁冗、裝飾過度，容易信息模糊焦點，造成視覺疲勞，在傳遞信息方面產生干擾，對準確理解地鐵安全知識不利。

扁平化圖形設計帶有強烈的設計語言，通過計算機軟件工具使圖形帶有矢量規整化、色調明快等特征，突破傳統插畫的模式，特別是在人物形象的塑造上，相比寫實型人物形象設計繁冗的裝飾和過度的細節描繪所產生的容易分散受眾者注意力和帶來的審美疲勞等缺點，扁平化人物圖形語言設計的簡潔性和趣味性，在展示地鐵乘車安全功能上能夠準確傳遞直觀而豐富的信息。

地鐵安全畫冊與動畫片作為面向所有乘客進行乘車安全文化教育宣傳，旨在規范乘客的乘車行為，增強文明乘車意識，養成良好的乘車安全行為習慣。其準則內容讓受眾易懂，精煉設計圖形，畫面需要簡潔、生動、方便展示，同時具有親和力。讓觀看者在盡量少的時間內，獲取盡量多的有效的、準確的信息，而扁平化設計正是滿足這一需求的設計。扁平化設計簡潔、清晰、快速的特點符合現代大眾的心理，它最大程度減少了認知障礙的產生，從而實現了視覺信息產業功能的最大化。［2］眾所周知人們的圖像思維是會比語言思維反應更快的思維方式，將扁平化圖形語言設計風格作為畫面主體，配上關鍵文字信息，營造出一個恰當的氣氛，達到輕松閱讀的效果，特別是針對乘客行為規范的詮釋方面，運用扁平化圖形語言能夠很好的將一切干擾信息弱化，突出需要表達的重要內容，在快速獲取安全知識信息的同時，又能夠給觀看者以舒適、輕松、充滿現代感和趣味性的觀看體驗。

二、地鐵安全宣傳之扁平化圖形語言美學分析

地鐵安全宣傳采用扁平化圖形語言讓“乘車安全知識”本身重新作為核心內容被凸顯出來，設計者須對地鐵乘車安全知識理解，同時基于扁平化設計美學之上，使其圖形語言設計元素上強調抽象、極簡符號化設計等等。

扁平化圖形語言設計需要設計師有較高的設計水平，在充分理解地鐵乘車安全知識，編寫好劇情、鎖定關鍵反映安全知識點的場景，以及反映不同人物心態的形體動態等，設計是對這些典型元素提取有較高的能力要求，這與傳統繪畫的表現形式有異曲同工之處，區別于前者的是扁平化圖形語言。

1.極簡的元素

追求簡潔、簡單、反對使用復雜的、不明確的元素，應遵循極簡原則。復雜的、意義含糊的元素將會造成受眾者（乘車人）的困擾，這與扁平化設計風格直觀、簡潔的總原則是相等的，只有采用足夠簡約的設計元素才能達到宣傳的目的。

2.貼切人物造型

在設定扁平化人物造型時，根據乘車安全知識編劇情節涉及的不同人物形象、行為動作姿態，特地場合表情及局部特寫等應做到通用的、廣為人知的、受眾面寬，不受地域、種族、文化、語言等因素影響，人物形象、性別、年齡、從業定義清晰，尋求特定元素，扁平化人物設計去除了繁復的裝飾線條、漸變、凹凸、紋理等效果，使其簡潔化，取而代之的是造型上更容易識別的圖形，強調的是更加簡約、明快的風格，摒棄了繁雜無章的表現手法，人物造型更加精準直接，風格感強烈，有統一的符號化。扁平化人物形象設計中在辨識度和說明性上更符合人類潛意識里的認知習慣，并且減少了由于圖形信息復雜造成的焦點分散。在扁平化人物形象造型的塑造中，大量主要采用圓形、矩形等簡易圖形的組合形式為設計元素。扁平化人物造型大部分通過正面和正側面的角度來表現，主要通過對人物頭部和四肢的塑造來體現動態，側面相比正面能夠更好的表現出理想的動態感。造型比例有相對的統一性，以福州地鐵安全文明知識手冊中的人物形象為例，放大人物頭部比例，成年人和兒童的頭身比例分別設定為四頭身和三頭身，有意夸張化四肢的表現，采用纖細的效果，在人物的表情刻畫上高度簡潔，更加突出人物動態和肢體語言的直觀性。（圖1）

圖1

3.中性之美

在地鐵乘車安全知識扁平化設計中，不管是人物造型、場景、色彩還是文字的選擇，均拋棄了擬物化設計風格的漸變、陰影、尖角、描邊、高光等特效，人物造型多用圓角、概括手法，使用純色塊來進行設計，在色彩搭配和選擇就極其講究。為了使乘車人舒適地觀閱安全手冊或動畫片，不造成視覺疲勞或者不適，設計中盡量選擇中性的顏色，應避免使用飽和度過高的純色，比如：純紅、純綠、純紫、純藍等顏色，造成的刺眼，嚴重影響使用者的視覺體驗。力求用色上帶給乘車人輕松、活潑的感受，給人留下深刻印象的同時，也不乏一種柔和的體驗。

4.空間留白的運用

扁平化圖形語言同樣與其他藝術一樣非常注重留白空間的運用。要體現的不能只是圖形、文字、色彩而不注重空間的關系，沒有合理的空間組織，會導致各種元素根據乘車人的心理視疲勞關系，在地鐵劇情、人物、場景、色彩等元素之間的混亂，缺乏一個整體清晰的結構和明確的組織關系，突出不了主題，并容易造成混亂的視覺效果，不能產生一種平衡的美感。只有在各種視覺元素中合理設置各元素的大小，分布的密度適當，營造不同層次的空間，才能讓主題更加突出，產生節奏感和韻律感，形成藝術的空間美。［3］所以在地鐵安全手冊的畫面設計中考慮視覺流向劇情矛盾沖突點，有意識設計留白的空間，以及短片中所涉及的語言停頓留白空間，給乘車人充分的呼吸舒適感。

設計美學應緊緊抓住乘車人的視、聽知覺新鮮感，做到扁平化圖形語言設計中的節奏感均衡、減少乘車人認知負擔。帶給地鐵乘車人一種純粹、干凈、精簡、富有這一時代親切感的視聽設計美感。

三、扁平化圖形語言在福州地鐵安全文明手冊、動畫片中運用

如今國內許多城市的地鐵或軌道交通安全文明乘車知識多以擬物化進行設計，人物與場景存在冗余的裝飾插畫效果和多余的透視等模仿真實3D效果。不能讓乘車人更為直觀地了解乘車的安全文明知識，與擬物化的表達形式不同的扁平化圖形語言更容易給人帶來一種耳目一新的視覺體驗。筆者通過扁平化圖形語言對福州地鐵安全文明手冊、動畫片的設計做了如下大膽嘗試。

1.熟知地鐵安全文明知識，編寫關鍵故事情節

在拿到福州地鐵安全文明知識的文字信息時，首先對相關條例進行分析、篩選和建構，抓住既能概括情節內容，又適用于畫面表現的瞬間，讓受眾者通過靜止的畫面，自發的聯想出事情的發生發展，更好的汲取畫面所表達的內容。作為安全文明手冊、動畫片更需要觀看者能夠快速地聚焦到信息上，而扁平化人物的設計中簡潔的元素提煉和刪繁就簡的理念，能夠很好地弱化無用形狀的干擾，減少多余的動作累贅，節奏清新明快，更加直觀有力地向乘車人展示宣傳內容，高效地傳遞出有效信息。例如在福州地鐵安全文明手冊中第10頁需要表現乘客違規行為時，采用了在違規人物形象的刻畫上有意對五官的描述進行了省略的方式，對人物衣著等細節弱化處理，并且在相關動作旁邊輔之以紅色禁止符號，讓觀看者的視覺中心能夠更加快速地集中在其肢體語言上，同時對違規人物的色彩選擇上用了多種灰色調，一方面與周圍乘客的人物形象形成鮮明對比，給人以一種強烈的警示作用，另一方面在地鐵乘車環境圖形處理上采用整體鮮亮、明快的畫面中這樣的處理也適度增加了畫面的層次感。（圖2）

圖2

2.人物形象與場景的整體統一

在福州地鐵安全文明知識手冊、動畫片設計中，注重故事情節、人物形象、場景、色彩之間的整體關系，扁平化設計中根據故事情節需要，中心人物形象基本是由鮮明的人物故事沖突情節和大色塊組合而成，扁平化設計為了追求極簡效果，往往將人物形象放入大場景時容易突出與場景產生不協調或缺少視覺中心焦點，與福州地鐵站內場景須做多種表現手法上處理，如為了更好的突出人物主體，避免喧賓奪主，在處理人物與背景二者的關系時，采用中性色彩或降低背景明度的方式，來制造出所需的故事情節場景語言，表達不同的層次感和場景的邏輯性，使整體達到主次分明，更好的凸顯人物形象，以求有效地刺激觀看者的視覺系統，在最短的時間內找到安全文明訴求的目標信息。需要注意的是在對背景的具體處理過程中，還需要進行認真的考量，人物間的對話內容、字號字數和文字說明中重點涉及到的標識、方位、設備等，就要根據扁平化圖形語言設計特點有相應的強調，不能一概的弱化處理，努力做到整體統一。

3.圖形語言與字體的融合

扁平化圖形語言屬于二次元世界，圖形故事情節元素之間干凈利落，沒有任何羽化修飾，風格明顯，傳遞信息準確，扁平化圖形語言同樣對字體及排版提出了要求。這里文字的選擇十分重要，字體本身也是一種設計，需要和扁平化語言元素相輔相成。文字的排版可通過字體、字號、色調排版方式等產生視覺空間感，達到區分主次信息、簡明易記、引導視覺流程的作用?？紤]到扁平化設計的整體性，一般在選擇上不超過2種字體，多選用簡潔、清爽、易于識別的無襯線體或是經過處理的手寫體，常用的中文無襯線體有微軟雅黑、黑體、幼圓、方正智藝體、方正蘭亭等。

在本次福州地鐵安全文明知識手冊的字體選擇上，右上角的主標題采用夸張化的手寫卡通體，經過精細的考量和設計，與扁平化光滑柔和的風格相呼應，線條流暢、字形飽滿，加之醒目明亮的顏色給視覺元素帶來了更多的趣味性；正文選用比較正式性的微軟雅黑，既能與扁平化簡約的風格相統一又方便閱讀，達到了說明、宣傳之目的。同時兩種字體之間的搭配也強調了次序，在強弱對比間形成節奏感。

扁平化字體排列設計多是選用塊面化的排版方式，各個內容之間同樣用整齊的色塊或線條進行區分，保持板塊之間寬松有遐想的空間。不僅將圖形和文字組合表達出一種和諧之美，呈現給觀看者最佳、流暢的視覺效果，而且抓住了用戶的視覺新鮮感，使調理更加清晰，減少觀看者的認知負擔，增加適用性。在本次版面的設計上主要分為左右兩個大板塊，左邊版面為扁平化插畫，右邊文字為主，以淺黃色倒角矩形為襯底，與扁平化的光滑柔和的圓角效果相統一，整體風格清新、簡約，一目了然。（圖3）

圖3

四、結論

扁平化設計是一種極簡主義的設計風格，多見于軟件、網站等交互界面，以迎合使用者對信息快速閱讀和吸收的要求?；谶@一點本人大膽嘗試將其表現語言應用于福州地鐵安全文明手冊、動畫片的設計中，建立較個性化的傳播形式，也是目前最為流行的設計形式，設計的美在于適合，適用于解讀地鐵乘車安全文明知識是最重要的。

隨著扁平化設計的廣泛運用，扁平化圖形語言也越來越多地出現在人們的視線中，扁平化圖形語言設計必須做到有自身的設計美學：造型形簡意賅、配合故事情節、色彩、字體設計、層次感的保持，清晰簡約的版式設計和整體統一效果。扁平化圖形語言的這些特點令現代人印象深刻，使得人們在智能化信息風暴中找到那個最直接、最簡單的表達形式，開始返璞歸真，追求簡約之美，帶給觀看者愉悅的觀看體驗，激發獲取信息的樂趣，在接受信息中的人性化和情感化，尋找更好的視覺表現。雖然扁平化設計當下已經被大眾所接受，但對它的系統化研究、評估以及理論總結還處于初始階段，這也正是作者本人選擇研究此課題的重要原因，也期待更多學者的關注與探討。

［1］方心怡.扁平化設計風格下平面視覺元素的應用研究［D］.蘇州：蘇州大學，2015.

［2］牛培欣.“簡”的力量——談扁平化設計風格的風靡［J］.美術大觀，2015（4）.

［3］宋瑋.計白當黑——論留白在平面設計中的價值［D］.新鄉：河南師范大學，2014.

J52

A

1673-9884（2016）07-0112-04

2016-06-01

郭靜揚（1991-），女，福建福州人，福建師范大學碩士研究生。