基于知覺流暢性的運(yùn)動圖形設(shè)計(jì)研究

高瞻 李振宇

摘要：文章基于知覺流暢性理論的定義及影響因素，探討其與運(yùn)動圖形設(shè)計(jì)的聯(lián)系，通過案例闡述實(shí)際應(yīng)用時(shí)需要考慮的條件，為設(shè)計(jì)實(shí)踐提供一定參考。設(shè)計(jì)時(shí)需結(jié)合定位從應(yīng)用場景、題材、表現(xiàn)手法等方面入手，分析觀眾知覺加工的心理過程，使設(shè)計(jì)師與觀眾產(chǎn)生共鳴，從而影響對設(shè)計(jì)作品的知覺感受，并進(jìn)一步對認(rèn)知效率及評判產(chǎn)生作用。

關(guān)鍵詞：知覺流暢性；運(yùn)動圖形；信息設(shè)計(jì)；認(rèn)知效率

中圖分類號：J51 文獻(xiàn)標(biāo)識碼：A 文章編號：1004-9436（2023）02-00-03

運(yùn)動圖形設(shè)計(jì)的本質(zhì)是靜態(tài)圖形設(shè)計(jì)的分支與延伸，是富有強(qiáng)烈節(jié)奏感的圖形設(shè)計(jì)［1］。運(yùn)動圖形在媒體高效傳播過程中具有多重優(yōu)勢，能夠運(yùn)用到多個(gè)領(lǐng)域與題材中，可以在短時(shí)間內(nèi)帶給觀眾豐富的視覺體驗(yàn)。在傳統(tǒng)的靜態(tài)圖形設(shè)計(jì)中，圖形解讀多依賴于個(gè)人的理解，而運(yùn)動語言的加入使圖形的概念傳達(dá)更加形象有效，結(jié)合設(shè)計(jì)意圖與設(shè)計(jì)師規(guī)劃，以高效且極具美感的方式傳播信息，豐富觀者的視覺體驗(yàn)。

視覺制作與呈現(xiàn)技術(shù)的不斷更新帶來了多樣的視覺展示，二維動畫、三維動畫、虛擬現(xiàn)實(shí)動畫等的發(fā)展，也側(cè)面影響了運(yùn)動圖形設(shè)計(jì)的趨勢。視覺作為知覺中重要的信息接收源，為知覺流暢性研究提供了重要角度。知覺流暢的運(yùn)動圖形通常會帶來積極的體驗(yàn)，因?yàn)樗c輕松感知圖形運(yùn)動、有效加工傳達(dá)信息、進(jìn)一步引發(fā)審美體驗(yàn)有關(guān)。

1 知覺流暢性

知覺流暢性（Perceptual Fluency）是指在知覺水平上個(gè)體對加工外部信息難易程度的一種主觀感受或體驗(yàn)［2］。知覺是認(rèn)知工作中比較靠前的一個(gè)階段，對客觀刺激屬性的感知覺產(chǎn)生了相對主觀的知覺屬性。隨著圖形的變化以及認(rèn)知加工的時(shí)間延伸，受到主觀心理與過往知覺經(jīng)驗(yàn)的影響，知覺屬性也會產(chǎn)生相應(yīng)的動態(tài)變化。知覺流暢性的相關(guān)研究多通過更改客觀刺激特征，調(diào)整視覺圖形，從知覺角度增強(qiáng)信息加工的流暢性，以達(dá)到提升整體設(shè)計(jì)水平的效果。

信息的容易性經(jīng)常通過變化刺激的知覺屬性來實(shí)現(xiàn)，信息的知覺屬性，如亮度和清晰度，可以影響個(gè)體的信息記憶能力，并影響個(gè)體的主觀加工流暢性，成為之后判斷的依據(jù)［3］，也是視認(rèn)知的基本條件。而動態(tài)設(shè)計(jì)以圖形設(shè)計(jì)為基礎(chǔ)，再結(jié)合聲音、圖形的運(yùn)動、圖形的時(shí)空表現(xiàn)等，以達(dá)到多感官認(rèn)知效果。這種刺激是多種協(xié)作的結(jié)果，對比、協(xié)同各部分關(guān)系，對整個(gè)運(yùn)動圖形的敘事能力起到了重要作用。

觀眾以旁觀者的身份“圍觀”，并沒有實(shí)現(xiàn)創(chuàng)作者與觀眾真正的雙向互動［4］，而本文則站在知覺流暢性的角度，試圖建立觀者與設(shè)計(jì)師之間的雙向認(rèn)同。運(yùn)動圖形呈現(xiàn)的方式與知覺流暢性研究，可以生成更良性的知覺反應(yīng)，使信息的認(rèn)知加工更高效，且具備藝術(shù)表現(xiàn)力，增強(qiáng)觀眾對呈現(xiàn)畫面的代入感，將審美體驗(yàn)提升到新的層次。

2 減少冗余圖形運(yùn)動的干擾

知覺流暢性受知覺啟動、清晰度、呈現(xiàn)持續(xù)時(shí)間、圖形—背景對比、原型性、重復(fù)暴露、對稱性、信息量、對刺激結(jié)構(gòu)的內(nèi)隱學(xué)習(xí)等變量的影響［5］366-369。圖形運(yùn)動的數(shù)量與速度會直接影響知覺感受的流暢度，對圖形的識讀速度會直接影響后續(xù)的認(rèn)知效果。張力的存在完全依賴于版面中各個(gè)視覺元素之間的對抗力量，可以通過元素之間的對比和失調(diào)來制造視覺張力［6］。圖形動靜間的對抗，具備時(shí)空屬性，運(yùn)動的元素通常更容易吸引讀者的注意力，影響讀者對信息傳遞過程中展示內(nèi)容的推理或判斷，從而影響認(rèn)知流暢度。

圖1中每張動態(tài)海報(bào)的總時(shí)長為5秒，以GIF格式呈現(xiàn)。三張動態(tài)海報(bào)的主圖形居中，占據(jù)大部分版面空間，始終呈靜止?fàn)顟B(tài)，便于觀眾理解畫面主旨，促成整體從抽象概念向具象概念的認(rèn)知加工。如系

列1與系列2中，（b）和（c）人物作為輔助圖形，圍繞主圖形微動，持續(xù)2秒，主輔圖形結(jié)合促進(jìn)了傳達(dá)概念的理解。系列1與系列2（b）（c）（d）中的文字設(shè)計(jì)作為輔助信息，在版面留白處圍繞主圖形微動，持續(xù)3秒，起到信息提示作用，是一種藏頭露尾式的設(shè)計(jì)方法。

動態(tài)海報(bào)的播放時(shí)長多為5～10秒，觀者停留時(shí)間短，當(dāng)主圖形持續(xù)時(shí)間長且保持靜止時(shí)，有利于完善主體圖形的知覺加工。半抽象新穎的視覺呈現(xiàn)方式，迎合了觀者的獵奇心態(tài)。不同觀者的認(rèn)知層次不同，對內(nèi)容理解、知覺流暢度的感知也不同，文字與輔助圖形運(yùn)動時(shí)間短、幅度小且晚于主圖形出現(xiàn)，可減少對主圖形的信息干擾，可漸進(jìn)式滿足多種層次認(rèn)知的受眾需求，達(dá)到層層遞進(jìn)的效果，使觀者在欣賞圖片時(shí)獲得知覺流暢的感受，提升認(rèn)知效率。

3 增強(qiáng)圖形運(yùn)動的識別性

圖形運(yùn)動的節(jié)奏會影響信息強(qiáng)度，不同的設(shè)計(jì)需求對信息呈現(xiàn)加工的要求不同。圖形在快節(jié)奏的運(yùn)動過程中易營造強(qiáng)烈的視覺效果，而圖形慢節(jié)奏運(yùn)動會使信息加工更為完整，便于沉浸式閱讀。根據(jù)不同的閱讀需求，對信息加工的流暢問題的認(rèn)知也存在個(gè)體差異。

圖形運(yùn)動節(jié)奏的快慢會影響韻律感及氣氛的營造，快節(jié)奏的運(yùn)動常與激烈、動感的氣質(zhì)相關(guān)聯(lián)，而慢節(jié)奏的運(yùn)動常與沉靜、雅致的氣質(zhì)相關(guān)聯(lián)。不同的設(shè)計(jì)題材需要表現(xiàn)不同的氣質(zhì)，當(dāng)與人的認(rèn)知印象相符時(shí)，在知覺上的匹配度就會更高，識別性也更強(qiáng)，知覺加工更為流暢。

圖2為首屆無錫“太湖灣”公共空間藝術(shù)設(shè)計(jì)創(chuàng)意大賽作品投票的推廣宣傳視頻，視頻總時(shí)長為25秒，（d）為地鐵站的廣告屏、公交車上的電子屏，這是該設(shè)計(jì)的具體使用場景。地鐵站人流量大，人們停留時(shí)間短，標(biāo)志與二維碼貫穿視頻始終，位置保持固定，被行人注意到的概率更高，便于觀眾全程參與掃碼投票。（b）為分賽區(qū)優(yōu)秀作品輪播，持續(xù)3～4秒切換，切換方式較為平穩(wěn)，運(yùn)動節(jié)奏相對較慢。同一版面中多幅作品展示宣傳，觀眾需要對作品全部內(nèi)容作出評判，需要一定的感知時(shí)間作出投票選擇。

（a）和（c）為視頻的開頭和結(jié)尾，輔助圖形首尾呼應(yīng)，是強(qiáng)調(diào)大賽品牌形象的設(shè)計(jì)方式，為提高識別度而使用了反復(fù)的手法。

制作用于展示宣傳同時(shí)具備投票性質(zhì)的視頻時(shí)，圖形運(yùn)動節(jié)奏應(yīng)放緩。舒緩呈現(xiàn)有利于觀者更好地感受畫面，對其進(jìn)行更細(xì)致深入的觀察，使觀者有效參與互動，對接收到的信息作出判斷。主要信息應(yīng)放在醒目位置并保持固定，提高信息的易識別度，降低感知難度，創(chuàng)造流暢性閱讀體驗(yàn)。

4 強(qiáng)化圖形線索的關(guān)聯(lián)性

原型性是影響知覺流暢性的變量之一［5］369。原型被認(rèn)為是針對某種類別的綜合性表征，基于該類別所屬事物之間最相似的特征，當(dāng)一個(gè)物體具有更多的共同特征時(shí)，人們就會感受到更強(qiáng)的原型性［7］。圖形的運(yùn)動形式可以體現(xiàn)物體的質(zhì)變與特征，當(dāng)圖形運(yùn)動形式與人們熟知的運(yùn)動規(guī)律相近時(shí)，二者之間相似的運(yùn)動特征會引發(fā)知覺聯(lián)想，當(dāng)相似的運(yùn)動形式串聯(lián)時(shí)，有利于連續(xù)線索，在知覺上也更輕松。

重復(fù)出現(xiàn)的刺激會提高知覺流暢性［8］。個(gè)體已有的知覺經(jīng)歷也會促進(jìn)對重復(fù)出現(xiàn)刺激的加工，從而提高知覺流暢性［9］。重復(fù)手法在運(yùn)動圖形中得到了較廣泛的應(yīng)用，適用于核心圖形、線索等。加工過的圖形運(yùn)動，在重復(fù)出現(xiàn)時(shí)會降低感知難度，營造熟悉感。線索重復(fù)結(jié)合不同的敘事場景，有利于概括整體含義，當(dāng)場景內(nèi)容與觀眾的內(nèi)隱記憶產(chǎn)生關(guān)聯(lián)時(shí)，更容易激發(fā)聯(lián)想，在知覺上感到輕松，促進(jìn)信息加工，引起對主旨的共情。

增強(qiáng)運(yùn)動圖形的原型性或者增加重復(fù)次數(shù)，有利于強(qiáng)化熟悉感。重復(fù)相同的內(nèi)容次數(shù)過多時(shí)，也容易削弱新鮮感，結(jié)合設(shè)計(jì)表現(xiàn)手法，應(yīng)當(dāng)在重復(fù)與統(tǒng)一中尋求變化，且保持一定的原型性，使其具有一定的聯(lián)系，使敘事的線索豐富連續(xù)，從而在知覺上感到流暢，有利于對設(shè)計(jì)整體的認(rèn)知思考。

圖3為江南大學(xué)設(shè)計(jì)學(xué)院2020屆優(yōu)秀畢業(yè)設(shè)計(jì)在線展的作品，該公益短片總時(shí)長為2分39秒，主要在線上展示。（a）（b）（c）中塑料袋、塑料瓶呈現(xiàn)鳥兒飛翔般的運(yùn)動特征，人們對鳥兒飛翔的頻率有一定的認(rèn)知，結(jié)合鳥與塑料異質(zhì)同構(gòu)的手法，三者間具有一定的原型性，觀眾較易將塑料制品在空中運(yùn)動的線索串聯(lián)，在知覺上較為連貫，結(jié)合個(gè)人的生活經(jīng)驗(yàn)，有利于理解短片敘事的內(nèi)涵，提升認(rèn)知效率。（d）（e）（f）為從魚眼到海的空間轉(zhuǎn)換，魚眼中的圖形為海場景的微縮，兩個(gè)場景在切換時(shí)有相同的元素，感知較為連續(xù)，在認(rèn)知時(shí)更為輕松。（g）（h）（i）中氣球?yàn)榍熬?，呈向上的反?fù)運(yùn)動，軌跡相對固定。背景連續(xù)切換進(jìn)行空間轉(zhuǎn)換。前景連續(xù)出現(xiàn)的氣球是前后背景變換的線索，線索的延續(xù)強(qiáng)化了流暢性體驗(yàn)。

運(yùn)動圖形表現(xiàn)轉(zhuǎn)瞬即逝，受眾需要聯(lián)系前后呈現(xiàn)的圖形變化，完成對故事線的推理。線索對敘事的連貫性起到關(guān)鍵作用，尤其需要重視空間切換的場景。空間切換通過設(shè)計(jì)師有意識的角度呈現(xiàn)，需要在運(yùn)動特征或設(shè)計(jì)手法上保持關(guān)聯(lián)性，以構(gòu)建清晰的視覺線索，保證敘事的完整性，使知覺感受更為連貫。同時(shí)，線索要以合理的方式運(yùn)動，遵循一定的運(yùn)動規(guī)律。它們是喚醒觀眾內(nèi)隱記憶，理解傳達(dá)信息的關(guān)鍵要素，與客觀認(rèn)知規(guī)律偏離過大的運(yùn)動在呈現(xiàn)時(shí)可能會造成理解困難，而與真實(shí)運(yùn)動模式相似時(shí)，受眾則更容易感知。

5 結(jié)語

知覺流暢的運(yùn)動圖形設(shè)計(jì)，可以增強(qiáng)信息接收者的主觀輕松感與審美愉悅感。在設(shè)計(jì)時(shí)需要考慮運(yùn)動圖形設(shè)計(jì)要素、知覺屬性、應(yīng)用場景的關(guān)聯(lián)。影響運(yùn)動圖形知覺流暢性的主要因素包括：圖與底之間的亮度、對比度、清晰度，圖形運(yùn)動的頻率、時(shí)長、呈現(xiàn)方式、關(guān)聯(lián)性等。在設(shè)計(jì)運(yùn)動圖形時(shí)，應(yīng)考慮這些影響因素，以提升知覺流暢性，進(jìn)而獲得良好的信息傳遞與審美體驗(yàn)。

當(dāng)運(yùn)動圖形應(yīng)用在呈現(xiàn)時(shí)間較短、藝術(shù)性較強(qiáng)的動態(tài)海報(bào)中時(shí)，可以考慮以圖形要素變化而產(chǎn)生的運(yùn)動，如形變運(yùn)動、放大縮小運(yùn)動、變色運(yùn)動、閃爍運(yùn)動、肌理運(yùn)動等，根據(jù)信息層級讓圖形運(yùn)動形成對比，減少對核心信息的解讀干擾。當(dāng)運(yùn)動圖形應(yīng)用在需要解讀判斷的視頻中時(shí)，需要考量核心信息的位置、運(yùn)動速率，以及觀眾的感知時(shí)間等要因，以提高識別度，使信息加工更加流暢。當(dāng)運(yùn)動圖形應(yīng)用在敘事性較強(qiáng)的短片中時(shí)，需要注重元素線索間的關(guān)聯(lián)，圖形元素的原型性、重復(fù)出現(xiàn)的核心圖形在場景中的融入，促進(jìn)知覺信息輸入更加順暢。

本文基于知覺流暢性研究，結(jié)合實(shí)際應(yīng)用的作品進(jìn)行淺析，試圖從設(shè)計(jì)委托方、設(shè)計(jì)師、觀眾等多方需求出發(fā)，探究運(yùn)動圖形設(shè)計(jì)方法。研究發(fā)現(xiàn)，由于設(shè)計(jì)定位不同，具體的設(shè)計(jì)策略存在較多的變化，后續(xù)需要依托更豐富的專業(yè)知識對知覺流暢性等方面展開更加深入的研究。

參考文獻(xiàn)：

［1］ 呂城.淺析動態(tài)圖形設(shè)計(jì)中的三條研究主線［J］.大眾文藝，2015（14）：103.

［2］ 張錦坤，劉曉倩，楊麗嫻.背景圖相關(guān)度與知覺流暢性對意義材料學(xué)習(xí)的影響［J］.心理與行為研究，2018，16（6）：757.

［3］ 陳功香.知覺流暢性對學(xué)習(xí)判斷及準(zhǔn)確性的影響［J］.魯東大學(xué)學(xué)報(bào)（哲學(xué)社會科學(xué)版），2014，31（5）：90.

［4］ 王婉婷，王婉蓉，傅凱莉.數(shù)字交互動畫在傳承非遺中的運(yùn)用價(jià)值研究［J］.藝術(shù)科技，2022，35（17）：93.

［5］ 洛夫·雷伯，諾伯特·施瓦茨，彼得·溫克爾曼.處理流暢性和美學(xué)愉悅：感知者的專業(yè)經(jīng)驗(yàn)中是否有美？［J］.人格與社會心理學(xué)評論，2004，8（4）：366-369.

［6］ 李振宇，高瞻.美術(shù)類書籍封面字體及版式設(shè)計(jì)研究［J］.科技與出版，2018（9）：93.

［7］ 孫山，青平，劉貝貝，等.創(chuàng)新型農(nóng)產(chǎn)品的產(chǎn)品特質(zhì)對消費(fèi)者支付意愿的影響：以作物營養(yǎng)強(qiáng)化大米為例［J］.農(nóng)業(yè)現(xiàn)代化研究，2018，39（5）：745.

［8］ 張旭錦.知覺流暢性對判斷和決策的影響［J］.心理科學(xué)進(jìn)展，2010，18（4）：639-643.

［9］ 龔艷萍，聶仲英，張曉丹.平面廣告模特面孔展示對消費(fèi)者廣告評價(jià)的影響研究［J］.國際新聞界，2017，39（2）：117.

作者簡介：高瞻（1997—），女，黑龍江哈爾濱人，碩士在讀，研究方向：視覺傳達(dá)與信息設(shè)計(jì)。

李振宇（1982—），男，黑龍江加格達(dá)奇人，博士，副教

授，研究方向：視覺傳達(dá)與信息設(shè)計(jì)。