基于用戶心智模型的信息可視化新聞插圖設(shè)計(jì)

甘霖，馬妍

(華北理工大學(xué)藝術(shù)學(xué)院，河北 唐山 063009)

基于用戶心智模型的信息可視化新聞插圖設(shè)計(jì)

甘霖，馬妍

(華北理工大學(xué)藝術(shù)學(xué)院，河北 唐山 063009)

心智模型；可視化信息；插圖；新聞；信息傳播

隨著時(shí)代發(fā)展，新聞信息成為與人們?nèi)粘Ｉ钕⑾⑾嚓P(guān)的重要部分。在日益激烈的“信息大戰(zhàn)”中，無論紙媒還是各大門戶網(wǎng)站，抑或是各種信息類軟件，讓自己的新聞信息脫穎而出并牢牢抓住用戶，培養(yǎng)自己用戶的忠誠(chéng)度，已經(jīng)成為重中之重的問題。本文主要從信息呈現(xiàn)方式的革命——新聞信息可視化插圖概念的闡述和設(shè)計(jì)出發(fā)，通過將信息可視化設(shè)計(jì)與用戶心智模型相互結(jié)合，充分探討這種將互聯(lián)網(wǎng)思維運(yùn)用到各類媒介的新聞信息上的做法的可行性。同時(shí)也指出，新聞信息傳播的趨勢(shì)，必將在視覺上、心理上走向更高層次的綜合呈現(xiàn)，使視覺傳達(dá)和用戶心智模型多方位融合，只有認(rèn)清趨勢(shì)，才能在新一輪的信息競(jìng)爭(zhēng)中獲得更廣闊的領(lǐng)域。

一、心智模型與信息可視化新聞插圖設(shè)計(jì)概述

(一)心智模型概述

心智模型是指，人在經(jīng)歷或某件事情之后，對(duì)事物的發(fā)展和變化歸納的一些結(jié)論和經(jīng)驗(yàn)?！靶闹悄Ｐ汀边@個(gè)概念，最早由蘇格蘭心理學(xué)家Kenneth Craik提出，后經(jīng)由Johnson-Laird等科學(xué)家進(jìn)一步完善和推定，最后提出了比較完善的概念描述，即“心智模型被認(rèn)為是人對(duì)外部現(xiàn)實(shí)的真實(shí)、假設(shè)或想象的心理表象，一旦形成，將影響人的認(rèn)知和決策，如在某些情境中取代慎密的分析以節(jié)省時(shí)間和精力。”由此可見，心智模型是先由訊息的刺激，然后經(jīng)由人的學(xué)習(xí)或者處理行為得到新的反饋，最終形成的思維模式和經(jīng)驗(yàn)習(xí)慣，同時(shí)，心智模型還會(huì)隨著新的訊息刺激產(chǎn)生修正和改變。

現(xiàn)如今，“心智模型”這個(gè)名詞已經(jīng)開始廣泛的應(yīng)用到了各個(gè)領(lǐng)域，并對(duì)促進(jìn)設(shè)計(jì)與用戶的交互性產(chǎn)生了積極的影響。在注重實(shí)用、嚴(yán)謹(jǐn)?shù)男侣劜鍒D設(shè)計(jì)中，將創(chuàng)新性和趣味性等重要的用戶閱讀需求運(yùn)用其中，對(duì)用戶心智模進(jìn)行合理測(cè)定成為亟待研究的問題。關(guān)于新聞插圖設(shè)計(jì)的用戶心智模型，涉及到方方面面的因素。分析用戶的閱讀習(xí)慣，并研究圖片插入的位置、大小、顏色搭配，考慮用戶在閱讀不同種類新聞時(shí)插入的圖片應(yīng)該具備的不同信息和設(shè)計(jì)因素，以及圖片設(shè)計(jì)的形式、構(gòu)圖、布局、色調(diào)傾向等等，都應(yīng)該符合用戶的心智模型。

(二)信息可視化新聞插圖設(shè)計(jì)概述

信息可視化，旨在研究信息資源的可視化呈現(xiàn)，以及利用圖形圖像方向的技術(shù)和方法闡釋并分析數(shù)據(jù)。信息可視化是一個(gè)跨學(xué)科領(lǐng)域，包括了數(shù)據(jù)可視化、知識(shí)可視化、科學(xué)可視化以及信息圖形等多個(gè)領(lǐng)域，并通過視覺設(shè)計(jì)等等方面進(jìn)行展示和呈現(xiàn)。任何事物、信息都可以通過某種方式進(jìn)行可視化呈現(xiàn)，通過尋找其中的聯(lián)系，概括主要節(jié)點(diǎn)，洞察關(guān)鍵信息來總結(jié)和歸納成容易被受眾理解的可視化信息。

在信息傳播領(lǐng)域，常常需要用一些設(shè)計(jì)語言來解釋比較虛擬抽象的概念，這就需要利用信息可視化將目標(biāo)概念進(jìn)行視覺轉(zhuǎn)化和設(shè)計(jì)，生成通俗易懂又能將所需信息囊括其中的可視化圖形圖像。當(dāng)用戶閱讀新聞頁面或其它紙質(zhì)載體時(shí)，大段的數(shù)據(jù)描述以及抽象的信息會(huì)使用戶產(chǎn)生疲倦和抵觸感，然而不適當(dāng)?shù)膶I(yè)圖表和冗雜的虛擬概念陳述又難以使用戶在短時(shí)間內(nèi)理解和接受，因此，將這些難以讓人領(lǐng)會(huì)的繁雜內(nèi)容轉(zhuǎn)化成邏輯性強(qiáng)，簡(jiǎn)單易懂的可視化圖像，讓用戶擁有更好閱讀體驗(yàn)，通過視覺系統(tǒng)的優(yōu)異帶寬優(yōu)勢(shì)將信息準(zhǔn)確便捷的傳達(dá)給用戶，是設(shè)計(jì)師們需要研究和考慮的。

二、結(jié)合心智模型實(shí)現(xiàn)信息可視化插圖運(yùn)用的重要性

21世紀(jì)，人類進(jìn)入了一個(gè)高速運(yùn)轉(zhuǎn)、信息爆炸的時(shí)代。各種各樣的新聞門戶網(wǎng)站，報(bào)紙，雜志，微博頭條，微信推送，形形色色的新聞媒介充斥著人們的生活。新聞信息成為人們?nèi)粘Ｉ畋夭豢缮俚闹匾糠?，也是電商以及紙媒的信息?jìng)爭(zhēng)中舉足輕重的內(nèi)容。因此，讓自己的新聞信息在眾多競(jìng)相爭(zhēng)奪眼球的其它信息的轟炸中脫穎而出，通過信息內(nèi)容的呈現(xiàn)方式獲得更高用戶粘度，讓用戶真正能夠在信息讀取過程中得到的信息量最大化，是推動(dòng)信息可視化領(lǐng)域不斷發(fā)展的重要?jiǎng)恿Α?/p>

(一)視覺帶寬的優(yōu)越性

在新聞信息中，我們常常會(huì)讀到諸如某種現(xiàn)象或者事物的現(xiàn)狀報(bào)告，敘述冗長(zhǎng)、數(shù)據(jù)分散的事物發(fā)展歷程，或者各種各樣標(biāo)題吸引人、內(nèi)容卻過于專業(yè)細(xì)致，充斥著各種散碎信息的新聞內(nèi)容。這些內(nèi)容可能恰恰是用戶所感興趣的，然而大段大段的文字與散落其中夾雜的術(shù)語和數(shù)字常常令人望而卻步。研究顯示，人在接受單純的文字信息時(shí)，需要調(diào)動(dòng)大腦各個(gè)部分，并率先對(duì)文字進(jìn)行相應(yīng)的圖形形象回憶，然后才能繼續(xù)閱讀和思考，這就造成了時(shí)間上的延遲和一定的閱讀障礙。而信息可視化的利用，將文字?jǐn)?shù)字信息轉(zhuǎn)化為形狀、色彩、形式和風(fēng)格多樣的圖形化呈現(xiàn)，豐富多彩的圖形搭配相應(yīng)的簡(jiǎn)易通俗文字介紹，利用視覺系統(tǒng)的帶寬優(yōu)勢(shì)，使受眾短時(shí)間內(nèi)接觸并理解大量?jī)?nèi)容。

(二)豐富圖像的誘導(dǎo)性

一個(gè)成功的新聞版面或頁面，在基于用戶心智模型的設(shè)計(jì)方向上，至少應(yīng)該具備兩個(gè)基本要素：一是對(duì)信息的有效傳播。信息如果沒有形成對(duì)用戶的記憶，其傳達(dá)就等于失效，既不會(huì)形成二次傳播，形成口碑效應(yīng)，又難以維護(hù)用戶忠誠(chéng)度。記憶的基礎(chǔ)首先是識(shí)別，可視化信息將文字和表格等單一信息概念進(jìn)行塑造和設(shè)計(jì)，使大腦省略多余的圖形聯(lián)想，并能夠通過新聞的內(nèi)容、針對(duì)用戶閱讀的心智模型進(jìn)行個(gè)性化設(shè)計(jì)，使“白紙黑字”的信息躍動(dòng)成美麗的圖片，不僅使用戶獲得了印象深刻的信息，還得到了難以忘懷的優(yōu)質(zhì)閱讀感受。二是充分考慮用戶閱讀的情感體驗(yàn)，在內(nèi)容之外從各個(gè)方面對(duì)用戶的實(shí)時(shí)閱讀情緒產(chǎn)生烘托和感染。我們?cè)谟^看電視劇和電影時(shí)，常常會(huì)因?yàn)椴煌墓庥白兓约芭錁穼?duì)情節(jié)的烘托，獲得更加強(qiáng)烈的情感刺激。新聞文字的傳播中沒有配樂和影視手法，但是可以通過對(duì)用戶心智模型的推定，利用信息可視化圖形的設(shè)計(jì)進(jìn)行同樣的烘托。美國(guó)心理學(xué)家魯?shù)婪?，阿恩·海姆等提出，人的視覺活動(dòng),是一種積極的活動(dòng)，視覺是有高度選擇性的,并由此產(chǎn)生不同的心理作用，這一過程為視覺思維過程，也叫做審美直覺心理學(xué)?？梢暬畔⒕哂歇?dú)特的視覺特征，其圖像形象性、生動(dòng)性，加之文字的搭配，以及最終設(shè)計(jì)上對(duì)布局、配色的綜合，可以產(chǎn)生獨(dú)特的心理刺激作用，傳達(dá)很多只可意會(huì)不可言傳的信息內(nèi)容，比如歡樂的氛圍，嫻靜的環(huán)境等等，這種誘導(dǎo)作用在新聞中合理的使用，會(huì)為信息傳播和增強(qiáng)用戶黏度產(chǎn)生意想不到的效果。

(三)用戶使用的舒適性

將新聞信息的傳播，建立在對(duì)用戶心智模型的參考上，充分考慮用戶在文字的過程中，什么時(shí)候需要參考可視化信息插圖，如何擺放文字與圖片的布局讓人在視覺上更加舒適，什么樣的插圖風(fēng)格更適合當(dāng)前文字內(nèi)容，受眾在文字內(nèi)容之外更想要得到什么樣的可視化信息呈現(xiàn)，這些方方面面的因素，都需要考慮。心智模型的應(yīng)用越來越多的在各個(gè)方面風(fēng)生水起，新聞信息作為不可或缺的重要領(lǐng)域，不應(yīng)總是坐觀垂釣徒有羨魚情，信息傳播與視覺傳達(dá)的緊密結(jié)合是不可逆轉(zhuǎn)的趨勢(shì)，那么將心智模型應(yīng)用其中，使視覺傳播的效率最大化，讓人們?cè)诩橙⌒畔⒌耐瑫r(shí)獲得無與倫比的心理上和視覺上的巨大享受，才是新聞信息傳播的終極目標(biāo)。

三、符合用戶心智模型的信息可視化插圖設(shè)計(jì)原則

(一)美觀和諧，簡(jiǎn)潔易懂

研究表明，文字的行間距縮小一倍，閱讀量將減少48%，通過對(duì)這種心智模型研究的基礎(chǔ)上，設(shè)計(jì)出的可視化信息插圖，應(yīng)做到美觀簡(jiǎn)潔?？梢暬畔⒉鍒D的設(shè)計(jì)，最基本的一點(diǎn)要符合美的原則，即色調(diào)統(tǒng)一、布局合理、風(fēng)格一致、讓人有觀看的欲望。確保設(shè)計(jì)的形式美，既能夠留住現(xiàn)有用戶，使之保持繼續(xù)閱讀的興趣，又可以輔助傳播，吸引看到了美觀圖片的用戶前來閱讀。但與此同時(shí)，需要注意的是，不能夠顧此失彼，犧牲掉可視化信息插圖易讀性。在設(shè)計(jì)時(shí)需要突出想要表達(dá)的重要內(nèi)容，弱化輔助性內(nèi)容，并保持主次信息的相互性和協(xié)調(diào)性。只有將多余的信息刪除，將必要信息突出，將輔助信息簡(jiǎn)化，才能保證受眾在閱讀時(shí)不產(chǎn)生疲勞感，使得整個(gè)設(shè)計(jì)簡(jiǎn)潔明了，一目了然。

(二)內(nèi)容正確，情感一致

作為新聞報(bào)道的重要部分出現(xiàn)的可視化信息插圖，最重要的就是保證其信息的正確性，以及圖片的設(shè)計(jì)語言與新聞內(nèi)容的情感一致性?？梢暬畔⒉鍒D，可分為純圖表型，敘事插圖型圖表，樹狀結(jié)構(gòu)示意圖型，時(shí)間表述類示意圖，空間結(jié)構(gòu)類示意圖這幾種形式。新聞?lì)愋畔⒌膬?nèi)容和數(shù)據(jù)需要保證真實(shí)嚴(yán)謹(jǐn)，在將信息進(jìn)行可視化設(shè)計(jì)的過程中，不僅需要保證對(duì)各種類型插圖的適當(dāng)選擇和規(guī)劃，更要確保圖中數(shù)據(jù)文字以及流程、結(jié)構(gòu)等示意的嚴(yán)謹(jǐn)性，不能夠?yàn)榱艘曈X美觀而犧牲圖片的正確性。同時(shí)，受眾在閱讀新聞內(nèi)容時(shí)，不同的語言環(huán)境和內(nèi)容氛圍下，會(huì)有不同的心理感受，針對(duì)這種心智模型，還要注意運(yùn)用合適的設(shè)計(jì)言語與恰當(dāng)?shù)牟鍒D類型相結(jié)合，體現(xiàn)順應(yīng)新聞內(nèi)容的情感傾向，使文字與插圖相互呼應(yīng)，琴瑟和鳴。

(三)高吸引度與視覺亮點(diǎn)

從受眾的心智模型考慮，亮眼精彩的圖片通常比文字更能吸引人的眼球。將一些難以理解的新聞信息轉(zhuǎn)換成可視化的圖片，作為插圖置入新聞頁面或版面當(dāng)中，既能夠幫助理解內(nèi)容，又增加了關(guān)注點(diǎn)，但不適當(dāng)?shù)脑O(shè)計(jì)和平庸的圖片效果將令這一亮點(diǎn)大打折扣。因此，可視化信息插圖的設(shè)計(jì)需要因地制宜，突出特色。首先，在信息爆炸的當(dāng)今，受眾閱讀瀏覽的速度會(huì)非常迅速，將一個(gè)新聞信息中引人關(guān)注的特色和亮點(diǎn)摘選出來，結(jié)合布局構(gòu)圖和色彩造型等，運(yùn)用多種多樣的設(shè)計(jì)手法，將之體現(xiàn)在可視化信息插圖中，能夠讓受眾在瀏覽時(shí)對(duì)新聞的大體內(nèi)容和特色有迅速了解，從而抓住受眾的眼球。

另外，新聞?lì)惖臄?shù)據(jù)信息可視化的設(shè)計(jì)過程中常常會(huì)用到柱狀圖和餅狀圖等一些基礎(chǔ)圖形，這些圖形很難給人突出的設(shè)計(jì)感，因此需要設(shè)計(jì)師進(jìn)行創(chuàng)意加工，將文字內(nèi)容通過顏色和形狀的變化，轉(zhuǎn)化為隱喻圖形，與相應(yīng)數(shù)據(jù)相融合。

最后，在可視化信息插圖設(shè)計(jì)的過程中，將主要信息轉(zhuǎn)化成整個(gè)插圖的視覺聚焦點(diǎn)，可使讀者在閱讀時(shí)能夠迅速抓住主要信息，并且可以使較復(fù)雜的可視化信息插圖也能順暢無礙的呈現(xiàn)在受眾眼前。

(四)合理變形，建立視覺導(dǎo)向秩序

將新聞信息進(jìn)行可視化設(shè)計(jì)的一大優(yōu)點(diǎn)在于，圖片的表達(dá)能力有時(shí)會(huì)高于文字。新聞?lì)愋畔⒍喾N多樣，包括時(shí)政類，體育類，社科類，經(jīng)濟(jì)類，娛樂類，政法類等等，面向不同的受眾人群，將可視化信息插圖內(nèi)的圖釋適當(dāng)變形，進(jìn)行擬人化、擬物化、拉伸收縮等處理，可使新聞內(nèi)容更易被理解和接受。

在一些專業(yè)性較強(qiáng)，或者內(nèi)容比較高新的新聞信息中，可視化插圖所呈現(xiàn)的內(nèi)容可能會(huì)比較專業(yè)或者復(fù)雜。因此，在設(shè)計(jì)時(shí)有意識(shí)的在圖片中建立合理的視覺導(dǎo)向，有利于更好的傳播信息，幫助受眾理解內(nèi)容。遵照讀者閱讀的心智模型，插圖中應(yīng)設(shè)計(jì)出符合受眾視線移動(dòng)規(guī)律的要素安排，并尊重受眾心智模型中的閱讀習(xí)慣，合理安排主次內(nèi)容的布局。

四、結(jié)語

信息可視化做為專業(yè)性強(qiáng)、抽象虛擬類的信息傳播的重要途徑，必將在各個(gè)領(lǐng)域的信息傳播變的越來越重要。新聞?lì)愋畔⒆鳛橛脩羧粘ｊP(guān)注的熱點(diǎn)部分，早日將復(fù)雜的文字及數(shù)據(jù)轉(zhuǎn)換為可視化插圖，實(shí)現(xiàn)規(guī)模性、理論性、系統(tǒng)性的改革，必將推動(dòng)新聞信息傳播的發(fā)展。與此同時(shí)，作為用戶體驗(yàn)類方向最熱門的關(guān)鍵詞——“心智模型”，將它請(qǐng)下神壇，不再囿于“空有理論、不接地氣”的窘境，讓它真正的在產(chǎn)品和用戶的交互中大放光彩，在最日常、最根本的新聞信息傳播中大顯身手，使新聞傳播變被動(dòng)為主動(dòng)，實(shí)現(xiàn)吸引用戶、提高用戶黏性的目的。

時(shí)代在發(fā)展，信息成為這個(gè)光速運(yùn)轉(zhuǎn)的時(shí)代不可或缺的重要一分子。然而讓信息光彩四射，充滿美感的出現(xiàn)在受眾的眼前，使之在眾多同類競(jìng)爭(zhēng)中脫穎而出，迸發(fā)光芒，產(chǎn)生更多更有益的連鎖效應(yīng)，需要制作者轉(zhuǎn)化思路，以用戶的心智模型來思考產(chǎn)品，以更寬廣的思路來實(shí)現(xiàn)信息呈現(xiàn)，只有這樣，才能跟緊時(shí)代，引領(lǐng)新聞信息傳播的潮流。

[1]戴國(guó)忠,陳為,洪文學(xué),劉世霞,屈華民,袁曉如,張加萬,張康.信息可視化和可視分析:挑戰(zhàn)與機(jī)遇——北戴河信息可視化戰(zhàn)略研討會(huì)總結(jié)報(bào)告[J]. 中國(guó)科學(xué):信息科學(xué). 2013(01).

[2]楊峰,李月華.高維信息可視化方法研究綜述[J]. 情報(bào)理論與實(shí)踐. 2012(09).

[3]葛新德,衡國(guó)良.《新聞圖片剪裁50例》選登[J]. 新聞知識(shí). 2014(12).

[4]白新文,王二平.共享心智模型研究現(xiàn)狀[J]. 心理科學(xué)進(jìn)展. 2004(05).

Design of Information Visualization News Illustration Based on User Mental Model

GAN Lin, MA Yan

(College of Arts, North China University of Science and Technology, Tangshan Hebei 063210, China)

mental model; visualizing information; illustration; news; dissemination of information

With the development of the times, news and information has become an important part of people's daily life. In the "information war" increasingly fierce, whether in print or the major portals, or a variety of information software, let their information to the fore, firmly grasp the user, user loyalty culture, has become the most important problem. This paper mainly from the information presentation of news and information visualization conceptual illustrations revolution of explanation and design of by integrating the information visualization design and the user's mental model, fully explored the change train of thought, thinking of the Internet will be applied to the feasibility of all kinds of media news and information. Also pointed out that the trend of the dissemination of news and information, will in the visual and psychological towards a comprehensive presentation of a higher level, so that the visual communication and the user's mental model of multi azimuth fusion, only a clear understanding of the trend, in order to in a new round of competition in the information obtained more broad fields.

2095-2708(2017)04-0116-04

2016-09-18

甘霖(1978-)，男，華北理工大學(xué)藝術(shù)學(xué)院副教授，研究方向：數(shù)字藝術(shù)。

TP391.41

A