許孟巍 白華龍

南京工業(yè)大學(xué)浦江學(xué)院

在當(dāng)今信息過(guò)量的時(shí)代，人們?cè)诩橙⌒畔r(shí)容易產(chǎn)生選擇焦慮的情緒。信息可視化插圖可以減輕這樣的壓力，運(yùn)用插圖的圖解力，使繁復(fù)的信息變得簡(jiǎn)單、美觀、易懂，使信息的傳達(dá)更加賞心悅目，更好地建立品牌信息與受眾之間的感性聯(lián)系。同時(shí)信息可視化插圖越來(lái)越受品牌方的關(guān)注，可為品牌視覺(jué)形象、產(chǎn)品手冊(cè)、網(wǎng)頁(yè)App等設(shè)計(jì)提供支撐，也可直接作為內(nèi)容，運(yùn)用到產(chǎn)品包裝、文創(chuàng)產(chǎn)品等應(yīng)用中，為品牌傳播帶來(lái)便利，使傳播更具藝術(shù)性。

一、江蘇手工藝非遺品牌和信息可視化插圖設(shè)計(jì)的概述

（一）江蘇手工藝非遺品牌的文化特點(diǎn)

手工藝非遺包含非遺傳統(tǒng)美術(shù)和非遺傳統(tǒng)技藝。江蘇手工藝非遺文化歷史悠久，再加上經(jīng)濟(jì)的繁榮、文化的開(kāi)放，有利于手工藝非遺的發(fā)展，記錄了江蘇地區(qū)人民的生活方式，是根植于江蘇土壤的凝結(jié)著勞動(dòng)人民智慧的文化。江蘇手工藝非遺項(xiàng)目形式多樣、絢爛多姿，均具有悠久的歷史、厚重的文化、鮮明的藝術(shù)風(fēng)格以及精湛的制作技藝，有泥塑、年畫、繡類、錦類、燈彩、剪紙等馳名全國(guó)的項(xiàng)目。江蘇擁有較多的手工藝非遺商業(yè)品牌和具有流行元素的手工藝非遺文創(chuàng)品牌，均以江蘇手工藝非遺項(xiàng)目為基底，極具地域特色，有很高的歷史、文化、商業(yè)研究?jī)r(jià)值。

（二）信息可視化插圖設(shè)計(jì)的概念

信息可視化設(shè)計(jì)是將文本信息數(shù)據(jù)，運(yùn)用視覺(jué)語(yǔ)言轉(zhuǎn)化為易讀的、賞心悅目的信息圖表，是視覺(jué)傳達(dá)設(shè)計(jì)的重要表現(xiàn)形式。有效的信息可視化設(shè)計(jì)可以幫助觀者直觀、高效地汲取信息，節(jié)約閱讀的時(shí)間，提升信息的利用效率。木村博之的《圖解力》一書中將信息可視化分為：圖解、圖表、表格、統(tǒng)計(jì)圖、地圖、圖形符號(hào)。其中圖解類信息圖是運(yùn)用插圖對(duì)事物進(jìn)行說(shuō)明［1］。信息可視化插圖可以應(yīng)用到品牌的網(wǎng)站網(wǎng)頁(yè)、產(chǎn)品手冊(cè)、產(chǎn)品包裝、宣傳物料、App界面、文創(chuàng)產(chǎn)品等方面。

（三）信息可視化插圖設(shè)計(jì)對(duì)手工藝非遺品牌的價(jià)值

手工藝非遺項(xiàng)目的文本數(shù)據(jù)資料包含地理、歷史、事件、工藝、材料、技藝等。對(duì)于品牌來(lái)說(shuō)，要將文本數(shù)據(jù)對(duì)大眾進(jìn)行直接的呈現(xiàn)和傳播，是很困難的。例如，工藝技法，如果單靠文字，大眾無(wú)法產(chǎn)生形象的、具象的概念和印象，無(wú)法調(diào)動(dòng)大眾閱讀的興趣，進(jìn)而無(wú)法實(shí)現(xiàn)文化普及和品牌傳播的目的。目前，信息可視化設(shè)計(jì)較少應(yīng)用于江蘇手工藝非遺品牌，傳統(tǒng)非遺的記錄手段主要為文字、圖片、影像等，多應(yīng)用于品牌的文化背景介紹。因文字篇幅限制，內(nèi)容一般簡(jiǎn)短枯燥，對(duì)品牌的宣傳力和影響力較小。

近年來(lái)信息可視化設(shè)計(jì)越來(lái)越多地被應(yīng)用于各類品牌宣傳中。利用信息圖表尤其是在線信息圖表推廣品牌，也更容易得到消費(fèi)者的反饋，從而促進(jìn)品牌更好地發(fā)展［2］。將江蘇手工藝非遺項(xiàng)目的文本數(shù)據(jù)用插圖加以展示，應(yīng)用在品牌建設(shè)和發(fā)展上，對(duì)于品牌的詮釋、傳播和推廣都可以起到積極的作用。

二、信息可視化插圖的設(shè)計(jì)方法

（一）信息數(shù)據(jù)的梳理與提煉

江蘇手工藝非遺項(xiàng)目的信息大多龐大且繁復(fù)，在設(shè)計(jì)時(shí)，首先需要明確設(shè)計(jì)目的，根據(jù)品牌的傳達(dá)需求，將文字、數(shù)據(jù)、圖片信息進(jìn)行整理。例如，品牌方如果將歷史文化背景制作成網(wǎng)頁(yè)進(jìn)行文化宣傳，則需側(cè)重關(guān)注項(xiàng)目的時(shí)間線、地理位置、重點(diǎn)事件等，按照時(shí)間線的先后順序，呈現(xiàn)不同歷史發(fā)展階段的時(shí)代變遷。在后續(xù)視覺(jué)表達(dá)時(shí)，如果有版面尺寸的限制，要根據(jù)主次信息層級(jí)的順序進(jìn)行篩選和擇取，還要重視信息邏輯關(guān)系的梳理。如果一幅信息可視化畫面上需要同時(shí)呈現(xiàn)多重信息，則需要根據(jù)信息的比重進(jìn)行分級(jí)呈現(xiàn)。同樣，品牌如果將制作技藝流程等作為內(nèi)容應(yīng)用于產(chǎn)品包裝、文創(chuàng)產(chǎn)品上，則需要對(duì)織造工序、材料流程的文本信息進(jìn)行考察記錄，運(yùn)用同樣的方法為后續(xù)的視覺(jué)化表達(dá)提供有力的素材。

其次，由于手工藝非遺類的信息結(jié)構(gòu)具有多元屬性，在梳理與提煉時(shí)可以先從大方向入手，列出需要呈現(xiàn)的重點(diǎn)信息，再進(jìn)行細(xì)化。我們可以學(xué)習(xí)王宏民老師指導(dǎo)的河南朱仙鎮(zhèn)木版年畫信息可視化插圖設(shè)計(jì)，在重點(diǎn)信息中依次列出歷史淵源、藝術(shù)特色、制作工藝、題材形式、傳承發(fā)展、木版年畫對(duì)比，之后再單幅列出，對(duì)每個(gè)重點(diǎn)信息進(jìn)行細(xì)化設(shè)計(jì)。

（二）視覺(jué)元素的提取與設(shè)計(jì)

信息可視化插圖設(shè)計(jì)由信息和插圖兩部分組成，兩者互為依托。在設(shè)計(jì)插圖時(shí)，要注意解決圖解力問(wèn)題，需要在調(diào)研文本信息時(shí)標(biāo)出能轉(zhuǎn)化成圖形的重要文字，也需要舍棄一些不利于視覺(jué)呈現(xiàn)的文字，確保之后插圖設(shè)計(jì)時(shí)可以清晰明了地傳達(dá)出重要信息。

例如江蘇文化項(xiàng)目組①江蘇文化項(xiàng)目組設(shè)計(jì)師：許孟巍、田申辰、周佳璇。在南京云錦項(xiàng)目“云來(lái)錦禮”品牌信息可視化插圖設(shè)計(jì)中，發(fā)現(xiàn)如果將介紹工序步驟的大段信息直接用文字呈現(xiàn)，會(huì)耗費(fèi)受眾大量的閱讀時(shí)間，且受眾會(huì)感覺(jué)到抽象、無(wú)趣，不易感性理解?！霸苼?lái)錦禮”在設(shè)計(jì)上為了減少枯燥感，提取了云錦工序的“畫稿、意匠、桃花結(jié)本、通經(jīng)斷緯”等可用于視覺(jué)轉(zhuǎn)換的文字信息，然后進(jìn)行具象化、視覺(jué)化的設(shè)計(jì)，使受眾能很快具象地理解云錦的工序流程（如圖1）。

圖1 江蘇文化項(xiàng)目組“云來(lái)錦禮”信息可視化插圖設(shè)計(jì)

（三）藝術(shù)化呈現(xiàn)與表達(dá)

信息可視化插圖有一部分是以文字為主，插圖為輔，利用插圖配合文本信息詮釋內(nèi)容，這類插圖版面占比較小；也有一部分以插圖為主，文字為輔，這類插圖版面占比較大，甚至只是看圖就可以輕松讀懂內(nèi)容，這樣的設(shè)計(jì)可以超越國(guó)界，跨越不同的文化背景。無(wú)論是哪種占比的插圖，都重視插圖美感的設(shè)計(jì)與表現(xiàn)，藝術(shù)化設(shè)計(jì)表達(dá)尤為重要。在前期文字、數(shù)據(jù)、圖片素材都準(zhǔn)備好的情況下，進(jìn)行插圖設(shè)計(jì)時(shí)，需要進(jìn)行藝術(shù)化表現(xiàn)，避免設(shè)計(jì)過(guò)于呆板，是設(shè)計(jì)師區(qū)別同類設(shè)計(jì)的一個(gè)重要環(huán)節(jié)。重新組織構(gòu)圖、風(fēng)格、色彩等要素，達(dá)到吸引受眾關(guān)注的目的。具有視覺(jué)展現(xiàn)力的插圖能夠有效傳達(dá)品牌主旨。

“云來(lái)錦禮”品牌信息可視化插圖設(shè)計(jì)中，將云錦的歷史發(fā)展、織造流程、圖形圖案、材料制作等設(shè)計(jì)成圖示插圖，與說(shuō)明文字相結(jié)合，使用近年來(lái)備受國(guó)人喜愛(ài)的“國(guó)潮風(fēng)格”圖解插圖語(yǔ)言來(lái)描述，使觀者能夠感受到圖的美感，有興趣閱讀，能夠很快地理解云錦、感知云錦，使受眾看懂文化脈絡(luò)，理解品牌傳達(dá)的文化內(nèi)涵。

三、江蘇手工藝非遺品牌信息可視化插圖設(shè)計(jì)原則

（一）基于品牌的視覺(jué)識(shí)別系統(tǒng)

信息可視化設(shè)計(jì)可以起到推廣品牌文化、宣傳產(chǎn)品信息、提升品牌形象價(jià)值等作用。無(wú)論是應(yīng)用于網(wǎng)頁(yè)的文化背景宣傳，還是應(yīng)用于產(chǎn)品畫冊(cè)的內(nèi)容宣傳，目的均是傳播品牌。所以設(shè)計(jì)時(shí)首先應(yīng)該基于品牌的視覺(jué)識(shí)別系統(tǒng)，即基于品牌的標(biāo)志、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色、象征圖形等。品牌將會(huì)呈現(xiàn)出整體、統(tǒng)一、規(guī)范的效果，也會(huì)達(dá)到對(duì)外差異化、對(duì)內(nèi)認(rèn)同感的作用。

江蘇文化項(xiàng)目組設(shè)計(jì)的“江蘇守藝集”是一個(gè)江蘇手工藝非遺的集合文創(chuàng)品牌，因?yàn)槠放萍狭私K一部分手工藝非遺項(xiàng)目，所以需要選取一些項(xiàng)目共用的經(jīng)典顏色作為品牌的標(biāo)準(zhǔn)色，目的是在保留文化特征的基礎(chǔ)上，協(xié)調(diào)各個(gè)項(xiàng)目的顏色，保持視覺(jué)上的一致，呈現(xiàn)出集合品牌的視覺(jué)優(yōu)勢(shì)，建立識(shí)別系統(tǒng)中的標(biāo)準(zhǔn)色?！敖K守藝集”使用了品牌的標(biāo)準(zhǔn)色、輔助色、圖形、輔助圖形部分（如圖2）。利用視覺(jué)識(shí)別系統(tǒng)進(jìn)行設(shè)計(jì)，可以使受眾產(chǎn)生品牌聯(lián)想，即見(jiàn)到這種顏色、圖形，就會(huì)想到既定品牌，具有可識(shí)別性和排他性。

圖2 江蘇文化項(xiàng)目組“江蘇守藝集”信息可視化插圖設(shè)計(jì)

（二）基于版式的圖文編排

在設(shè)計(jì)時(shí)確定了使用視覺(jué)識(shí)別系統(tǒng)、文字信息、插圖信息、繪制風(fēng)格等內(nèi)容后，需要通過(guò)版式設(shè)計(jì)使圖文元素合理編排，達(dá)到圖文相宜、和諧統(tǒng)一的效果。在圖文編排階段，需要注意視覺(jué)流向、視覺(jué)層級(jí)兩方面。把最主要的信息點(diǎn)放在版面中最重要、最顯眼的位置，然后根據(jù)從左上至右下、從中心至四周的視線路徑和閱讀習(xí)慣，依次排列信息的視覺(jué)層級(jí)。

設(shè)計(jì)中也常會(huì)使用一些設(shè)計(jì)技法來(lái)安排視覺(jué)走向，“江蘇守藝集”在版面編排上使用九宮格網(wǎng)格系統(tǒng)和中心環(huán)繞式的基礎(chǔ)版式編排方法。同時(shí)通過(guò)對(duì)比的方法，插圖與文字之間篇幅比重的大小對(duì)比以及插圖與插圖之間的大小對(duì)比，使人們讀起來(lái)很舒適。另外，畫面中具有指向性的箭頭和具有引導(dǎo)性的圖標(biāo)的巧妙使用都會(huì)形成不同的視覺(jué)流向。

（三）基于版面效果的色彩搭配

色彩是視覺(jué)傳達(dá)設(shè)計(jì)的核心部分之一。色彩在信息可視化中的應(yīng)用不僅可以增強(qiáng)畫面感，還可以豐富信息可視化設(shè)計(jì)的表現(xiàn)形式，使色彩也具有傳達(dá)信息的功能［3］。明度、飽和度、冷暖對(duì)比度等方面的設(shè)計(jì)，幫助版面信息層級(jí)分類，突出視覺(jué)重心、各次級(jí)重點(diǎn)，引導(dǎo)視覺(jué)流向，同時(shí)能夠增強(qiáng)受眾的色彩感受。

江蘇手工藝非遺項(xiàng)目的色彩特征明顯，一部分項(xiàng)目色彩豐富且濃烈，例如鹽城老虎鞋、彩扎邳州紙塑獅子頭、秦淮燈彩、桃花塢木版年畫；另一部分色彩素雅且單一，例如宜興紫砂、揚(yáng)州剪紙、宿遷云渡桃雕等。由于信息可視化圖文信息量較大，在色彩設(shè)計(jì)上，除了基于視覺(jué)識(shí)別系統(tǒng)的標(biāo)準(zhǔn)色應(yīng)用，還要根據(jù)版面視覺(jué)效果做顏色的“加減法”處理，使色彩搭配和諧，避免過(guò)于雜亂，不易突出重點(diǎn)，或者過(guò)于單調(diào)，造成視覺(jué)疲勞。我們可以學(xué)習(xí)《長(zhǎng)野冬季奧林匹克運(yùn)動(dòng)會(huì)賽事指南》中花樣滑冰作品，在眾多人物動(dòng)作近似重復(fù)和色彩單一使用的情況下，針對(duì)花滑的分解動(dòng)作，設(shè)計(jì)師使用了“部分上色”的手法，這樣的色彩處理使版面中單一的顏色變得生動(dòng)，突出了重點(diǎn)，增強(qiáng)了視覺(jué)連貫性。

四、結(jié)論

被譽(yù)為信息圖表設(shè)計(jì)之父的Peter Grundy在接受創(chuàng)意雜志BranD采訪時(shí)形容設(shè)計(jì)過(guò)程：“可以用一個(gè)好的、簡(jiǎn)單的想法來(lái)描述一件無(wú)限復(fù)雜的東西?！毙畔⒖梢暬鍒D設(shè)計(jì)正是通過(guò)文字信息的提煉、視覺(jué)元素的提取、插圖的精心繪制，以簡(jiǎn)單美觀的方式呈現(xiàn)背后復(fù)雜的文本體系，是當(dāng)今品牌傳遞信息最方便的展現(xiàn)方式之一。江蘇手工藝非遺品牌應(yīng)當(dāng)與時(shí)俱進(jìn)，重視信息可視化插圖的建設(shè)，在設(shè)計(jì)中選擇適合的設(shè)計(jì)方法和設(shè)計(jì)原則。在提升插圖視覺(jué)沖擊力的同時(shí)，增強(qiáng)信息的閱讀性，更有效、更生動(dòng)地傳遞品牌信息，讓受眾更加樂(lè)于接受，還需要設(shè)計(jì)者更多的探索和創(chuàng)新。