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

郭靜揚(yáng)

（福建師范大學(xué)，福建 福州 350117）

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

郭靜揚(yáng)

（福建師范大學(xué)，福建 福州 350117）

扁平化設(shè)計(jì)以其簡潔、直觀、清爽、時(shí)尚、強(qiáng)調(diào)功能性的特點(diǎn)快速成為設(shè)計(jì)界的亮點(diǎn)。文章以扁平化設(shè)計(jì)的概述為出發(fā)點(diǎn)，重點(diǎn)探討扁平化圖形與地鐵安全知識(shí)、地鐵安全宣傳之扁平化圖形語言美學(xué)，同時(shí)結(jié)合其在福州地鐵安全文明手冊(cè)、動(dòng)畫片中的運(yùn)用實(shí)例進(jìn)行分析，包括關(guān)鍵故事情節(jié)的編寫、人物形象與場景的整體統(tǒng)一、圖形語言與字體的融合等，對(duì)扁平化圖形語言的表現(xiàn)方式進(jìn)行歸納與總結(jié)。

扁平化圖形語言；視覺元素；設(shè)計(jì)美學(xué)

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

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

一、扁平化圖形與地鐵安全知識(shí)

當(dāng)前國內(nèi)大多數(shù)城市在安全宣傳手冊(cè)上仍然采用擬物化的表現(xiàn)形式，運(yùn)用寫實(shí)、擬物的卡通形象，但是這些過于強(qiáng)調(diào)細(xì)節(jié)處理的表現(xiàn)形式，需要質(zhì)感、肌理、漸變等視覺元素來實(shí)現(xiàn)，在一定程度上這種表現(xiàn)方式存在著繁冗、裝飾過度，容易信息模糊焦點(diǎn)，造成視覺疲勞，在傳遞信息方面產(chǎn)生干擾，對(duì)準(zhǔn)確理解地鐵安全知識(shí)不利。

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

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

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

地鐵安全宣傳采用扁平化圖形語言讓“乘車安全知識(shí)”本身重新作為核心內(nèi)容被凸顯出來，設(shè)計(jì)者須對(duì)地鐵乘車安全知識(shí)理解，同時(shí)基于扁平化設(shè)計(jì)美學(xué)之上，使其圖形語言設(shè)計(jì)元素上強(qiáng)調(diào)抽象、極簡符號(hào)化設(shè)計(jì)等等。

扁平化圖形語言設(shè)計(jì)需要設(shè)計(jì)師有較高的設(shè)計(jì)水平，在充分理解地鐵乘車安全知識(shí)，編寫好劇情、鎖定關(guān)鍵反映安全知識(shí)點(diǎn)的場景，以及反映不同人物心態(tài)的形體動(dòng)態(tài)等，設(shè)計(jì)是對(duì)這些典型元素提取有較高的能力要求，這與傳統(tǒng)繪畫的表現(xiàn)形式有異曲同工之處，區(qū)別于前者的是扁平化圖形語言。

1.極簡的元素

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

2.貼切人物造型

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

圖1

3.中性之美

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

4.空間留白的運(yùn)用

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

設(shè)計(jì)美學(xué)應(yīng)緊緊抓住乘車人的視、聽知覺新鮮感，做到扁平化圖形語言設(shè)計(jì)中的節(jié)奏感均衡、減少乘車人認(rèn)知負(fù)擔(dān)。帶給地鐵乘車人一種純粹、干凈、精簡、富有這一時(shí)代親切感的視聽設(shè)計(jì)美感。

三、扁平化圖形語言在福州地鐵安全文明手冊(cè)、動(dòng)畫片中運(yùn)用

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

1.熟知地鐵安全文明知識(shí)，編寫關(guān)鍵故事情節(jié)

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

圖2

2.人物形象與場景的整體統(tǒng)一

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

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

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

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

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

圖3

四、結(jié)論

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

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

［1］方心怡.扁平化設(shè)計(jì)風(fēng)格下平面視覺元素的應(yīng)用研究［D］.蘇州：蘇州大學(xué)，2015.

［2］牛培欣.“簡”的力量——談扁平化設(shè)計(jì)風(fēng)格的風(fēng)靡［J］.美術(shù)大觀，2015（4）.

［3］宋瑋.計(jì)白當(dāng)黑——論留白在平面設(shè)計(jì)中的價(jià)值［D］.新鄉(xiāng)：河南師范大學(xué)，2014.

J52

A

1673-9884（2016）07-0112-04

2016-06-01

郭靜揚(yáng)（1991-），女，福建福州人，福建師范大學(xué)碩士研究生。