江汀

扁平化圖形符號(hào)在平面設(shè)計(jì)中的運(yùn)用

江汀

當(dāng)前扁平化設(shè)計(jì)已經(jīng)成為主流設(shè)計(jì)方式被廣泛應(yīng)用于網(wǎng)頁、電腦及手機(jī)系統(tǒng)等界面設(shè)計(jì)。在平面設(shè)計(jì)中，圖形符號(hào)設(shè)計(jì)也日益被重視和利用，極簡(jiǎn)設(shè)計(jì)的符號(hào)經(jīng)常出現(xiàn)在平面印刷品、PPT 演示、公共區(qū)域標(biāo)識(shí)導(dǎo)向系統(tǒng)等的設(shè)計(jì)中。本文探討扁平化圖形符號(hào)設(shè)計(jì)在平面設(shè)計(jì)中運(yùn)用，提出需要根據(jù)受眾認(rèn)知能力、圖形符號(hào)標(biāo)準(zhǔn)化原則、設(shè)計(jì)原則等角度來進(jìn)行有效的信息設(shè)計(jì)，以實(shí)現(xiàn)有效的信息傳達(dá)。

扁平化 圖形符號(hào) 平面設(shè)計(jì) 運(yùn)用

平面設(shè)計(jì)的主要任務(wù)是為了加強(qiáng)人與人間的信息交流，圖形符號(hào)是交流中必需的表現(xiàn)工具。當(dāng)前扁平化設(shè)計(jì)已經(jīng)成為主流設(shè)計(jì)方式被廣泛應(yīng)用于網(wǎng)頁、電腦及手機(jī)系統(tǒng)界面、PPT、平面印刷品和公共區(qū)域標(biāo)識(shí)導(dǎo)向系統(tǒng)等的設(shè)計(jì)中。簡(jiǎn)潔的圖形符號(hào)配以簡(jiǎn)短的文字傳遞出不同的信息含義，目的是讓人們快速、清晰地認(rèn)知和理解。設(shè)計(jì)得當(dāng)?shù)膱D形符號(hào)不僅帶來視覺美感，還能代替文字表達(dá)的累贅，信息傳達(dá)一目了然。

一、圖形符號(hào)與扁平化設(shè)計(jì)

古代的巖石壁畫，結(jié)繩記事，象形文字，都表明了圖形化信息實(shí)際是人類信息傳遞的本源。符號(hào)學(xué)的應(yīng)用是將標(biāo)識(shí)和符號(hào)視為語言和交流中重要元素的研究，其力求信息發(fā)送者、接受者在情境和文化變換不定的前提下，各種不同含義的符號(hào)是如何被分別傳達(dá)給受眾。

1.圖形符號(hào)設(shè)計(jì)的分類

美國(guó)哲學(xué)家皮爾斯認(rèn)為符號(hào)可以分為三種類型，即圖標(biāo)、象征符號(hào)、指示符號(hào)。這在圖形理論領(lǐng)域得到廣泛認(rèn)可，三種符號(hào)類型之間是一個(gè)層次遞進(jìn)，信息量增大的過程。

圖標(biāo)是原義的直觀視覺呈現(xiàn)。例如，一個(gè)飛機(jī)的圖標(biāo)看起來就像一輛真實(shí)存在的飛機(jī)。圖標(biāo)只是復(fù)制或模擬原始形象的部分視覺信息。

象征符號(hào)更為抽象，并可能代表沒有實(shí)物形態(tài)的東西，是約定俗成的結(jié)果。例如，國(guó)際通用符號(hào)的“輻射危險(xiǎn)”、垃圾分類中常用的“循環(huán)再造”等。

指示符號(hào)指在事物對(duì)象之間建立聯(lián)系，利用這些關(guān)聯(lián)更容易描述的符號(hào)來指明更抽象的事物。例如，玻璃易碎符號(hào)、天氣預(yù)報(bào)中各種符號(hào)。指示符號(hào)的形成需要花費(fèi)一定的時(shí)間，為了形成群體約定，人們需要付出一定的學(xué)習(xí)成本。

2.扁平化設(shè)計(jì)的特征

隨著扁平化設(shè)計(jì) (Flat design)的流行，通過抽象、簡(jiǎn)化符號(hào)化的設(shè)計(jì)元素，干凈利落的展現(xiàn)所要呈現(xiàn)的內(nèi)容與信息。一般認(rèn)為扁平化設(shè)計(jì)的設(shè)計(jì)觀念與極簡(jiǎn)主義的觀念是一致的。尤其是在智能交互界面廣泛應(yīng)用的今天，大多數(shù)人對(duì)圖形符號(hào)都應(yīng)感到親切和熟悉。

扁平化的設(shè)計(jì)原則是扁平色塊，沒有陰影，利用顏色鼓勵(lì)使用者去進(jìn)行交互，通過專門設(shè)計(jì)的指示符號(hào)引發(fā)使用者的辨識(shí)和理解。核心設(shè)計(jì)思想是放棄一切裝飾效果，諸如陰影，透視，紋理，漸變等。在顏色方面，扁平化設(shè)計(jì)通常采用明度較高的顏色使版面整體效果顯得明亮、歡快，顏色利用純色，采用復(fù)古風(fēng)格或同類色為多。扁平化設(shè)計(jì)圖形符號(hào)多為指示符號(hào)，這類符號(hào)往往是借由幾種圖像符號(hào)的組合或再造，來詮釋新的意義，并且這種意義得到群體的認(rèn)同。扁平化設(shè)計(jì)是圖形界面的圖像符號(hào)向指示符號(hào)進(jìn)化的必然結(jié)果。

3.圖形符號(hào)的設(shè)計(jì)要點(diǎn)

（1）形神兼?zhèn)?/p>

圖形符號(hào)的特征主要是直觀、簡(jiǎn)潔、易懂、易記，能讓不同年齡、文化、語言的受眾都能易于接受和使用。為實(shí)現(xiàn)最佳的設(shè)計(jì)表現(xiàn)，需要設(shè)計(jì)師認(rèn)真考慮設(shè)計(jì)主題和受眾，研究圖形符號(hào)的表現(xiàn)形式、圖案組合、匹配字體，通過圖像、字體、觸覺感受等形式將信息的各個(gè)設(shè)計(jì)元素加以組合，創(chuàng)造出視覺傳達(dá)效果更為豐富、形狀和內(nèi)涵均合一的圖形符號(hào)。

（2）高度概括

當(dāng)前設(shè)計(jì)師們更喜歡把復(fù)雜的信息、數(shù)據(jù)通過圖形符號(hào)簡(jiǎn)化為可視化圖像，讓受眾更易讀懂。如在設(shè)計(jì)預(yù)防某種傳染病的折頁時(shí)，通常都離不開表述患病后出現(xiàn)的癥狀，如果用文字表述既專業(yè)又枯燥：發(fā)熱38℃以上、嘔吐、皮疹等，從受眾角度考慮，設(shè)計(jì)師可以考慮設(shè)計(jì)出符合癥狀特征的幾個(gè)人形符號(hào)，配合簡(jiǎn)單詞組說明，讓老少都能看懂。

二、扁平化圖形符號(hào)在平面設(shè)計(jì)中運(yùn)用

傳統(tǒng)平面設(shè)計(jì)中，點(diǎn)、線、面、體的應(yīng)用手法和創(chuàng)作風(fēng)格呈多樣化，要使它們更充分、更貼切地服務(wù)于設(shè)計(jì)的主題和內(nèi)容，設(shè)計(jì)師就必須在特定的視覺元素上進(jìn)行挖掘和提煉，加上扁平化的主流設(shè)計(jì)輔助可以令圖形符號(hào)更容易被受眾所注意和理解。

1.注重信息傳達(dá)和接受關(guān)系

設(shè)計(jì)師在設(shè)計(jì)工作開展之前，需要認(rèn)真對(duì)文字信息進(jìn)行理解和提煉，有時(shí)候客戶提供的文字內(nèi)容可能很多，需要進(jìn)行信息設(shè)計(jì)優(yōu)化。符號(hào)設(shè)計(jì)者是信息交流過程中信息的傳達(dá)者,其行為是決定信息交流活動(dòng)成功與否的重要因素；接收者是信息要傳達(dá)的對(duì)象,也是判斷信息的反饋源。他們之間的關(guān)系通過平面設(shè)計(jì)中圖形符號(hào)所構(gòu)成的視覺語言表現(xiàn)出來。

2.充分考慮受眾的理解能力

平面設(shè)計(jì)中圖形符號(hào)的運(yùn)用以滿足表現(xiàn)主題需要為原則，針對(duì)不同年齡、不同知識(shí)水平和不同文化背景受眾需要進(jìn)行多方面的分析。受眾理解力受到環(huán)境、文化和個(gè)人經(jīng)歷的影響，如骷髏圖案曾是死亡或恐怖的象征，但由于受到流行文化的影響，骷髏頭則轉(zhuǎn)化為另類時(shí)尚裝飾圖案。因此，設(shè)計(jì)師須要充分考慮受眾群體的文化和環(huán)境差異性。

3.字體宜精不宜多

圖形符號(hào)由于其是獨(dú)立存在信息個(gè)體，大多數(shù)都需要配合字體說明，而字體是扁平化設(shè)計(jì)中重要的元素，針對(duì)扁平化設(shè)計(jì)的字體可考慮選擇使用簡(jiǎn)單的細(xì)黑、雅黑等無襯線大字體創(chuàng)建風(fēng)格和基調(diào)，以此來匹配整體設(shè)計(jì)，令設(shè)計(jì)視覺更加簡(jiǎn)潔，從而實(shí)現(xiàn)整體表意上的一致。需注意的是字體選擇和也是力求簡(jiǎn)潔明了，最好控制字?jǐn)?shù)，否則會(huì)轉(zhuǎn)移受眾對(duì)圖形符號(hào)的注意力。一般來說，字體排列在圖形符號(hào)下方會(huì)易于識(shí)別所對(duì)應(yīng)內(nèi)容。

4.使用高純度配色

色彩是表達(dá)基調(diào)、傳遞信息的重要工具。運(yùn)用扁平化設(shè)計(jì)圖形符號(hào)，設(shè)計(jì)時(shí)采用的色彩傾向簡(jiǎn)單色彩，需要醒目、明亮，純度更高顏色，從而增加視覺元素的趣味性和沖擊力的效果，使到圖形符號(hào)更為有活力。多采用明亮的純色、柔和的低飽和度復(fù)古色和同類色進(jìn)行配色設(shè)計(jì)。一般大多采用6～8種顏色，以一個(gè)主基調(diào)色搭配幾個(gè)亮麗色塊的模式，在輔色調(diào)中可選用近似色，這樣看起來色彩統(tǒng)一更具層次感。在平面印刷品中，設(shè)計(jì)師應(yīng)根據(jù)畫面主體色調(diào)來選擇圖形符號(hào)的配色。

5.控制設(shè)計(jì)中扁平化圖形符號(hào)數(shù)量

扁平化圖形符號(hào)在平面設(shè)計(jì)運(yùn)用的數(shù)量會(huì)影響到整體的傳播效果。值得注意的是在例如海報(bào)、折頁、報(bào)刊的設(shè)計(jì)排版中，扁平化圖形符號(hào)更多是輔助信息表達(dá)而不是信息主體。就如宣傳某餐飲店的平面廣告，廣告主題是宣傳餐飲主題信息，輔助信息是店內(nèi)可以提供無線上網(wǎng)、免費(fèi)修甲、圖書借閱等服務(wù)，這時(shí)候利用扁平化圖形符號(hào)設(shè)計(jì)輔助信息傳達(dá)則較為簡(jiǎn)潔突出。設(shè)計(jì)前提是圖形符號(hào)不能太過繁瑣，不然會(huì)模糊廣告所表達(dá)的主題，還使受眾容易誤解。圖形符號(hào)應(yīng)用簡(jiǎn)練是對(duì)于圖形的表現(xiàn)力和創(chuàng)造性進(jìn)行升華的轉(zhuǎn)播手段，設(shè)計(jì)師要控制好圖形符號(hào)在版面出現(xiàn)的數(shù)量和位置。

6.要遵循圖形符號(hào)認(rèn)知標(biāo)準(zhǔn)化原則

設(shè)計(jì)師需要明確圖形符號(hào)和圖形標(biāo)志兩者的區(qū)別。標(biāo)志指給人以行為指示的由符號(hào)、顏色、幾何形狀(或邊框)等元素組合形成的視覺形象。主要用于公共場(chǎng)所、建筑物、產(chǎn)品的外包裝以及印刷品等。圖形標(biāo)志指用于表達(dá)特定信息的由標(biāo)志用圖形符號(hào)、顏色、幾何形狀(或邊框)等視覺元素的固定組合所形成的標(biāo)志。我國(guó)《標(biāo)志用公共信息圖形符號(hào)》中規(guī)定的圖形符號(hào)只能形成圖形標(biāo)志而使用,自己不能單獨(dú)使用，也不能隨意改動(dòng)用作其他用途，如禁止吸煙標(biāo)志。有研究表明，公眾對(duì)醫(yī)院標(biāo)識(shí)中部分醫(yī)療保健符號(hào)理解度較低。所以在設(shè)計(jì)公共信息圖形符號(hào)時(shí)應(yīng)以標(biāo)準(zhǔn)化為原則以免造成誤導(dǎo)受眾。

7.扁平化效果的拓展設(shè)計(jì)

在完善和調(diào)整扁平化設(shè)計(jì)圖形符號(hào)時(shí)，可以適當(dāng)增加一些特別效果以增加圖形的美觀。有研究指出如果在扁平化的基礎(chǔ)上增加漸變或者陰影效果，如增加長(zhǎng)投影和漸變色，這類設(shè)計(jì)要比單純的扁平化設(shè)計(jì)更能突出適應(yīng)性和靈活性，對(duì)于某些受眾可能會(huì)更傾向于此類具有精致感的設(shè)計(jì)風(fēng)格。

8.扁平化圖形符號(hào)設(shè)計(jì)的優(yōu)缺點(diǎn)

扁平化圖形符號(hào)設(shè)計(jì)在平面印刷品設(shè)計(jì)中，其運(yùn)用存在一定優(yōu)缺點(diǎn)。其優(yōu)點(diǎn)是可以把文字或事物信息通過簡(jiǎn)單的圖形文字排列組合，使信息表達(dá)變得簡(jiǎn)潔、清晰、明確，讓看久了擬物化的用戶感覺煥然一新，較好起到信息輔助傳達(dá)并減少認(rèn)知障礙的產(chǎn)生；更能突出信息主題，讓用戶更加專注于內(nèi)容本身；令設(shè)計(jì)形式更富有趣味和發(fā)揮想象力空間。

缺點(diǎn)是大量運(yùn)用扁平化圖形符號(hào)設(shè)計(jì)，如果沒有經(jīng)過嚴(yán)謹(jǐn)設(shè)計(jì)，配色雜亂會(huì)使受眾容易產(chǎn)生審美疲勞，因?yàn)楸馄交O(shè)計(jì)形態(tài)較為方正和簡(jiǎn)化，不能給予人聯(lián)想和溫情感。扁平化提倡的簡(jiǎn)單化大圖形設(shè)計(jì)風(fēng)格比較類似，如設(shè)計(jì)師對(duì)扁平化設(shè)計(jì)經(jīng)驗(yàn)缺乏，那么就很容易導(dǎo)致受眾產(chǎn)生認(rèn)知障礙。

圖形符號(hào)設(shè)計(jì)的成功與否，主要是看信息的傳播過程中是否做到了有效傳達(dá)。在平面設(shè)計(jì)中運(yùn)用扁平化圖形符號(hào)需要根據(jù)信息設(shè)計(jì)主體，充分考慮受眾認(rèn)知能力，遵循圖形符號(hào)的標(biāo)準(zhǔn)化設(shè)計(jì)原則，合理控制設(shè)計(jì)中扁平化圖形符號(hào)數(shù)量，適配字體和配色，最好在設(shè)計(jì)完成后進(jìn)行小范圍人群試驗(yàn)以評(píng)估信息傳達(dá)情況。這要求設(shè)計(jì)師需深入細(xì)致對(duì)各類圖形符號(hào)進(jìn)行觀察和歸納，同時(shí)加強(qiáng)自身關(guān)于認(rèn)知力、人際交流和美學(xué)知識(shí)修養(yǎng)，利用平面設(shè)計(jì)原則對(duì)圖形符號(hào)的優(yōu)化和組合，將信息以最簡(jiǎn)潔美觀的方式傳達(dá)給受眾，以實(shí)現(xiàn)最佳的信息傳播效果。

[1]侯景艷，熊傳鵬，葉根軍.從符號(hào)學(xué)角度解讀扁平化設(shè)計(jì)趨勢(shì)[J].科技創(chuàng)新與應(yīng)用,2014(3).

[2]鄒治豪. 扁平化設(shè)計(jì)對(duì)藝術(shù)設(shè)計(jì)教學(xué)影響的新思考[J].楚雄師范學(xué)院學(xué)報(bào),2014(29).

[3]陶衛(wèi)麗，李瑩.簡(jiǎn)議“簡(jiǎn)約而不簡(jiǎn)單”的扁平化設(shè)計(jì)配色策略[J].鴨綠江,2014(9).

[4]宮勇.圖形符號(hào)設(shè)計(jì)認(rèn)知研究[D].浙江大學(xué),2012.

[5]張巖.網(wǎng)頁設(shè)計(jì)中扁平化設(shè)計(jì)的趨勢(shì)[J].美術(shù)大觀,2014(132).

[6]張欣，鄒建敏.視覺符號(hào)在扁平化界面設(shè)計(jì)中的應(yīng)用[J].藝術(shù)探索,2013(12).

[7]陳振東.淺談平面設(shè)計(jì)中的視覺元素[J].電腦知識(shí)與技術(shù),2009(7).

[8]趙倩.廣告符號(hào)設(shè)計(jì)與視覺傳達(dá)[J].河南大學(xué)師范報(bào),2010(11).

[9]陳永權(quán).公共信息圖形符號(hào)國(guó)家標(biāo)準(zhǔn)中若干問題的探討[J].世界標(biāo)準(zhǔn)化與質(zhì)量管理，2006(6).

作者單位：廣州市越秀區(qū)疾病預(yù)防控制中心