成藻

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

作者單位：

金陵科技學(xué)院