論交互動效的情感語義

（江南大學 設計學院 214122）

人類的社會活動處處離不開信息的傳遞，信息的傳遞以各種形式的符號為載體。隨著時代的發展與技術的進步，符號的形式越來越豐富。最初，人類只能靠肢體或口頭語言符號傳遞信息；有形文字與圖畫的出現，使得信息的傳遞打破了空間與時間的限制；如今，信息技術高度發展，在虛擬空間里，符號的形式更加豐富多彩，“沉睡”的文字與圖像“活”了起來，實現人與機器互動交流。加上體驗經濟的來臨，使得用戶情感體驗備受關注，如何從人的感受出發進行設計，如何讓交互動效更能滿足用戶的情感需求，乃當今一重要課題。

一、相關概念

（一）交互動效

交互動效，是在用戶與智能設備交互的過程中，用戶界面呈現出的動態效果2。人腦灰質對運動的物體保持敏感，人類的注意力本能的更容易被運動的物體吸引。動效利用注意力的特點可以有效地暗示、引導、吸引用戶。好的交互動效不僅能夠提升產品的有效性，還能增加趣味性，增強用戶體驗。3

（二）交互動效的情感語義

交互動效是視覺符號的一個分支，從靜態圖形“進化”而來。根據符號的特性可知，它不僅能傳遞功能類信息，還能傳情達意。猶如人的表情或肢體動作，體現著一定的情緒或性格。借鑒靜態形態、顏色等視覺符號情感語義的相關研究，本文將交互動效的情感語義定義為交互動效所蘊含的個性特征和精神內涵4。了解交互動效的情感語義，有助于設計出符合人類認識的交互動效，以觸發用戶內心與設計目標相似的感覺，進而營造出使用舒適、體驗良好、心情愉悅的效果。

二、交互動效的構成要素與情感語義

不同形式的交互動效蘊含著不同的個性，給人不同的感覺。界面中的交互動效千變萬化，無法一一枚舉，但可從其基本構成要素角度進行研究。在靜態圖像的基礎上加入時間維度，便形成了動態效果，因此動效的表達同時受到圖像本身以及時間因素的影響，但本文暫不結合原始圖像形態進行分析。主要從交互動效特有的速度、路徑與形變三個構成要素分析其感情語義。5

（一）速度

動效是形態與時間結合的產物，除了形態外，時間因素也對動效的性格特征產生巨大影響，它對動效呈現形式的影響首先體現在位置的變化上，由于位移的距離與時間的不同組合，會產生不同的運動速度，主要包括勻速、加速、減速、快慢交替等6。

1.急切的速度

緩慢或急切是相對的，如果不以理性的數據來說明，筆者認為急切的速度是指不易看清物體形狀和物體細節的運動速度，如活躍的蚊子飛舞的速度、汽車快速駛過的速度、雨水下落的速度，以及比這些更快的速度。

急切的速度能給人以緊張、富有生機與活力、果斷、俏皮的感覺。應用可體現在界面的快速切換動效中，迅速切換給人干凈利落的感覺，不浪費時間。又如iOS系統，長按圖標，圖標小幅度快速抖動的動效給人活潑可愛的感覺。

2.緩慢的速度

緩慢的速度能給人以舒緩、輕柔、平和穩重的感覺。如屏保動效的設計，屏保表示機器進入休息狀態，就好像一個人在睡覺，緩慢的起伏的動效能營造一種安靜舒緩的氛圍。

3.勻速

勻速運動是在單位時間內通過的距離相等的運動方式。勻速運動能給人以平穩、可靠的感覺。如banner的切換，可以用勻速運動動效，既能實現圖片的變換，又不失穩重、大氣，能讓用戶感覺心安。

4.加速

加速運動是運動的速度變的越來越快，能給人以力量感、速度感和緊張感。在現實生活中，最經典的例子是自由落體。另外還有人突然起跳、用力出擊、錘子釘東西等，這些情況都是因為有一個力量的增長。界面中提示信息的退出，若使用加速動效，不僅能因速度感提升精神，還能讓人將注意力盡快集中到接下來的重點內容上。

5.減速

減速運動是速度逐漸變慢的運動，能給人以舒展、抒情，或結束、恢復平靜的感覺。有如現實生活中的停車、人跑步逐漸停下來?？墒褂迷隗w現舒緩感的結束性動效處。

6.快慢交替

速度快慢交替能使動效產生一定的時間節奏感、韻律感。如彈跳的小球，就應該有速度快慢的交替，這會比勻速運動更有生命力些。這也是動效制作軟件設置緩入緩出之類效果的原因。

此外，葉子和羽毛的下落、海浪進退的速度也有變化。模擬諸如此類動效，更確切地說，是要遵循現實中的運動規律。交互動效給人帶來的感覺源于生活中的經驗，符合人類認知習慣的動效，才能有代入感。還有類似起跳、出拳的動效應設計預示性的準備動作，為用戶提供一個心理預知等等。違背自然運動規律的交互動效會給人造成認知負擔，應該避免唐突生硬的交互動效，以在不知不覺中喚起用戶的情感共鳴。

（二）路徑

路徑是物體運動過程中隱藏在動效背后牽引元素運動所形成的隱性運動軌跡，包括運動的幅度、路線和方向。不同的運動路徑也會給人以不同的感覺。

1.幅度

幅度是指圖像在界面上的活動范圍。運動幅度大，能給人一種舒展的感覺，而幅度小則給人以謹慎的感覺。就像人高興的時候，動作幅度比較大比較舒展也比較快，而緊張時，動作幅度就會比較小。

2.路線

路線包括直線、曲線。直線運動會給人干脆、嚴肅、嚴謹的感覺，而曲線能給人放松、柔軟、優美、圓滑，甚至有彈性的感覺。一般的切換動效都是直線運動，使得畫面簡潔操作高效，曲線運動可以運用在一些特效的表現上，如表示聲音波動的動效。

3.方向

方向包括單向、四周、前后、往復以及旋轉等。

單向運動給人簡約之感，最常用。通常情況，進入和退出的方向為從左到右或從上到下。

往四周擴散給人一種向外的張力感。向四周擴散加上曲線運動能形成波紋效果，形成很強的韻律感。而從四周向內或向一個點運動能營造一種吸收感。如蘋果電腦窗口最小化的動效，如同有一股強大的吸力將窗口一把收起來，界面仿佛具有了人性，帶著一絲調皮的味道。

前后的方向能夠形成一種立體空間感，尤其是配合放大或縮小動效，能讓人強烈地感覺到界面的徑伸層次，仿佛進入了一個立體空間，震撼的視覺感受撲面而來。

往復運動包括直線的往復運動和曲線的往復運動。往復運動和旋轉會給人一種慵懶感，長時間的往復運動或旋轉卻會讓人覺得乏味。

（三）形變

形變是指物體形狀的改變，這里不考慮原始形象的變化，而是整體比例上的變動。包括彈性形變和非彈性形變、放大和縮小等。

1.彈性形變與非彈性形變

現實中的形變主要有因被擠壓或拉伸而產生的形態的變化，在受力消失后能夠恢復原狀的為彈性形變，否則為非彈性形變。彈性形變最典型的例子是皮球從空中下落，碰到地面馬上彈起。彈性形變的動效會給人一種十分生動活潑、俏皮可愛、有韌性的感覺，可以設計的稍微夸張一點，感受效果會更明顯。文字、圖像的出現，以及界面切入，是很好的運用場景。

2.放大和縮小

除了彈性與非彈性形變外，還有放大、縮小等。在界面設計中，應用的打開與退出常常用到。開啟時主界面仿佛從應用圖標中鉆出來，關閉時又退回到應用圖標中。連續的整體形變讓用戶直觀地感受到其去向，界面也多了幾分靈性。而放大縮小的組合運用，又可形成呼吸感，好像是心臟的跳動、胸腔的起伏?？焖俚姆糯罂s小烘托緊張氛圍，緩慢的情況就讓人放松且溫暖。

實現人與界面互動交流需要借助各種各樣的動效，各動效因為構成要素特征的不同而體現出不同的個性，蘊含不同的情感語義。界面也因為一個個這樣的動效得以更鮮活、富有感情色彩、更具吸引力。我們在動效設計時，可以基于一個要素進行設計，也可以組合考慮。

三、結語

社會的進步、體驗經濟的到來使得人們對產品的需求，由基礎的功能延伸到感性層面，使用體驗直接影響產品的生命力。數字技術的發展使得信息的表現形式更豐富多姿，“沉睡”的視覺符號“蘇醒”起來。交互動效能夠提升產品的有效性、趣味性，使產品更人性化、智能化。但由于交互動效還處于新興階段，針對性的設計方法還比較欠缺。本文從其構成要素的角度出發，分析情感語義，希望能夠為交互動效的設計提供一定思路。當然，情感語義還會受到圖像本身的影響，最終效果是所有要素的共同結果，這是本文的片面性，也是有待繼續研究的內容。

注釋：

1.郭會娟，汪海波.基于符號學的產品交互界面設計方法及應用[M].南京：東南大學出版社，2017.

2.童上.移動端交互動效中的感知等待時間研究[D].浙江：浙江大學，2017.

3.李靖.情感語義在產品形態設計中的研究與應用[D].遼寧：東北大學，2008.DOI：10.7666/d.y1843810.

4.杜欣芳.流動之美·提升用戶體驗的交互動效[DB/OL].http：//dy.163.com/v2/article/detail/DJ312DSQ0516RR9K.html，2018.

5.安娜，劉健.空間與時間——動態圖形設計的基礎性研究[J].美苑，2016，（3）：101-103.

6.林小入.動畫運動規律[M].北京：海洋出版社，2013：18-21，39.