淺析視覺傳達(dá)下的信息圖表設(shè)計
——以90后脫發(fā)群體為例

趙 靚

（湖南工業(yè)大學(xué) 包裝設(shè)計藝術(shù)學(xué)院,湖南株洲 412000）

一、信息圖表概述

在平面設(shè)計的發(fā)展歷程之中，信息圖表自身其實(shí)就是作為平面設(shè)計的一個子集且穿插于其中，信息是借助視覺意象這一介質(zhì)來傳播的，因此，更確切地說，視覺傳達(dá)設(shè)計是圖表設(shè)計的建構(gòu)模型，是圖表敘事的視覺表征，二者既有機(jī)結(jié)合展現(xiàn)二重性的多維空間，又存在于彼此的發(fā)展演變之中。

從最早的信息圖表只是極為簡單的數(shù)據(jù)匯總，如丹尼斯?狄德羅和圣?讓?達(dá)朗貝爾共同繪制的《人類知識系統(tǒng)地圖》，類似于樹狀圖的最初雛形，他們僅是將數(shù)據(jù)進(jìn)行了層級整理。直到1976年美國著名圖表信息設(shè)計家理查德?烏爾曼提出“視覺信息圖表”這一名詞，他提倡的是構(gòu)造視覺信息建構(gòu)的方式，是圖表設(shè)計師應(yīng)當(dāng)搜集數(shù)據(jù)和信息的內(nèi)核并將其以清楚、簡明的體例顯現(xiàn)給受眾。由此視覺設(shè)計語言才被廣泛應(yīng)用于信息圖表的制作之中，圖表的設(shè)計表達(dá)誕生了新的視覺范式，視覺傳達(dá)設(shè)計也開始囊括信息所帶來的數(shù)據(jù)新基因。

而今，信息圖表設(shè)計在感知形式以及媒介選擇上的多種多樣，也拓展了它的界定領(lǐng)域，圖表設(shè)計師的嘗試探索，多種學(xué)科的交叉混合，也將其推向了更高的平臺。

二、信息圖表的設(shè)計方法

（一）架構(gòu)信息——碎片化數(shù)據(jù)的排演

架構(gòu)信息其實(shí)就是對最初碎片化、零散的數(shù)據(jù)進(jìn)行分類組織，將收集到的信息進(jìn)行篩選并找出這些信息元素間的大小層級和相互關(guān)系，針對90后脫發(fā)群體的這一調(diào)查，抓取受眾最為關(guān)注的要點(diǎn)就是引起脫發(fā)的成因，通過梳理原因構(gòu)成圖表的基本框架，完成信息架構(gòu)。

據(jù)調(diào)查表明，現(xiàn)代人脫發(fā)群體普遍年輕化，與生活節(jié)奏、飲食習(xí)慣密切相關(guān)。90后的脫發(fā)成因歸結(jié)為：精神性脫發(fā)、內(nèi)分泌失調(diào)性脫發(fā)、營養(yǎng)代謝性脫發(fā)、化學(xué)性脫發(fā)四個方面，而最為常見的脫發(fā)類型是脂溢性脫發(fā)，這一類型有別于上述四個方面，其成因主要與雄性激素含量過高、油脂分泌過多最終導(dǎo)致脫發(fā)有關(guān)。出現(xiàn)這種情況的具體生理過程是由于人體內(nèi)部雄性激素的激增，導(dǎo)致睪酮值升高，產(chǎn)生大量雙氫睪酮，最后導(dǎo)致毛囊受損，進(jìn)而脫發(fā)。雄性激素作為根本原因作用于脫發(fā)這項(xiàng)生理性變化的始終，成為構(gòu)架信息的主線，也是后文提到的抽象元素搭建的關(guān)鍵。

導(dǎo)致90后脫發(fā)的四個方面，構(gòu)成脂溢性脫發(fā)這個主線延展開的四條支線，且這四種成因有其各自不同的主導(dǎo)激素，化學(xué)及生理變化，在此之上便開始了信息之間關(guān)聯(lián)的建立。

（二）“脫發(fā)成因”這一抽象元素的關(guān)系搭建

在繪制圖表時，最重要的就是把人們看不見的信息以容易理解的方式表達(dá)出來，90后脫發(fā)群體大調(diào)查的信息圖表所要表現(xiàn)的就是人體脫發(fā)過程中的化學(xué)變化，在上述要點(diǎn)所提及的四方面的脫發(fā)成因，其實(shí)最終離不開脫發(fā)的根本原因，那就是雄性激素造成的一系列化學(xué)變化——脂溢性脫發(fā)。這一變化是一條縱向延伸的變化，根據(jù)這一縱向變化為我的圖表框架的構(gòu)建確立了一條主線，基于這條主線，可以串聯(lián)起另外四點(diǎn)脫發(fā)成因。由此，初始的框架已確立，也就是概念草圖，這是我們制作圖表的第一步，盡管思路還不清晰，但隨著線條簡單的相交與折疊中，在想象中不斷地進(jìn)行“構(gòu)架”與“再構(gòu)架”，就產(chǎn)生了草圖的原型。

（三）視覺范式——視覺元素的設(shè)計要義

信息設(shè)計作為平面設(shè)計和統(tǒng)計學(xué)結(jié)合的一個學(xué)科方向，其特點(diǎn)就是感性和理性并重。在信息圖表的設(shè)計中，視覺元素作為信息闡釋的手段，經(jīng)由將文本形象化、信息秩序化和藝術(shù)同量化等，輔以圖像、文字、色彩、符號等視覺元素的綜合應(yīng)用，強(qiáng)化圖表信息的豐富性以及感染性。因而，在視覺語言的選擇上，我運(yùn)用Illustrator繪圖軟件以矢量線性插畫的方式作為主要視覺語言，在元素形象的探索上，我最初想從化學(xué)鍵的視覺形象中抽取靈感，像睪酮、5α還原酶的化學(xué)分子式中有著共同的形式特征，如六邊形外框、細(xì)長的箭頭、拉長的類似等號的雙杠符號等元素；在表達(dá)元素運(yùn)動狀態(tài)的元素選取上，環(huán)形曲線、帶有動勢的箭頭以及小元素的集散與聚合等，從而拉出圖表中的時空層次，帶給讀者更為身臨其境的體驗(yàn)感。

這些在平面構(gòu)成中我們屢試不爽的元素：點(diǎn)、線、面，他們在信息圖表中的有機(jī)結(jié)合，不斷變化，且讓設(shè)計師把握這些視覺元素的編排，如：大小的差異、元素間的拼合、形態(tài)的轉(zhuǎn)化和位置的不同，構(gòu)成一定的視覺效果，從而塑造受眾發(fā)生預(yù)期的心理模型。

具有被受眾眼球良好感知的手段其一，就是色彩的使用，好的色彩搭配可以達(dá)到極好的視覺傳播效果。因此，在信息圖表的設(shè)計中色彩也發(fā)揮著不容忽視的作用。在色彩的運(yùn)用方面，一方面因色彩所具有獨(dú)特的空間特性，通過相近色、對比色、補(bǔ)色、明度、純度的合理規(guī)劃運(yùn)用，可以分清信息的主次和從屬關(guān)系，元素間的大小層級和相互關(guān)系；另一方面在圖表搭載信息量繁雜，排版結(jié)構(gòu)較為復(fù)雜時，色彩對氣氛營造作用，使得圖表整體給人感覺輕松、自然以及色相、色調(diào)飽和度的不同，對區(qū)分主體信息，強(qiáng)調(diào)部分扮演著重要角色。

（四）引導(dǎo)視像元素解釋數(shù)據(jù)

鑒于我的研究題目是關(guān)于身體結(jié)構(gòu)內(nèi)部發(fā)生的生理變化過程，且導(dǎo)致脫發(fā)的因素是沒有特定具象形式的化學(xué)元素，像雙氫睪酮、雄性激素受體這些生理激素在人們心中并無固定形象，因而我選用幾何抽象元素來作為形式轉(zhuǎn)換，試著把人體內(nèi)部結(jié)構(gòu)想象成一個加工機(jī)械裝置的“工廠”，那么循環(huán)在人體內(nèi)部的激素就如同工廠流水生產(chǎn)線上的裝備“零件”，可以是小的齒輪或是機(jī)械裝備構(gòu)件，身體代謝的快慢、頭部油脂的分泌、內(nèi)分泌腺體的異常，會驅(qū)動“工廠”局部“加工系統(tǒng)”出現(xiàn)變化，進(jìn)而導(dǎo)致壞死毛囊的產(chǎn)生，最終形成脫發(fā)。例如，在繪制雄性激素引起脫發(fā)的這一生理變化過程時，最初產(chǎn)生雄性激素的器官機(jī)制是這一變化的第一步，簡單來說也就是睪丸分泌雄性激素，然后與雄性激素受體結(jié)合后經(jīng)5α酶的作用，產(chǎn)生睪酮的這一過程。我用幾何圖形來演繹了這一過程，將睪丸這一器官形式轉(zhuǎn)化為兩個雙球體間通過下方滾筒的鏈條傳送，將分泌的雄性激素小矩形與另一條傳送帶中的雄性激素受體，在5α酶的圓形電子場中充分結(jié)合，發(fā)生作用，形成睪酮，然后開始下一過程的變化。通過視像圖形的演繹，無須復(fù)雜的數(shù)據(jù)和文本，受眾便能清晰明了這一過程了。

（五）優(yōu)化視覺語言營造的語義場

圖表設(shè)計師為了保持圖表傳遞信息的高效性，去除不必要的信息對主要信息的干擾，最后需要做的就是對信息圖表的整體優(yōu)化，設(shè)計師語義的完整表達(dá)。信息圖表對主題內(nèi)容的經(jīng)營完成后，在不改變原有視覺語義的前提下，對整體視覺效果的補(bǔ)充、完善，可以是色彩的整體調(diào)和、排版的優(yōu)化布局，都是在為整幅圖表營造一個完整的情景，使受眾能身臨其境于其中完成信息交流。

在此之前的圖表設(shè)計統(tǒng)一做的是黑白稿，然后將重點(diǎn)信息的上色，顏色主要以暖色調(diào)為主，符合人體生理變化的顏色映像，其余次要信息如文字、其他符號等采用同色系淺色或淺灰色，將貫穿全圖的動勢線用藍(lán)灰色表示，與主體色調(diào)相區(qū)別開來，以便讀者獲得流暢、清晰的信息。

元素的視覺形象轉(zhuǎn)換為圖表增添了很多趣味性，而圖表整體的排版布局則關(guān)系到讀者究竟能否直觀、高效的獲取所需信息，排版布局的重要性自然是不言而喻。根據(jù)研究發(fā)現(xiàn)，讀者在閱讀時的視線習(xí)慣是從左上向右下看去，且時間也是如此。將此理論運(yùn)用于我的圖表設(shè)計中，圖表所展示的脫發(fā)變化過程是從左上角的睪丸分泌激素這一變化開始，最后以右下角的毛囊壞死，頭發(fā)脫落這一變化作為結(jié)束，以前文提及脫發(fā)的根本原因作為主線貫穿其余四項(xiàng)脫發(fā)成因的支線，上下圍繞在主線周圍，配以數(shù)字和逐漸增大的箭形符號來表現(xiàn)頭發(fā)脫發(fā)的動態(tài)過程。

最后調(diào)整畫面布局，補(bǔ)充一些輔助的圖形和文字建立不同模塊的連接，將關(guān)鍵信息輔以文字注釋，特定的激素、器官形象放大，做細(xì)節(jié)描繪、單獨(dú)展示，并與所收搜集到的數(shù)據(jù)進(jìn)行校對，審閱。

圖1

三、結(jié)論

信息圖表設(shè)計作為逾越了語種的溝壑，匯集了圖形、色彩、符號、文字、時空等視覺信息元素，不但將視覺審美藝術(shù)同量化，且可以和精確的數(shù)據(jù)文本信息相結(jié)合，構(gòu)成易于表達(dá)而且具有藝術(shù)色彩的圖形格局。它的普遍意義就在于讓價值得以完整的傳遞，塑造賞心悅目的視覺體驗(yàn)。正如烏爾曼所說:“圖表設(shè)計不是簡單的資料整理，而應(yīng)該是真正賦予文化意義上的理解，在知性基礎(chǔ)上展開藝術(shù)創(chuàng)作，由手上的傳遞變?yōu)閮?nèi)心的傳達(dá)。”

正如圖表設(shè)計界一句流傳已久的名言：“Data is the new oil.”數(shù)據(jù)化時代，信息的滾滾源流蘊(yùn)含著珍貴的商機(jī)、價值，受眾對于營造一場“數(shù)字大餐”式的視覺盛宴樂此不疲，且信息圖表所跨越的統(tǒng)計學(xué)、視覺傳達(dá)設(shè)計、社會學(xué)、心理學(xué)多個領(lǐng)域，多種學(xué)科相互交叉混合，給人帶來意外深長的傳播體驗(yàn)。但我更青睞大衛(wèi)?麥克坎德萊斯對這句名言的另一種說法：“Data is the new soil.”數(shù)據(jù)是新的土壤，在這片土壤上，我們栽種培育各式各樣的信息種子，施以不同語言的肥料，經(jīng)過或藝術(shù)、或量化的手段，最終開出圖表的繁花。