成藻

摘 要：移動(dòng)互聯(lián)網(wǎng)生活下，大眾的碎片化閱讀體驗(yàn)對(duì)信息的易讀性提出了更高的要求，信息傳播者如果在碎片時(shí)間內(nèi)不能有效提高大眾對(duì)數(shù)據(jù)信息的嗜求，那么信息的有效傳遞無從談起。因此，將文本和數(shù)據(jù)信息以圖像化、層次化、秩序化的方式提煉并加以重新排列就成為必然。本文旨在通過信息可視化設(shè)計(jì)的實(shí)際案例來歸納數(shù)字界面中信息可視化設(shè)計(jì)的思考方式。

關(guān)鍵詞：信息可視化；易讀性；碎片化

[該文為2016江蘇省高校哲學(xué)社會(huì)科學(xué)研究基金指導(dǎo)項(xiàng)目“符號(hào)學(xué)背景下的數(shù)字界面設(shè)計(jì)教學(xué)研究”成果，項(xiàng)目編號(hào)為2016SJD760023]

進(jìn)入21世紀(jì)以后，信息爆炸的時(shí)代來臨，新媒體手段以及互聯(lián)網(wǎng)對(duì)人類生活的浸潤使得大眾傳媒行業(yè)“信息超載”現(xiàn)象成為一種普遍，大眾對(duì)于有效信息的嗜求和文字、數(shù)據(jù)信息的低易讀性形成一組矛盾。而近十年來的移動(dòng)互聯(lián)生活和物聯(lián)網(wǎng)生活帶來了一種“碎片化”的生活方式：閱讀時(shí)間碎片化、閱讀方式碎片化。這就意味著用戶在瀏覽信息時(shí)，更可能是候車、茶歇、上洗手間的間隙，只能從零碎時(shí)間中掏出手機(jī)瀏覽新聞，缺乏一種沉靜下來閱讀的氛圍，那么艱澀的純數(shù)據(jù)信息或純文字信息就完全無法滿足這種閱讀方式的需求。

信息可視化手段概念正是在這樣的背景下被廣泛關(guān)注起來的新的設(shè)計(jì)方向。

1976年美國學(xué)者、著名圖表信息設(shè)計(jì)家理查德·烏爾曼（Richard Saul Wurman ）首次提出了“視覺信息圖表”的概念。他認(rèn)為視覺信息圖表設(shè)計(jì)是一種構(gòu)造信息結(jié)構(gòu)的方式，根本任務(wù)是對(duì)信息的視覺化表達(dá)，換句話說設(shè)計(jì)師需要具備在復(fù)雜信息中提取關(guān)鍵信息并重新設(shè)計(jì)表現(xiàn)形式的能力。從這個(gè)意義上來說，信息圖表可以超越語言和文化界限來傳達(dá)信息，并形成更加高效的方案。

而早在20世紀(jì)，伴隨著城市的工業(yè)化進(jìn)程和現(xiàn)代城市交通系統(tǒng)，這種特殊的構(gòu)建信息的圖表化操作方式就已經(jīng)出現(xiàn)了。這個(gè)例子就是倫敦地鐵線路圖表的繪制。

地鐵路線圖在生活中對(duì)空間層次的圖像化表現(xiàn)與人們密切相關(guān)，現(xiàn)今絕大多數(shù)城市的地鐵線路圖遵照的都是倫敦地鐵圖的繪制手法，即：由英國的工程會(huì)圖師Harry Beck在1931年繪制的地鐵道路方法——所有折線呈45°、90°或135°。之后世界上絕大多數(shù)城市的地鐵線路圖基本遵循此種規(guī)律。

（圖①的1889年的倫敦地鐵圖 、圖②的2002年的倫敦地鐵圖及圖③東京、④上海、⑤南京、⑥北京地鐵線路圖）它們都屬于信息在空間層次的展示。

2006年，BBC發(fā)起了“英國最偉大的設(shè)計(jì)”評(píng)選，超過20萬名觀眾參與了投票，Beck設(shè)計(jì)IDE地鐵線路圖名列第二，僅次于世界上最美飛機(jī)——協(xié)和客機(jī)。80多年來，Beck設(shè)計(jì)的地鐵線路圖仍被視為新地鐵路線設(shè)計(jì)的標(biāo)桿。

地鐵線路圖在20世紀(jì)上半葉就被納入信息可視化設(shè)計(jì)的工作任務(wù)中，不得不承認(rèn)是因?yàn)橛^看線路圖的人所處的時(shí)間場(chǎng)合和今天人們的碎片化時(shí)間場(chǎng)合極其相似。

進(jìn)入移動(dòng)互聯(lián)時(shí)代，數(shù)字傳媒的工作焦點(diǎn)更是集中在“怎樣使人們更方便地獲得有價(jià)值的信息”上。信息可視化設(shè)計(jì)實(shí)質(zhì)上是一種視覺化語言的傳達(dá)方式，將數(shù)據(jù)文本進(jìn)行圖像化、時(shí)間空間層次化以及對(duì)信息進(jìn)行秩序化提煉處理，并通過對(duì)各種視覺元素運(yùn)用來將那些原始信息間的相對(duì)關(guān)系重新表達(dá)。在此過程中，用視覺化語言的傳達(dá)方式來提高信息傳達(dá)過程中的感染力及傳播效率，同時(shí)也形成其特有的形式美。因此有人說原始信息好像是一個(gè)萬花筒，設(shè)計(jì)者通過旋轉(zhuǎn)萬花筒，筒中的信息源便會(huì)碰撞組合成不同的組合形式和完美的畫面效果。

在數(shù)字互聯(lián)的大眾傳媒生活中，信息可視化設(shè)計(jì)可以同時(shí)在時(shí)間、空間、邏輯、數(shù)據(jù)方面給予信息一個(gè)秩序化的整理方案。這種方案本身也是符號(hào)學(xué)的表現(xiàn)方式之一，色塊、線條、x軸、y軸分別是能指，們所代表的目的物是所指，因此信息可視化設(shè)計(jì)的過程其實(shí)也是使能指從混亂到有序化的一個(gè)過程。

思維導(dǎo)圖就是很多行業(yè)工作中對(duì)信息和思維的一種可視化整理方案。百度百科對(duì)“思維導(dǎo)圖”一詞的解釋是：“思維導(dǎo)圖又叫心智導(dǎo)圖，是表達(dá)發(fā)散性思維的有效圖形思維工具 ，它簡(jiǎn)單卻又很有效，是一種革命性的思維工具。思維導(dǎo)圖運(yùn)用圖文并重的技巧，把各級(jí)主題的關(guān)系用相互隸屬與相關(guān)的層級(jí)圖表現(xiàn)出來，把主題關(guān)鍵詞與圖像、顏色等建立記憶鏈接?！保ㄒ妶D⑦、⑧）

通過案例可見的是絕大多數(shù)思維導(dǎo)圖呈現(xiàn)的是邏輯關(guān)系上的層級(jí)概念，并且由于適用場(chǎng)合多為工作團(tuán)隊(duì)討論以及教學(xué)，邊討論邊修改、涂涂畫畫的工作模式使得思維導(dǎo)圖偏重專業(yè)性以及邏輯性，因此對(duì)于大眾傳播的意義不是很廣泛。

那么大眾傳播媒介中出現(xiàn)的信息可視化案例的特征我們有必要從大眾媒介來認(rèn)識(shí)。

邏輯分析類的展示：（圖⑨、⑩圖釋莆田系如何掌控全國80%的民營醫(yī)院）

這則案例由騰訊新聞首發(fā)，后被各大媒體紛紛轉(zhuǎn)載。第一幅圖用六個(gè)合伙人作為坐標(biāo)，用橙、綠、藍(lán)、紅、紫、靛六個(gè)色的定位標(biāo)記將全國各個(gè)省份的莆田軍團(tuán)劃分清晰；第二幅圖簡(jiǎn)單地用家族譜系的方式，將莆田系四大醫(yī)療集團(tuán)之間的師徒傳承、隸屬關(guān)系展現(xiàn)得清晰明了，也使大眾對(duì)莆田系醫(yī)療集團(tuán)的由來和勢(shì)力情況徹底了解。

空間層次的展示：華航客機(jī)澎湖列島空難事件（圖{11}、{12}）

圖像中用兩幅中國東南部海岸線簡(jiǎn)圖，將臺(tái)海范圍內(nèi)從浙江寧波到福建廈門一帶的各大城市與臺(tái)灣基隆、臺(tái)北、新竹、釣魚島等地理位置進(jìn)行連線并標(biāo)注公里數(shù)，目標(biāo)是讓大眾了解事發(fā)的地理位置以及與臺(tái)海直航各地的航線距離。

數(shù)據(jù)內(nèi)容的展示：臺(tái)灣空難各航空公司數(shù)量統(tǒng)計(jì)表（圖{13}）

臺(tái)灣空難各航空公司數(shù)量統(tǒng)計(jì)表更為簡(jiǎn)單清晰：這則案例先用八個(gè)安全帽標(biāo)志標(biāo)注了八起ATR72這款機(jī)型自1994年至今發(fā)生事故的次數(shù)；然后又用柱狀圖塊標(biāo)注臺(tái)灣七大航空公司的空難次數(shù)。對(duì)于成組數(shù)據(jù)內(nèi)容的展現(xiàn)，用柱狀圖表、餅狀圖表、折線圖這樣的表達(dá)方式非?；睘楹?jiǎn)、返璞歸真。

時(shí)間節(jié)點(diǎn)的展示：美國總統(tǒng)大選時(shí)間表（見圖{14}）

這個(gè)設(shè)計(jì)也非常直接，以x軸為脈絡(luò)，從左至右地標(biāo)注2012年10月大選之后開始的每個(gè)時(shí)間段的政治事件和工作規(guī)劃，一直延續(xù)到2013年3月。在這個(gè)過程中以x軸的刻度長(zhǎng)短來表現(xiàn)每項(xiàng)工作之間的間隔時(shí)間，表述十分的精準(zhǔn)和嚴(yán)密。

數(shù)據(jù)信息的展示：SK-II“神仙水”對(duì)各方面膚質(zhì)的改善指數(shù)（圖{15}）

SK-II“神仙水”在各個(gè)平臺(tái)廣告中出現(xiàn)的五邊形雷達(dá)圖表是一個(gè)典型意義上在新媒體和傳統(tǒng)媒體上同時(shí)獲得成功的視覺可視化設(shè)計(jì)案例。設(shè)計(jì)師用一個(gè)改良化了的深紅色五邊形雷達(dá)圖表將產(chǎn)品的五個(gè)訴求點(diǎn)展示出來，光線色調(diào)都與SK-II的品牌VI一致，形成一種精致、統(tǒng)一的畫風(fēng)，為產(chǎn)品增色不少。

以上這些都是信息可視化設(shè)計(jì)中比較成功的案例，之所以取得成功很重要的一點(diǎn)是得益于它們?cè)诖蟊娖脚_(tái)上的傳播效果，設(shè)計(jì)師不僅在核心信息的整理和把握上化繁為簡(jiǎn)，更體現(xiàn)了可視化圖表的核心價(jià)值：“言有盡而意無窮?！币_(dá)到這一點(diǎn)就要了解到這種圖像化的表征方式實(shí)質(zhì)上也來源于符號(hào)學(xué)的傳統(tǒng)。

盧少夫在《圖表設(shè)計(jì)的市場(chǎng)效應(yīng)》一書中就對(duì)信息圖表設(shè)計(jì)做了歸納：“圖表是指將某種理性的觀念事物以視覺圖形的形式制作而成的并帶有某些表格特征的符號(hào)。” 而信息可視化的圖表設(shè)計(jì)也是正以符號(hào)形式表征所指信息，完全符合符號(hào)學(xué)理論。

信息可視化設(shè)計(jì)需要一種特殊的設(shè)計(jì)思維，它是在做將信息符號(hào)化的工作，這種設(shè)計(jì)思維實(shí)質(zhì)也是對(duì)能指符號(hào)的挑選、組合、整理。信息可視化設(shè)計(jì)從符號(hào)學(xué)理論來看也是用能指符號(hào)對(duì)所指信息源進(jìn)行提煉、整合、設(shè)計(jì)的過程，在這個(gè)過程中所指的信息源由無序狀態(tài)轉(zhuǎn)化成為能指符號(hào)的有序狀態(tài)，并形成自己特有的形式美。

參考文獻(xiàn)：

[1]盧少夫.圖表設(shè)計(jì)的市場(chǎng)效應(yīng)[M].上海：上海人民美術(shù)出版社，2002.

[2]胡飛.設(shè)計(jì)符號(hào)與產(chǎn)品語意[M].北京：中國建筑工業(yè)出版社，2014.

[3]羅蘭巴特.符號(hào)學(xué)美學(xué)[M].沈陽：遼寧人民出版社，2010.

作者單位：

金陵科技學(xué)院