淺析視覺傳達下的信息圖表設計
——以90后脫發群體為例

趙 靚

（湖南工業大學 包裝設計藝術學院,湖南株洲 412000）

一、信息圖表概述

在平面設計的發展歷程之中，信息圖表自身其實就是作為平面設計的一個子集且穿插于其中，信息是借助視覺意象這一介質來傳播的，因此，更確切地說，視覺傳達設計是圖表設計的建構模型，是圖表敘事的視覺表征，二者既有機結合展現二重性的多維空間，又存在于彼此的發展演變之中。

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

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

二、信息圖表的設計方法

（一）架構信息——碎片化數據的排演

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

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

導致90后脫發的四個方面，構成脂溢性脫發這個主線延展開的四條支線，且這四種成因有其各自不同的主導激素，化學及生理變化，在此之上便開始了信息之間關聯的建立。

（二）“脫發成因”這一抽象元素的關系搭建

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

（三）視覺范式——視覺元素的設計要義

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

這些在平面構成中我們屢試不爽的元素：點、線、面，他們在信息圖表中的有機結合，不斷變化，且讓設計師把握這些視覺元素的編排，如：大小的差異、元素間的拼合、形態的轉化和位置的不同，構成一定的視覺效果，從而塑造受眾發生預期的心理模型。

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

（四）引導視像元素解釋數據

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

（五）優化視覺語言營造的語義場

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

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

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

最后調整畫面布局，補充一些輔助的圖形和文字建立不同模塊的連接，將關鍵信息輔以文字注釋，特定的激素、器官形象放大，做細節描繪、單獨展示，并與所收搜集到的數據進行校對，審閱。

圖1

三、結論

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

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