信息圖表設(shè)計中形式與功能的關(guān)系探究

摘? 要：厘清既有文獻中信息圖表設(shè)計形式與功能的關(guān)系與創(chuàng)作法則，并通過實踐案例驗證與對照既有理論并探究新問題。運用文獻分析法，案例分析法，并應(yīng)用實踐案例檢驗理論，從文獻理論中歸納信息圖表設(shè)計中形式與內(nèi)容的關(guān)系及創(chuàng)作方法，通過系列案例研究分析出信息設(shè)計的參考準(zhǔn)則，并將其作為理論依據(jù)在霧霾信息圖表設(shè)計實踐中加以驗證，通過設(shè)計實踐對照既有理論進一步探究信息圖表中新的形式與功能?！靶问椒墓δ堋钡脑O(shè)計思想也存在于信息設(shè)計的系統(tǒng)中，信息設(shè)計的邏輯性、藝術(shù)性、趣味性并存。信息清晰準(zhǔn)確傳達是信息圖表的功能，信息圖表設(shè)計中形式追隨功能的同時，形式也被功能約束，同時功能會限制形式表達。信息設(shè)計中形式與功能的創(chuàng)作方法有架構(gòu)預(yù)設(shè)、視覺隱喻、版面布局。信息設(shè)計過程中，要更多考慮如何美觀、簡潔、有條理地展示大量的信息，這需要結(jié)合信息的認(rèn)知與交流原則，同時兼顧信息傳達的功能。在創(chuàng)作過程中關(guān)注功能的部分也驗證了不同的功能需要不同的形式表現(xiàn)。在信息易讀功能基礎(chǔ)上，通過文字版式設(shè)計、網(wǎng)格結(jié)構(gòu)、圖形分布、色彩表意等形式法則進一步幫助觀看者找到信息之間的關(guān)聯(lián)性和層次感。要達到快速有效傳遞信息的目的，需創(chuàng)造與受眾產(chǎn)生情感的紐帶，這需要賦予信息圖表趣味性。

關(guān)鍵詞：信息圖表設(shè)計；藝術(shù)設(shè)計；形式與功能；設(shè)計實踐

基金項目：本文系2020年度江蘇省高校哲社項目“南京地標(biāo)標(biāo)志設(shè)計之意象化符號學(xué)探討”（2020SJA0600）研究成果。

隨著大數(shù)據(jù)與移動網(wǎng)絡(luò)的快速發(fā)展人們面臨著大量的信息，圖表相比數(shù)字和文字更容易被人類理解，也可以更容易與更快速地被人腦認(rèn)知（Alazmi，2012）[1]。當(dāng)下對于形式與功能的探討，大多存在于藝術(shù)圖像與產(chǎn)品設(shè)計的領(lǐng)域，對于信息設(shè)計這一交叉學(xué)科中形式與功能的關(guān)系探討有所欠缺，值得進一步探討研究。該研究可以更好地將信息圖表設(shè)計理論與實踐相結(jié)合，總結(jié)經(jīng)驗幫助更多設(shè)計者解決信息圖表設(shè)計中形式與功能的問題，厘清既有文獻中信息圖表的形式與功能的關(guān)系與創(chuàng)作法則，并透過應(yīng)用實踐案例驗證理論探討新發(fā)現(xiàn)。

一、研究背景與目的

（一）研究背景

20世紀(jì)70年代，英國設(shè)計師特格拉姆第一次使用“信息設(shè)計”這個詞語。其主要使用于傳統(tǒng)的基于視覺傳達中的產(chǎn)品設(shè)計、事件設(shè)計等（厲程、楊曄，2015）[2]。信息設(shè)計不同于提倡“精美的藝術(shù)表現(xiàn)”的平面視覺化，而是更重視“進行有性能的信息傳遞”為主旨的視覺藝術(shù)門類（張志賢，2015）[3]?，F(xiàn)代信息設(shè)計最常見的形式是圖表、資料表和各種宣傳材料。信息可視化可以使用圖表來改善人類對信息的認(rèn)知，并增加人類視覺系統(tǒng)和看到趨勢的能力（Heer，Bostock & Ogievetskey，2016）[4]。

（二）研究問題與目的

本文的研究問題有：過往文獻中關(guān)于信息圖表設(shè)計中的形式與功能的關(guān)系與創(chuàng)作方法如何；通過霧霾信息圖表設(shè)計實踐驗證理論后的新發(fā)現(xiàn)是什么；設(shè)計者在信息圖表設(shè)計實踐過程中應(yīng)如何處理形式與功能的關(guān)系。研究目的是梳理出既有文獻中形式與內(nèi)容的關(guān)系、創(chuàng)作方法、設(shè)計準(zhǔn)則。通過霧霾信息圖表設(shè)計實踐進一步對照理論并總結(jié)新經(jīng)驗，為未來設(shè)計者的信息圖表設(shè)計實踐提供指導(dǎo)。

二、文獻探討

（一）信息圖表設(shè)計的概念

信息設(shè)計作為信息可視化的一種重要的表現(xiàn)手段，其包含信息圖表（Infographics）、信息圖（Infogram）、信息可視化（Information Visualization）、信息設(shè)計（Information Design）、信息架構(gòu)（Information Architecture）、信息科學(xué)（Information Science），其流程軸層層遞進[5]。其目的是用快速和清晰的方式傳達信息和提供信息，使得目標(biāo)受眾能夠觀察、探索以至立即理解大量信息。其本質(zhì)是設(shè)計師根據(jù)信息內(nèi)容理解，并結(jié)合多學(xué)科知識，運用圖形語言傳達主題內(nèi)容（Smiciklas，2017）[6]。信息設(shè)計具有跨領(lǐng)域?qū)W科屬性，它通過合適的媒介載體和實驗將復(fù)合性的內(nèi)容、故事或數(shù)據(jù)進行記錄、展示和保存，具有復(fù)合性、跨學(xué)科性、實驗性的特點。復(fù)合性（Complexity）指設(shè)計師具備的整合、編輯、分析的綜合能力；跨學(xué)科性（Interdisciplinarity）即這個學(xué)科受不同學(xué)科影響，結(jié)合不同學(xué)科的方法和準(zhǔn)則進行表達；實驗性（Experiment）則是在這個學(xué)科領(lǐng)域范疇內(nèi)。魯曉波和卜瑤華在《包裝工程》上發(fā)表的論文《信息設(shè)計的概念與方法研究》中提到信息設(shè)計是結(jié)合平面設(shè)計、技術(shù)性與非技術(shù)性的創(chuàng)作、心理學(xué)、溝通理論和文化研究等諸多跨專業(yè)學(xué)科[7]。因其受豐富的信息量快速增長的影響，設(shè)計師需嘗試不同的概念和視覺形式（Schuller，2007）[8]。所以從某種程度上來說，信息設(shè)計是通過將數(shù)據(jù)進行重塑或轉(zhuǎn)譯的手法，以適當(dāng)?shù)妮d體和實驗整合轉(zhuǎn)變?yōu)橐资褂煤鸵桌斫獾男畔?，展示給受眾其獨特的美感（易敏哲、林廷宜，2018）[9]。Pettersson（2002）認(rèn)為，信息設(shè)計在前期就需要進行分析項目與規(guī)劃方案，在此基礎(chǔ)上才能展示出良好的效果[10]。Harrison，Reinecke和Chang（2019）的研究表明，信息圖表的第一印象是主要基于顏色和視覺復(fù)雜性的吸引力。通過研究，人們發(fā)現(xiàn)“可理解”“簡單”“視覺”“顏色”“易讀”都能獲得更多的關(guān)注率，但并非所有信息都是平等的，有些信息比其他信息更有價值[11]。通過始終如一地使用格式、位置和元素，設(shè)計師可以將隱藏信息添加到他們的設(shè)計實踐中，以便目標(biāo)受眾可以理解他們想要傳達的內(nèi)容，并選擇一種圖形形式在圖表設(shè)計中使用，例如合適的字體、形狀、規(guī)則和顏色。一個優(yōu)秀的設(shè)計師可以使用合適的形式語言創(chuàng)建一個恰當(dāng)?shù)男畔D表（Morris & Wocknitz，2013）[12]。除此之外，信息可視化也是對于信息數(shù)據(jù)視覺化的說明，其對象的數(shù)據(jù)量更加龐大，Moere和Purchase（2011）認(rèn)為信息可視化是支持人們分析和了解大型復(fù)雜數(shù)據(jù)的手段和工具之一[13]。Lankow，Ritchie和Crooks在2016年表示，信息可視化是將數(shù)據(jù)和想法的視覺化，把復(fù)雜的信息知識快速，清晰地傳達給的目標(biāo)對象[14]。信息可視化是設(shè)計師用來幫助他們向目標(biāo)受眾快速清晰展現(xiàn)復(fù)雜故事的一種工具，可以結(jié)合文本、圖表、圖像等形式語言表現(xiàn)。提出信息可視化有三個功能：1.向讀者傳達數(shù)據(jù)的信息描述；2.提供不同的視覺探索；3.使用數(shù)據(jù)作為自我表達。于此同時，信息設(shè)計通過類型、顏色、圖形、圖像、時間、亮度、材質(zhì)和原料等圖形元件的重組吸引受眾視覺感官，其功能是清晰傳遞內(nèi)容信息，達到提醒、解釋、娛樂或指示的目的。可見信息設(shè)計功能繞不開對受眾的信息有效傳達，但同時要兼具清晰醒目的視覺特質(zhì)，這需要設(shè)計者對信息設(shè)計的形式語言進行設(shè)計把控。

（二）信息圖表設(shè)計中的形式與功能

文中探討的形式與功能指信息圖表設(shè)計中形式與功能的關(guān)系，以及信息圖表設(shè)計中形式與功能的創(chuàng)作方法。Cairo（2012）認(rèn)為，“功能約束并引導(dǎo)形式”，信息可視化不是藝術(shù)家展現(xiàn)自己內(nèi)心世界和感受的手段，因此信息可視化在功能性、客觀性、精確度和美觀度是存在沖突的[15]。Kirk（2012）則認(rèn)為，信息圖表最后呈現(xiàn)效果應(yīng)在美學(xué)上具有吸引力和資訊傳遞功能，良好的美學(xué)可以使觀者產(chǎn)生批判的情緒和心理反應(yīng)，在做信息視覺化的時候，形式也應(yīng)被格外關(guān)注[16]。此外，Moere和Purchase（2018）認(rèn)為，即便設(shè)計師知道最有效的形式并不美觀，還是會換用具有藝術(shù)性和有吸引力的視覺形式去和觀眾溝通，這類信息圖表形式感強烈，卻不易于觀看者理解信息，因此會產(chǎn)生信息傳達內(nèi)容的缺失。若設(shè)計過程不能正確地表傳達信息，或者設(shè)計不合適的主題，不管它是否具有美感吸引力，都不能被認(rèn)為是高質(zhì)量的作品。Tufte的早期觀點（1997）則進一步認(rèn)為，信息圖表是功能性藝術(shù)，是結(jié)合藝術(shù)和信息來傳達清晰的內(nèi)容主題。信息圖表設(shè)計的功能取決于所使用數(shù)據(jù)的內(nèi)容與主題，不能過分忽視或過分強調(diào)形式，需視覺藝術(shù)性與功能傳播性兼?zhèn)鋄17]，其關(guān)系如圖1。

（三）信息圖表設(shè)計的創(chuàng)作方法

對于信息圖表設(shè)計中形式與功能的創(chuàng)作方法，相關(guān)文獻也給出了三種參考，即架構(gòu)預(yù)設(shè)、視覺隱喻、版面布局。架構(gòu)預(yù)設(shè)指信息圖表設(shè)計中每個標(biāo)記和設(shè)計特征都是出于某些功能原因而設(shè)計同時需要考慮形狀，顏色，標(biāo)簽的位置或交互式使用選項。視覺隱喻則意味著表達的形式，主題和設(shè)計具有特殊的象征意義。郝凝輝在談到信息圖表的設(shè)計原則時也提到，在采用隱喻方法圖表設(shè)計闡釋要在確保數(shù)據(jù)的真實的前提下進行[18]。而版面布局是信息設(shè)計中形式排列的重要步驟，信息設(shè)計過程中節(jié)點圍繞中心點進行組織，其位置與到達它的跳數(shù)相關(guān)。其主要設(shè)計功能是清晰準(zhǔn)確地展示資料，并且使得目標(biāo)受眾可以感受到信息圖表中的主題氣氛。為了客觀地呈現(xiàn)完整的信息，設(shè)計必須尊重事實并準(zhǔn)確連貫地反映信息。一方面盡量減少信息丟失，另一方面選擇傳遞最有價值的信息也是重點，判斷設(shè)計過程信息的有效與無效，無效的信息會分散讀者的注意力從而影響信息傳達，無法被讀者獲取甚至導(dǎo)致信息被扭曲。以觀看者為本的信息圖表設(shè)計創(chuàng)作方法旨在提供信息傳達工具，以改善設(shè)計物、設(shè)計師、用戶之間的互動關(guān)系（Mejía，2017）[19]。郝凝輝在論文中將信息圖表的創(chuàng)作方法分為“確定主題—獲取信息—信息分類—確定信息單位—確定草圖—設(shè)計圖稿—反復(fù)優(yōu)化”。胡飛與葉震寬在2022年的論文中針對信息設(shè)計方法分類，列出了75種圖表方法對應(yīng)“信息加工”“方法屬性”“設(shè)計流程”三個維度構(gòu)面，從信息的獲取、信息的分析與過濾處理、有價值信息的挖掘提煉、信息的可視化交互，并更細分為“獲取—分析—過濾—挖掘—呈現(xiàn)—修飾—交互”7個步驟。Dalton（2016）進一步強調(diào)信息圖形在向觀眾清楚傳達故事或信息時都有其邏輯和意義[20]，他們將信息圖表的創(chuàng)作過程列為：1.設(shè)定一個明確的目標(biāo)；2.選擇一種形式；3.考慮目標(biāo)受眾；4.做出一些特殊的意義；5.確保精心設(shè)計；6.使用可靠的數(shù)據(jù)資源。這些文獻中提到的關(guān)系與創(chuàng)作方法將應(yīng)用于之后的霧霾信息圖表設(shè)計實例中，并加以驗證探討。

三、研究方法與研究流程

本文研究方法有文獻分析法、案例分析法與使用信息設(shè)計實踐案例檢驗理論。首先通過文獻探討信息設(shè)計中形式與功能的關(guān)系理論根源，通過既有的文獻梳理出信息圖表設(shè)計中形式與功能的關(guān)系與創(chuàng)作方法；接著通過案例分析法分析三種不同的信息圖表案例歸納出信息圖表設(shè)計中形式與內(nèi)容的設(shè)計準(zhǔn)則；最后得這些理論梳理將應(yīng)用指導(dǎo)霧霾信息圖表設(shè)計實踐，再通過實踐過程與經(jīng)驗總結(jié)進一步發(fā)現(xiàn)形式與功能的新關(guān)系，借此為未來的信息圖表設(shè)計實踐提供參考。故其研究流程如圖2所示，是從理論和案例實踐中歸納與總結(jié)理論，再以信息圖表設(shè)計實踐加以檢驗與對照理論的過程，從而得到新的實踐經(jīng)驗與發(fā)現(xiàn)。

四、案例研究的結(jié)果與分析

以三組系列案例進一步總結(jié)形式與內(nèi)容的設(shè)計準(zhǔn)則。一是Giorgia Lupi和Stefanie Posavec 的設(shè)計作品“親愛的數(shù)據(jù)”（如圖3），設(shè)計師通過記錄了個人資料，收集和繪圖，制成信息圖表設(shè)計，然后以明信片的形式寄給對方。設(shè)計師嘗試以有邏輯的手繪方式，用有趣和自由的方式設(shè)計信息。胡飛與葉震寬在論文中指出，信息設(shè)計運用圖像、符號與數(shù)據(jù)更加清晰、高效、有趣地可視化內(nèi)容中的知識，強調(diào)信息傳遞清晰、有效、有趣。第二個案例是Stefanie Posavec的設(shè)計“有機體”（如圖4）。她設(shè)計了相同的花卉結(jié)構(gòu)，章節(jié)按照達爾文的原始文本劃分為子代碼，這些子代碼分為段落“葉”，小的楔形“傳單”代表句子，每個句子都是根據(jù)其是否延續(xù)應(yīng)用到藍色版本或是否被刪除而不在橙色版本內(nèi)進行著色。設(shè)計師在大約1.5米寬、2.5米高的地方創(chuàng)造了6條大橫幅。6條橫幅描繪了每一版的標(biāo)本板，仿佛從一本植物插圖中抽出來生長。每張圖紙都顯示原始圖表，表示了樹狀層次結(jié)構(gòu)的一部分，每個可見形式用于傳遞數(shù)據(jù)資料，包括使用顏色、花瓣的弧長、位置和莖序列。在Stefanie Posavec的信息圖表中，一切設(shè)計和放置都是有預(yù)謀和有用的，正如她所說：“我喜歡具有根本意義與邏輯的設(shè)計，其中所有的東西都出于某種原因，并且一切資料都有必須存在的原因。”可觀察到其設(shè)計原因或是依據(jù)主題或是依據(jù)邏輯。Kirk（2012）認(rèn)為該方法是基于設(shè)計師的判斷。這是對個人經(jīng)驗的解釋，他認(rèn)為信息圖表設(shè)計的關(guān)鍵是確定一些重要的設(shè)計目標(biāo)，這個過程中設(shè)計者主觀參與很多，因為信息設(shè)計的另一個功能是自我表達，所以在不影響信息圖表主題適恰性的情況下，設(shè)計師會根據(jù)個人經(jīng)驗和喜好設(shè)定了顏色和規(guī)則。但魯曉波和卜瑤華則有不同觀點，為了信息獲取與傳遞更高效，信息設(shè)計師更以應(yīng)該滿足信息受眾需求的方式進行形式組織、轉(zhuǎn)換和呈現(xiàn)；因此對于設(shè)計者而言自我表達與以受眾為中心雖有矛盾，但“有趣”卻是共性點。第三個案例研究來自August Miller“土豆生命周期”（如圖5）。信息圖表中顯示設(shè)計師對規(guī)則和顏色的自我定義的重要性。資料應(yīng)以合乎邏輯且有意義的方式呈現(xiàn)，并且需要在海報中清楚地描述解釋土豆生長周期部分，并在設(shè)計過程中選擇了與主題特質(zhì)相貼合的視覺圖形、字體、顏色。通過三組系列信息圖表設(shè)計案例總結(jié)出可以應(yīng)用在設(shè)計實踐中的參考準(zhǔn)則有：1.有趣。2.具有意義的形式和符合視覺邏輯的圖形關(guān)系。3.對選擇貼合內(nèi)容的圖形、字體、顏色進行定義。

通過文獻分析法歸納出信息設(shè)計中形式與功能的關(guān)系和創(chuàng)作方法，并透過系列案例分析總結(jié)出信息設(shè)計實踐中的參考準(zhǔn)則，研究歸納與發(fā)現(xiàn)如表1所示。通過既有文獻分析出信息設(shè)計中形式與功能的關(guān)系為功能取決于設(shè)計目的，功能限制形式，形式約束與追隨功能。信息設(shè)計的創(chuàng)作方法有架構(gòu)預(yù)設(shè)、視覺隱喻、版面布局。通過系列案例分析出信息設(shè)計案例中的參考準(zhǔn)則，并其研究結(jié)果歸納將用于后面指導(dǎo)霧霾信息圖表設(shè)計實踐中。

五、信息圖表設(shè)計實踐過程

霧霾信息設(shè)計實踐案例的設(shè)計過程分為：（一）觀看者調(diào)研；（二）數(shù)據(jù)的收集；（三）數(shù)據(jù)的分析與處理；（四）數(shù)據(jù)可視化與版面編排四個主要步驟。通過問卷調(diào)研收集到大眾對于環(huán)境中霧霾的客觀視覺印象。其次通過平臺收集數(shù)據(jù)并對有效數(shù)據(jù)進行分析、篩選、處理，最終圖形可視化數(shù)據(jù)并進行版面的布局安排。首先對觀看者進行調(diào)研：對觀看者族群進行用戶前調(diào)。觀看者受測人數(shù)為100人，其中性別男48人，女各52人，年齡跨度為18～57歲。問卷問題一：您對于霧霾的第一視覺印象如何？問題二：哪種顏色最能代表對于霧霾的印象？研究結(jié)果如圖6與圖7所示。在第一個問題中，61%的觀看者對霧霾的第一印象是沉悶，23%的觀看者對霧霾的第一印象是壓抑，8%的觀看者對霧霾的第一印象是臟亂，6%的觀看者對霧霾的第一印象是混亂，剩余2%選擇其他印象。在第二個問題中，66%的觀看者認(rèn)為最代表霧霾的顏色是深灰色，21%的觀看者認(rèn)為最代表霧霾的顏色是淺灰色，9%的觀看者認(rèn)為最代表霧霾的顏色是淡藍色，剩余4%的觀看者選擇了其他顏色。這些觀看者對霧霾視覺意象的調(diào)研結(jié)果將用于啟發(fā)后續(xù)創(chuàng)作中的形式表達，避免設(shè)計師在信息圖表設(shè)計過程中陷入主觀形式偏好，同時又不失去圖表語言的趣味性。之后的霧霾信息圖表實踐創(chuàng)作過程會以深灰色與淺灰色作為主要搭配色彩，且在視覺風(fēng)格上盡可能營造沉悶與壓抑的感覺，這樣的形式安排更會以觀看者為中心，提高信息設(shè)計作品信息準(zhǔn)確傳遞的功能，這與文獻中“以用戶為中心”的信息設(shè)計原則相吻合。

受眾觀感調(diào)研過后是對數(shù)據(jù)進行收集與篩選，數(shù)據(jù)資料來源于官方平臺http：//datacenter.mep.gov.cn/index，收集所需年份和日期的霧霾數(shù)據(jù)，包含總數(shù)據(jù)、平均資料和pm2.5數(shù)據(jù)，選擇的資料是從2014年1月至2017年04月。設(shè)計師需篩選出每個月的平均數(shù)值、最大值、最小值、方差，并在數(shù)據(jù)信息可視化中表現(xiàn)人們可以觀察到一個總的數(shù)值變化與趨勢，進行對比能明顯地觀察出各個月份的霧霾情況的嚴(yán)重程度，從而將其著力表現(xiàn)。其次是對數(shù)據(jù)分析與可視化處理，根據(jù)Baer與Vacarra（2008）的觀點，信息設(shè)計是將復(fù)雜且混亂的、無架構(gòu)組織的數(shù)據(jù)，轉(zhuǎn)變?yōu)橛幸饬x的、有價值的信息。在數(shù)據(jù)案例分析過程中[21]，數(shù)據(jù)最大的幾個月份被挑選出來，例如2014年10月、2015年11月和12月、2016年12月。根據(jù)設(shè)計目的，選擇時間最久的4個月份做突出展示。在主圖表最外圓環(huán)里，每個月份平均劃分為31天。數(shù)值單位為μg/m3（comgsm3），在每個區(qū)域里按照數(shù)據(jù)填上不同的顏色，表示不同的空氣等級（如圖8）。使用上文總結(jié)的隱喻設(shè)計方法，結(jié)合之前調(diào)研受眾觀感的視覺印象，在顏色上選取深灰色與淺灰色呈現(xiàn)出霧霾灰蒙蒙視覺特征，且營造沉悶感與壓抑感。主海報根據(jù)設(shè)計功能，展示信息的變化，使得觀看者能快速地讀取重要的信息，也能簡單地進行分析。主次海報則不需要將具體的分區(qū)，以不同的扇形和圓形表現(xiàn)出來也不需要包含太多的額外的信息（如圖9）。其次不同空氣品質(zhì)等級分別代表什么意思也需要被標(biāo)注，次海報2也使用了不同的視覺形式，遵守數(shù)值區(qū)分原則設(shè)計，將不同顏色等級的圓形放置在對應(yīng)的數(shù)值位置上。次海報3使用與主海報相同的視覺化方式展現(xiàn)，并要嚴(yán)格地使用單位和數(shù)據(jù)規(guī)則，并保持每個月的數(shù)據(jù)圖形的準(zhǔn)確性。在信息圖表設(shè)計過程中使用數(shù)據(jù)計算軟件，使信息圖形有邏輯地呈現(xiàn)，保證信息設(shè)計的準(zhǔn)確性。在信息圖表總圖的第一部分信息展示中，使用的是相同的主圖形，但是形式跟主海報是完全不一樣的（如圖10）。這一形式取決于功能的不同，需要保留所有的單位、扇形區(qū)分和單位圓環(huán)，同時需要將每部分用小圖標(biāo)額外地進行說明，這也與信息圖表設(shè)計中“形式跟隨功能”的原則相吻合。主海報中不同的部分和信息應(yīng)加少量的文字說明，其目的是需要讓目標(biāo)受眾快速獲得知識，此時應(yīng)盡量簡化文字，將信息通過圖表化、圖像化轉(zhuǎn)換為視覺圖示模塊的信息源，其最終目的是提高信息傳播的實際效能，突出該信息圖表設(shè)計的邏輯性與關(guān)聯(lián)性。

六、研究討論

信息設(shè)計整體需要有邏輯性，目標(biāo)受眾可以較好地理解和找到需要的信息。研究分析發(fā)現(xiàn)對于對信息圖表設(shè)計而言，整個視覺圖表版面是觀者與信息進行互動的界面，這個版面需要對信息進行整理和提煉后才能被用戶所理解，包括所運用的圖表類型、色彩、文字及各個元素的比例、定位等。通過整個設(shè)計實踐過程中，發(fā)現(xiàn)在信息設(shè)計里，只有被理解的信息才是有用的信息；就功能而言，首先要做的是對原始信息的篩選、過濾與梳理，將繁雜龐大的信息毫無保留地推向受眾是不合理的，信息應(yīng)先被提煉篩選后再被設(shè)計的清晰易懂。設(shè)計創(chuàng)作過程首先是收集與分析數(shù)據(jù)，設(shè)計師的數(shù)據(jù)管理是設(shè)計過程的重要部分。設(shè)計者在創(chuàng)建視覺化作品時，大部分時間應(yīng)該用于處理數(shù)據(jù)，而不是使用表格（Bigelow，etal，2014）[22]。設(shè)計者在進行信息圖表設(shè)計時，需根據(jù)設(shè)計目的，找出需要的信息與適合的類型，構(gòu)建合理的路徑、層級、結(jié)構(gòu)。這不僅需要設(shè)計師對信息結(jié)構(gòu)和特征進行充分的理解，還需要考慮滿足觀看者的視覺感官需要。信息圖表設(shè)計結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)那疤崾切枰O(shè)計者構(gòu)建清晰的思路與邏輯架構(gòu)。Moere and Purchase（2011）也秉持觀點認(rèn)為，“對于視覺形式的不同的作品，即適當(dāng)性、吸引力、美感、有效性，若沒有理性的架構(gòu)邏輯，就很難客觀地討論或比較它們，這是信息設(shè)計作品深度所在。”所以當(dāng)設(shè)計者發(fā)現(xiàn)一些視覺形式當(dāng)下很受歡迎，但卻在信息傳遞上有欠缺時，視覺設(shè)計師往往依據(jù)主觀偏好選擇流行的形式，這樣的信息圖表設(shè)計作品的適恰性存在爭議。胡飛與葉震寬論文中提出認(rèn)為信息設(shè)計的目的是考慮受眾使信息清晰而有效的傳遞，并讓信息設(shè)計更符合受眾的預(yù)期及偏好，當(dāng)面不同的受眾采用不同的方法，這與信息設(shè)計“以用戶為中心”的設(shè)計原則相吻合，強調(diào)設(shè)計者和觀者的感性認(rèn)知同樣重要。李樂山（2007）則認(rèn)為通過前期問卷調(diào)研出大多數(shù)人對于設(shè)計對象的視覺偏好更為客觀，觀者的問卷調(diào)研可以在一定程度上擺脫設(shè)計者的審美偏好[23]。與此同時，信息圖表設(shè)計相較于藝術(shù)設(shè)計更具有理性感、內(nèi)在邏輯感，設(shè)計者除了形式表達也是內(nèi)容的翻譯者。傳統(tǒng)的“形式服從功能”的現(xiàn)代主義設(shè)計思想依然存在于信息設(shè)計的系統(tǒng)中，但隨著信息設(shè)計的多樣化，富有藝術(shù)性的信息設(shè)計也層出不窮。信息設(shè)計既不是完全理性圖表生產(chǎn)工具，也沒有完全追隨浪漫的感覺，而是介于兩者之間。設(shè)計者在進行信息圖表設(shè)計時既要對信息進行理性的處理編排，同時要選擇合適美觀且有趣的表現(xiàn)形式，才能兼顧信息圖表設(shè)計的形式與功能。

七、結(jié)語

研究從文獻理論中歸納信息圖表設(shè)計中形式與內(nèi)容的關(guān)系及創(chuàng)作方法，通過系列案例研究分析出信息設(shè)計的參考準(zhǔn)則，并將其作為理論依據(jù)在霧霾信息圖表設(shè)計實踐中加以驗證，其研究總結(jié)與新發(fā)現(xiàn)如下：信息的清晰準(zhǔn)確傳達是信息圖表的功能，信息圖表設(shè)計中形式追隨功能的同時，形式也被功能約束，同時功能也會限制形式的表達。信息設(shè)計中形式與功能的創(chuàng)作方法有架構(gòu)預(yù)設(shè)、視覺隱喻、版面布局。在信息設(shè)計過程中，要更多考慮如何美觀、簡潔、有條理地展示大量的信息，這需要結(jié)合信息的認(rèn)知與交流原則，同時兼顧信息傳達的功能，在創(chuàng)作過程中關(guān)注功能的部分也驗證了不同的功能需要不同的形式表現(xiàn)。信息圖表設(shè)計者在設(shè)計過程中需理解設(shè)計對象主題后，恰當(dāng)且客觀的表達形式偏好。故設(shè)計者在確保恰當(dāng)準(zhǔn)確傳達信息的基礎(chǔ)上，需先對信息的類型、信息路徑、信息層級、信息結(jié)構(gòu)進行合理的分類與布局，這樣操作可確保信息圖表內(nèi)在構(gòu)架的準(zhǔn)確性、邏輯性與完整性。在信息易讀功能基礎(chǔ)上，通過文字版式設(shè)計、網(wǎng)格結(jié)構(gòu)、圖形分布、色彩表意等形式法則可進一步幫助觀看者找到信息之間的關(guān)聯(lián)性和層次感。研究發(fā)現(xiàn)若要達到快速和有效傳遞信息的目的，并吸引目標(biāo)受眾，就要創(chuàng)造與受眾產(chǎn)生情感的紐帶，這需要賦予信息圖表更多趣味性。

參考文獻：

[1]ALAZMI，A.R. Data Mining and Visualization of Large Databases[J].International Journal of Computer Science and Security，2012（5）：295-314.

[2]厲程，楊曄.視覺傳達中的信息設(shè)計[J].現(xiàn)代裝飾（理論），2015（7）：115.

[3]張志賢.信息的可視化圖像表現(xiàn)[J].南京藝術(shù)學(xué)院學(xué)報，2015（1）：204-207.

[4]HEER J，BOSTOCK M，OGIEVETSKY V. A Tour Through the Visualization Zoo[J].Communications of the Acm，2016（6）：59-70.

[5]胡飛，葉震寬.信息設(shè)計的概念與方法研究[J].包裝工程，2022（10）：54-65.

[6]SMICIKLAS M.The Power of Infographics： Using Pictures to Communicate and Connect with Your Audiences[M].New York：Que Publishing，2017：121-125.

[7]魯曉波，卜瑤華.信息設(shè)計的實踐與發(fā)展綜述[J].包裝工程，2021（20）：92-102.

[8]SCHULLER G.Information Design= Complexity+ Interdisciplinarity+ Experiment[J].Aiga：The Professional Association for Design，2007.

[9]易敏哲，林廷宜.信息設(shè)計近十年學(xué)術(shù)研究發(fā)展探究：2007-2017[J].設(shè)計學(xué)報2018（4）：115-131.

[10]PETTERSSON R.Information Design： An Introduction[M].Amsterdam：John Benjamins Publishing，2002.

[11]HARRISON L，REINECKE K，CHANG R.Infographic Aesthetics：Designing for the First Impression[C]//Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems.New York：ACM，2019.

[12]MORRIS C，WOCKNITZ S.Teaching an Old Dog New Tricks How Data Visualisation & Design Can Be Used by Everyone[C]//Southern African Marketing Research Association Conference.New York：ACM，2013：216-222.

[13]MOERE A V，PURCHASE H.On the Role of Design in Information Visualization[J].Information Visualization，2011（4）：356-371.

[14]LANKOW J，RITCHIE J，CROOKS R.Infographics：The Power of Visual Storytelling[M].New York：John Wiley & Sons，2016.

[15]CAIRO A.The Functional Art： An Introduction to Information Graphics and Visualization[M].Berkeleley，CA：New Riders，2012.

[16]KIRK A.Data Visualization：A Successful Design Process[M].Birmingham：Packt Publishing Ltd，2012.

[17]TUFTE E.Visual Explanation：Image and Quantities， Evidence and Narrative[M].Cheshire，CT：Graphics Press，1997.

[18]郝凝輝.探析信息設(shè)計中的信息圖表設(shè)計[J].包裝工程，2016（18）：76-81.

[19]MEJIA G M.Visual Intelligence and Mood in Visual Communication Design[J].Information Design Journal，2017（1）：47-57.

[20]Dalton J.A Brief Guide to Producing Compelling Infographics[J].London School of Public Relations， 2016： 79-89.

[21]BAER K，VACARRA J.Information Design Workbook：Graphic Approaches，Solutions，and Inspiration+ 30 Case Studies[M].Rockport Publishers，2008.

[22]BIGELOW A，DRUCKER S，F(xiàn)ISHER D，etal.Reflections on How Designers Design with Data[C]//Proceedings of the 2014 International Working Conference on Advanced Visual Interfaces. New York：ACM，2014.

[23]李樂山.設(shè)計調(diào)查[M].北京：中國建筑工業(yè)出版社，2007.

作者簡介：裴凌暄，江蘇第二師范學(xué)院美術(shù)學(xué)院講師，臺灣地區(qū)中原大學(xué)設(shè)計學(xué)博士生。