基于情感設計的交互動畫運用研究

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

關鍵詞：交互動畫；情感設計；動畫設計

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

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

1 情感設計

1.1 情感設計的概念

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

1.2 情感設計研究現狀

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

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

1.3 情感設計的重要性

經驗經濟出現之后，人類的經濟與社會由基于電腦的線性邏輯思考模式轉變為以概念和感性為基礎的新模式。隨著時間的推移，右腦逐漸被人們關注，21世紀是一個右腦的時代。右腦注重管理者的感受，要讓用戶的右大腦獲得更好的感受，讓用戶與產品之間有更好的情感溝通，這些都需要設計師在設計產品時，使產品具備除精美外觀之外更完備的功能。

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

2 交互動畫

2.1 交互設計

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

2.2 交互動畫的含義

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

3 交互動畫的情感需求

3.1 觀眾的情感因素

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

3.2 情感設計如何與交互動畫融合

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

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

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

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

4 基于情感設計的交互動畫運用

4.1 交互動畫場景布局情感化設計

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

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

豐富的信息并不一定要把所有的畫面都填滿，可以綜合考慮畫面的色彩、圖像的形狀、文字的大小等，利用適當的空隙留白來實現畫面的均衡，從而凸顯主體的內涵；還能使觀眾的視覺感受更加充實，并精確傳遞信息。例如Designmodo網站交互動畫（如圖1所示），采用了大片的留白來強調交互動畫的主題，同時運用了鼠標交互設計，觀眾拖動鼠標時，畫面中的人眼會跟著移動，仿佛真的有一個人在注視觀眾的行動。

4.2 交互動畫色彩運用情感化設計

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

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

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

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

4.3 交互動畫文案情感化設計

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

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

5 結語

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

參考文獻：

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

［2］ 喬木，劉子建.產品趣味性設計中的設計仿生學［J］.美與時代，2011（2）：89-91.

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

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

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

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