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

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

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

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

一、研究背景與目的

（一）研究背景

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

（二）研究問題與目的

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

二、文獻(xiàn)探討

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

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

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

文中探討的形式與功能指信息圖表設(shè)計(jì)中形式與功能的關(guān)系，以及信息圖表設(shè)計(jì)中形式與功能的創(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è)計(jì)師知道最有效的形式并不美觀，還是會換用具有藝術(shù)性和有吸引力的視覺形式去和觀眾溝通，這類信息圖表形式感強(qiáng)烈，卻不易于觀看者理解信息，因此會產(chǎn)生信息傳達(dá)內(nèi)容的缺失。若設(shè)計(jì)過程不能正確地表傳達(dá)信息，或者設(shè)計(jì)不合適的主題，不管它是否具有美感吸引力，都不能被認(rèn)為是高質(zhì)量的作品。Tufte的早期觀點(diǎn)（1997）則進(jìn)一步認(rèn)為，信息圖表是功能性藝術(shù)，是結(jié)合藝術(shù)和信息來傳達(dá)清晰的內(nèi)容主題。信息圖表設(shè)計(jì)的功能取決于所使用數(shù)據(jù)的內(nèi)容與主題，不能過分忽視或過分強(qiáng)調(diào)形式，需視覺藝術(shù)性與功能傳播性兼?zhèn)鋄17]，其關(guān)系如圖1。

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

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

三、研究方法與研究流程

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

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

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

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

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

霧霾信息設(shè)計(jì)實(shí)踐案例的設(shè)計(jì)過程分為：（一）觀看者調(diào)研；（二）數(shù)據(jù)的收集；（三）數(shù)據(jù)的分析與處理；（四）數(shù)據(jù)可視化與版面編排四個主要步驟。通過問卷調(diào)研收集到大眾對于環(huán)境中霧霾的客觀視覺印象。其次通過平臺收集數(shù)據(jù)并對有效數(shù)據(jù)進(jìn)行分析、篩選、處理，最終圖形可視化數(shù)據(jù)并進(jìn)行版面的布局安排。首先對觀看者進(jìn)行調(diào)研：對觀看者族群進(jìn)行用戶前調(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)為最代表霧霾的顏色是淡藍(lán)色，剩余4%的觀看者選擇了其他顏色。這些觀看者對霧霾視覺意象的調(diào)研結(jié)果將用于啟發(fā)后續(xù)創(chuàng)作中的形式表達(dá)，避免設(shè)計(jì)師在信息圖表設(shè)計(jì)過程中陷入主觀形式偏好，同時又不失去圖表語言的趣味性。之后的霧霾信息圖表實(shí)踐創(chuàng)作過程會以深灰色與淺灰色作為主要搭配色彩，且在視覺風(fēng)格上盡可能營造沉悶與壓抑的感覺，這樣的形式安排更會以觀看者為中心，提高信息設(shè)計(jì)作品信息準(zhǔn)確傳遞的功能，這與文獻(xiàn)中“以用戶為中心”的信息設(shè)計(jì)原則相吻合。

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

六、研究討論

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

七、結(jié)語

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

參考文獻(xià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]厲程，楊曄.視覺傳達(dá)中的信息設(shè)計(jì)[J].現(xiàn)代裝飾（理論），2015（7）：115.

[3]張志賢.信息的可視化圖像表現(xiàn)[J].南京藝術(shù)學(xué)院學(xué)報(bào)，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ì)的概念與方法研究[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è)計(jì)的實(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è)計(jì)近十年學(xué)術(shù)研究發(fā)展探究：2007-2017[J].設(shè)計(jì)學(xué)報(bào)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è)計(jì)中的信息圖表設(shè)計(jì)[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è)計(jì)調(diào)查[M].北京：中國建筑工業(yè)出版社，2007.

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