基于情感設(shè)計的交互動畫運用研究

摘要：隨著科學(xué)技術(shù)和經(jīng)濟社會的不斷發(fā)展，人們的物質(zhì)生活需求已經(jīng)得到基本滿足，越來越注重精神需求和情感需求的滿足。因此，近年來各類產(chǎn)品的設(shè)計理念從以功能設(shè)計為中心轉(zhuǎn)向以情感設(shè)計為中心。情感設(shè)計強調(diào)的是產(chǎn)品對用戶情感和心理的引導(dǎo)和滿足。產(chǎn)品經(jīng)過情感設(shè)計后，不僅可以優(yōu)化、提高用戶的體驗和滿意度，還可以強化、提升用戶對產(chǎn)品的認同感和忠誠度，從而提升產(chǎn)品的市場競爭力。通過情感設(shè)計，產(chǎn)品可以傳達出特定的品牌價值觀和個性，與用戶建立起更加緊密的情感聯(lián)系。近年來，交互動畫作為互聯(lián)網(wǎng)的新興產(chǎn)物，逐漸成為現(xiàn)代數(shù)字產(chǎn)品中不可或缺的一部分，是人機交互的全新體現(xiàn)。在數(shù)字產(chǎn)品中加入交互動畫，可以優(yōu)化用戶體驗、引導(dǎo)用戶行為、增強產(chǎn)品的可用性。交互動畫經(jīng)過情感設(shè)計之后，將擁有新的內(nèi)涵與生命，可以提高數(shù)字產(chǎn)品的情感價值，還可以使用戶在瀏覽交互動畫的過程中與產(chǎn)品產(chǎn)生更深層次的情感共鳴，提升用戶對其的喜愛程度，同時增強產(chǎn)品的不可替代性。文章旨在探討情感設(shè)計在交互動畫中的運用，介紹情感設(shè)計和交互動畫的相關(guān)概念，并以情感設(shè)計的主要內(nèi)容及交互動畫的特點為著眼點，結(jié)合具體案例，總結(jié)分析情感設(shè)計在交互動畫中的運用方式，探究新形勢下交互動畫與情感設(shè)計的融合。

關(guān)鍵詞：交互動畫；情感設(shè)計；動畫設(shè)計

中圖分類號：J218.7；TP391.4 文獻標(biāo)識碼：A 文章編號：1004-9436（2023）10-0-03

比爾·莫格里奇解釋說：“互動設(shè)計的實質(zhì)并非技術(shù)，用戶在互動中獲得的情緒經(jīng)驗更加關(guān)鍵?！彼嘈沤?jīng)驗型的設(shè)計能夠引起人們的注意。在信息化社會，用戶對產(chǎn)品功能的需求遠遠超過產(chǎn)品外觀，更注重產(chǎn)品的實用性?；釉O(shè)計也不例外，僵化的互動體驗不能充分激發(fā)使用者的深層情緒。因此，在當(dāng)前信息化社會，情緒互動成為主流。

1 情感設(shè)計

1.1 情感設(shè)計的概念

情緒能影響人的行為決斷，還能影響人對產(chǎn)品的態(tài)度。目前各行各業(yè)的產(chǎn)品設(shè)計都更加注重用戶情感層面的需求。情感設(shè)計，即設(shè)計者將產(chǎn)品創(chuàng)造出來后使其能夠與用戶產(chǎn)生情感聯(lián)系，并且讓用戶在使用產(chǎn)品時有愉悅的感受。從心理學(xué)角度來看，情感設(shè)計是將設(shè)計者、產(chǎn)品和使用者的情感通過資訊連接起來，并且以滿足使用者的情緒需要為基礎(chǔ)，讓使用者在操作中獲得情緒上的滿足。與此同時，情感設(shè)計結(jié)合交互動畫，進行更人性化的畫面設(shè)計和操控設(shè)計，能給用戶帶來全新的功能和體驗。

1.2 情感設(shè)計研究現(xiàn)狀

20世紀(jì)50年代中期，歐美的一些國家出現(xiàn)了一種新的認知心理。從認知心理學(xué)的角度來看，人類的認知是一個信息處理過程。人類的認識活動是對外部世界的各種資訊進行加工和處理的一個重要過程。在當(dāng)代心理學(xué)中，認識與情緒是關(guān)系密切的兩大要素，情緒是人類生命活動不可或缺的一環(huán)，影響著人類的認識與行動；同時，情感、認知、思維三者之間存在交互作用。

早在20世紀(jì)80年代末期，人們就開始了對情感設(shè)計的研究。在一些比較發(fā)達的國家，對情感設(shè)計的稱呼各不相同。日、韓等國一般稱之為“感性工學(xué)”（Kansei Engineering，KE），歐洲也比較認同這種稱呼。我國一般稱其為“感性意象”或“感性設(shè)計”等，大多數(shù)專業(yè)學(xué)術(shù)機構(gòu)和美國研究者都使用“Emotional Design”來形容，為了通俗易懂，現(xiàn)在更多使用“情感設(shè)計”一詞。但其研究早就不只是專注于工業(yè)上的產(chǎn)品設(shè)計，而是延伸到了一些全新的設(shè)計領(lǐng)域［1］。同時，在功效和人的情感方面，大多數(shù)設(shè)計者更注重產(chǎn)品的功效，忽略了人（使用者）的情感需求，進而割裂了設(shè)計師與使用者的情感聯(lián)系。實際上，人既能創(chuàng)造東西，是功能的開發(fā)者，又能使用東西，是功能的使用者，因此人應(yīng)該是設(shè)計的重點。情感設(shè)計的終極目的是做到“以人為本”“用戶是上帝”。

1.3 情感設(shè)計的重要性

經(jīng)驗經(jīng)濟出現(xiàn)之后，人類的經(jīng)濟與社會由基于電腦的線性邏輯思考模式轉(zhuǎn)變?yōu)橐愿拍詈透行詾榛A(chǔ)的新模式。隨著時間的推移，右腦逐漸被人們關(guān)注，21世紀(jì)是一個右腦的時代。右腦注重管理者的感受，要讓用戶的右大腦獲得更好的感受，讓用戶與產(chǎn)品之間有更好的情感溝通，這些都需要設(shè)計師在設(shè)計產(chǎn)品時，使產(chǎn)品具備除精美外觀之外更完備的功能。

在人機交互方面，以人為本的設(shè)計思想日益引起人們的關(guān)注，尤其是人機互動以及對動畫的重新創(chuàng)造。實現(xiàn)人機交互的深層意義是人機交互的終極目的。美國的Norman博士于2005年把產(chǎn)品的情感設(shè)計分為三個層次：本能層面、行為層面和反思層面［2］。這三個層面對產(chǎn)品的設(shè)計需求進行了解釋。本能層面強調(diào)使用者對產(chǎn)品的即時反應(yīng)，重視其感覺上的愉悅，表現(xiàn)在其感官的各個方面，如視聽感官等；行為層面強調(diào)使用者在使用產(chǎn)品的過程中，其功能的便捷性、操作的技巧性等，能給使用者帶來一定的行為感受；反思層面在前兩個層面的基礎(chǔ)上，通過聯(lián)想想象、心理暗示、情感寄托等情緒表達方式，讓使用者的身份認同、自我實現(xiàn)以及對產(chǎn)品的忠誠得到充分的反映，從而激發(fā)使用者對產(chǎn)品更深層次的情感需求［3］。

2 交互動畫

2.1 交互設(shè)計

與一般的設(shè)計相比，交互設(shè)計更注重產(chǎn)品的內(nèi)涵。從設(shè)計者的角度來看，交互設(shè)計是一種真正符合使用者需要、從本質(zhì)上讓人心情愉悅的設(shè)計?；有缘漠a(chǎn)品可以是實體產(chǎn)品，也可以是沒有實體的軟體產(chǎn)品，其核心是交互與經(jīng)驗。交互與經(jīng)驗是以目標(biāo)使用者為基礎(chǔ)，通過觀察使用者在交互時發(fā)生的互動，了解使用者的行為習(xí)慣與心理特征，保證在交互式的溝通中，充分提升使用者的操作能力，使與使用者之間的溝通更有效。換句話說，交互的最高層次在于進行情緒互動。在進行情感設(shè)計時，關(guān)注的焦點始終是設(shè)計能否滿足使用者的使用需求，同時關(guān)注設(shè)計能否滿足使用者的情感體驗需求，注重人與人之間的情感交流，使產(chǎn)品更貼近人的生活習(xí)慣，滿足用戶的情感訴求。

2.2 交互動畫的含義

交互動畫既是動畫與新媒體的融合，又是溝通與表現(xiàn)方式的融合。隨著現(xiàn)代科技的發(fā)展和人們情感品質(zhì)需要的增加，交互動畫得到了越來越多的關(guān)注。觀眾在瀏覽交互動畫時，可以對動畫進行一系列操作。全新的交互體驗使觀眾在瀏覽的同時，能夠感受到交互動畫的動態(tài)形成效果及與動畫內(nèi)容真實的情感互動。藝術(shù)的呈現(xiàn)離不開媒介的承載，而交互動畫的媒介就是計算機。在這種新媒介環(huán)境下，人們通過時間、空間和表現(xiàn)方式進行交互，并通過不同的方式實現(xiàn)不同的視覺語言表現(xiàn)。交互動畫是一種具有互動性、創(chuàng)新性的全新的動畫形式，采用了抽象與夸大的藝術(shù)技巧，是將動態(tài)的表現(xiàn)結(jié)構(gòu)與新媒介相結(jié)合而形成的一種綜合性的聲像技術(shù)。通過這種方式，觀眾可以在動態(tài)的表現(xiàn)結(jié)構(gòu)中體驗到更生動的視聽藝術(shù)，也能積極地控制畫面的動態(tài)呈現(xiàn)，在自主操控的同時，進行情感溝通，得到更深層次的交互體驗。交互動畫與傳統(tǒng)動畫在畫面設(shè)計、圖像展示、動態(tài)效果上沒有太大的區(qū)別，但計算機新媒介的技術(shù)加持使其具有獨特的互動性，這一點使交互動畫與傳統(tǒng)動畫相比更勝一籌。

3 交互動畫的情感需求

3.1 觀眾的情感因素

在交互動畫設(shè)計中，設(shè)計者的首要目標(biāo)是讓觀眾更好地與動畫互動，而觀眾則希望通過交互環(huán)節(jié)獲得情感上的滿足。因此，在設(shè)計合理互動的同時，動畫設(shè)計者要加強對觀眾情感訴求的關(guān)懷，分析觀眾情感需求的深層邏輯，尋找能夠使觀眾心情愉悅的互動方法，可以做到以下幾點：方便的操作、明確的可視方向、人性化的照顧、了解觀眾真實的心理訴求、突出個人的獨特性。

3.2 情感設(shè)計如何與交互動畫融合

當(dāng)前，觀眾對動畫的要求由普通的觀看內(nèi)容、欣賞畫面逐步發(fā)展到更高的情感需求。因此，把情感設(shè)計的理念與交互動畫設(shè)計相融合，探討多元的設(shè)計方案就變得非常必要。

首先，基于觀眾的多方面需求，構(gòu)建一種新的動畫模式。通過對交互動畫的不同理解，可以使用文字、圖像、構(gòu)圖、操作等不同的方式進行界定，從而形成不同的設(shè)計理念。其次，對新動畫的設(shè)計進行初步評價。最后，經(jīng)過嚴(yán)格的篩選分析，得到最終的設(shè)計作品。不能只從交互動畫的目標(biāo)出發(fā)，還要從情感和互動的視角尋找觀眾真正需要的情感設(shè)計；利用延伸推理方法來決定交互動畫的設(shè)計目的，并在此基礎(chǔ)上查找與產(chǎn)品定位有關(guān)的詞語。把情感設(shè)計變成本能、行為和反思三合一，可以改善相關(guān)方的情緒感受。

總之，在進行目標(biāo)設(shè)計時，應(yīng)當(dāng)遵循人性化的原則，以更好地與人類進行情感交流，可以將傳感技術(shù)、交互設(shè)計原理、情感設(shè)計方法等有機結(jié)合，以此為設(shè)計理念的基石，同時要促進劇情發(fā)展。以故事為主線，將設(shè)計的基本原則和具體的運用情景表現(xiàn)得栩栩如生。

此外，還要進行互動和情緒表現(xiàn)，用簡單概括的語言說明動畫的目的；通過一個特殊的過程實現(xiàn)交互和情緒表現(xiàn)。同時，要進行實踐演示，借助電腦技術(shù)，使動畫的顯示更加完美。從一定意義上說，這是使用者的心理需要與心靈訴求的最直觀反映。

4 基于情感設(shè)計的交互動畫運用

4.1 交互動畫場景布局情感化設(shè)計

在互動動畫中，畫面的排版是十分關(guān)鍵的一環(huán)。人的視覺閱讀規(guī)則一般是從左到右、從中央向外，在版面布局中，不僅要注意視覺規(guī)則的作用，還要注意視覺的變化，并在交互設(shè)計上利用適當(dāng)?shù)陌嫘蛯崿F(xiàn)視覺的運動，在某種意義上“鎖住”使用者的眼睛，傳遞更多的圖像。簡單地講，交互動畫的版式一般有滿版、中軸、傾斜型；運用重心式、自由式等多種字體形式，不同觀眾的情緒感受各有差異。

近幾年，全版和中軸的運用占主導(dǎo)地位，以主體為中心，既能充分表現(xiàn)交互動畫想傳達的情緒，又能提升整體的觀賞性；干凈整潔、富有趣味的圖案，與大量冗長的文字相比，更能讓人獲得情緒上的愉悅［4］。留白是影響版面布局的關(guān)鍵因素，適當(dāng)?shù)牧舭撞坏苁箘赢嫯嬅娅@得更大的空間，傳達出語言、符號所不能傳達的情緒，而且能使整個互動的界面富有節(jié)奏感和層次感，從而更易于使觀眾在視覺上獲得情緒上的滿足。

豐富的信息并不一定要把所有的畫面都填滿，可以綜合考慮畫面的色彩、圖像的形狀、文字的大小等，利用適當(dāng)?shù)目障读舭讈韺崿F(xiàn)畫面的均衡，從而凸顯主體的內(nèi)涵；還能使觀眾的視覺感受更加充實，并精確傳遞信息。例如Designmodo網(wǎng)站交互動畫（如圖1所示），采用了大片的留白來強調(diào)交互動畫的主題，同時運用了鼠標(biāo)交互設(shè)計，觀眾拖動鼠標(biāo)時，畫面中的人眼會跟著移動，仿佛真的有一個人在注視觀眾的行動。

4.2 交互動畫色彩運用情感化設(shè)計

顏色和人類的個性是相同的，不同顏色具有不同的情感取向，能影響觀眾的情感聯(lián)想。美國視覺藝術(shù)專家布魯墨說：“顏色可以激發(fā)我們不同的感情，它可以傳達我們的思想，甚至可以改變我們的身體?！鳖伾茉谧疃痰臅r間內(nèi)引起觀眾的注意，起到快速、直接表達的作用。

在交互動畫設(shè)計中，良好的顏色搭配對使用者的情緒交流具有很大的幫助。大自然是五顏六色的，各種顏色經(jīng)過視覺神經(jīng)進入大腦后，經(jīng)過一系列的思考與聯(lián)想，情緒的變化非常復(fù)雜。在動畫中，各種顏色能傳遞出不同的情緒、動態(tài)等，經(jīng)過設(shè)計加工，都能很好地體現(xiàn)在屏幕上，給觀眾帶來良好的情感體驗。在交互動畫設(shè)計中，要注意顏色的選用是否符合觀眾心中的主題，同時，要有自己的特色，只有這樣才能使作品既可以突出自己的特點，又可以在網(wǎng)絡(luò)上提高識別度和增強歸屬感。還要注意主色、次色和輔助色搭配的黃金比例，即6∶3∶1，并利用類色排列、補色搭配等方式來激活畫面，增強整體的動態(tài)感和層次感。

舉例來說，圖2中美國的社會化網(wǎng)絡(luò)站點MySpace在首頁的交互動畫中使用了大片濃烈的暗紫色，這樣能使觀眾在瀏覽界面時有一種神秘的感覺。這種感覺能使他們完全進入“我的空間”的背景，由此獲得一種十分穩(wěn)定的情感體驗，仿佛真的置身于“我的空間”。

從圖3可以看出，英國rallyinteractive網(wǎng)頁交互動畫使用了簡約的單個顏色，加上十分簡潔干凈的界面布局，并用不同的顏色代表不同的功能界面，強調(diào)突出不同功能的界面特征，使其具有鮮明、準(zhǔn)確的效果。

4.3 交互動畫文案情感化設(shè)計

在交互動畫中，文案作為傳達信息的重要載體，如何將其與情感設(shè)計有機融合，有必要納入研究范圍。在情感設(shè)計中，文案的反饋傾向于用更加靈活巧妙、能夠引發(fā)情感共鳴的方式與觀眾溝通，其情感化的設(shè)計細節(jié)可以使動畫變得鮮活有趣，一個恰到好處的融入情感化設(shè)計的文案往往可以有效帶動觀眾的情緒，增強動畫與觀眾之間的情感互動，相較于普通文案，更能夠引發(fā)觀眾的情感共鳴，優(yōu)化其情感體驗。

例如，在觀眾瀏覽交互動畫時，如果出現(xiàn)服務(wù)器無法正常提供信息或者網(wǎng)絡(luò)連接失敗、畫面無法播放的情況，觀眾就會產(chǎn)生負面情緒。此時，融入情感化設(shè)計的404界面，通過詼諧幽默、言簡意賅的文案［5］，委婉地提醒觀眾此時畫面出錯，同時引導(dǎo)、鼓勵觀眾再次進入或者重新操作。通過這種“交友式”的互動模式，觀眾與動畫能夠像人與人一樣形成友好相處的模式，不僅可以拉近觀眾與交互動畫的距離，而且可以緩解觀眾的不良情緒，提高觀眾對畫面出錯的接受度，從而解決畫面出錯帶來的連鎖問題。

5 結(jié)語

當(dāng)前社會，觀眾關(guān)注的不僅僅是動畫的內(nèi)容與美感，更多是由自身情緒反饋出來的真實情感需求。因此必須轉(zhuǎn)變設(shè)計理念，更好地進行交互動畫的情感設(shè)計。設(shè)計師在進行動畫的情感設(shè)計時，除了要注重外在的形態(tài)呈現(xiàn)以外，還要保證觀眾與作品之間的情感溝通，讓觀眾獲得行為和心理上的情感享受?？傊?，設(shè)計師在設(shè)計交互動畫時，要重視對情感互動的表現(xiàn)，以拉近人與人、人與物的關(guān)系。只有通過情感互動，使動畫更具有人情味，在更深刻的層次體現(xiàn)出人文關(guān)懷，才能推動交互動畫的情感設(shè)計工作持續(xù)革新。

參考文獻：

［1］ 張思望，任斌.基于用戶情感需求的用戶界面設(shè)計研究［J］.美術(shù)大觀，2016（6）：134-135.

［2］ 喬木，劉子建.產(chǎn)品趣味性設(shè)計中的設(shè)計仿生學(xué)［J］.美與時代，2011（2）：89-91.

［3］ 吳一可.健康類移動端界面設(shè)計的情感化研究：以“宅學(xué)生”體能檢測APP為例［D］.大連：遼寧師范大學(xué)，2019.

［4］ 楊靜.基于用戶情感體驗的交互動畫界面設(shè)計［J］.濱州學(xué)院學(xué)報，2017，33（6）：84-88.

［5］ 張柏慧.交互設(shè)計中的情感化元素［D］.長春：吉林大學(xué)，2019：10.

作者簡介：宦盈盈（2002—），女，江蘇丹陽人，本科在讀，研究方向：數(shù)字媒體藝術(shù)設(shè)計。