動態(tài)圖形的交互設(shè)計研究

楊樂萱

摘要：動態(tài)圖形的交互設(shè)計不僅能為受眾提供愉快的感官體驗，而且還能提升設(shè)計作品的藝術(shù)價值和競爭力。本文首先闡述了動態(tài)圖形及交互設(shè)計的概念，其次闡述了動態(tài)圖形的交互設(shè)計意義，并總結(jié)歸納了動態(tài)圖形的交互設(shè)計要素，最后提出了動態(tài)圖形的交互設(shè)計原則。通過本文的研究，以期為動態(tài)圖形的交互設(shè)計提供一定的思路。

關(guān)鍵詞：動態(tài)圖形;交互設(shè)計;要素;原則

中圖分類號：J524 文獻標(biāo)識碼：A

文章編碼：1672-7053（2021）04-0080-02

1 相關(guān)概念解析

1.1動態(tài)圖形的概念

動態(tài)圖形，英文“Motion Graphics”，“Motion”意為運動、移動、動態(tài)，“Graphics”意為圖形、圖案、圖畫等。廣義上來說，動態(tài)圖形包括字符、表格、LOGO、紋樣、插畫、影像等圖形化元素及其顏色和布局。這種視覺表現(xiàn)形式具有時效變化的屬性特征。動態(tài)圖形是多領(lǐng)域融合的藝術(shù)表現(xiàn)形式，它需要平面設(shè)計的構(gòu)成語言、動畫設(shè)計的影視美學(xué)、數(shù)字藝術(shù)的軟件操作技術(shù)等跨專業(yè)的知識支撐，因而在媒體領(lǐng)域普遍運用，在信息傳遞中起到非常關(guān)鍵的作用。

1.2交互設(shè)計的概念

交互可以直譯為交流、互動，是人、物相互之間交集而成的感知與情緒的改變。而交互設(shè)計就是針對人、物之間交流互動的設(shè)計，從而達到交流和互動更為流暢舒適的目的。交互設(shè)計形成的根本原因是人類具有“認(rèn)知摩擦”的特性，認(rèn)知摩擦概念由美國交互設(shè)計師 Alan Cooper 提出，他定義認(rèn)知摩擦為：“當(dāng)人類智力遭遇隨問題變化而變化的復(fù)雜系統(tǒng)規(guī)則時遇到的阻力”，通常是產(chǎn)品設(shè)計不合理而產(chǎn)生的問題。因為不必要的技術(shù)與功能應(yīng)用讓產(chǎn)品操作繁瑣、加重理解負(fù)擔(dān)，使用者難以利用感官判斷來掌握使用技巧，從而產(chǎn)生產(chǎn)品使用成本過高的不利影響。產(chǎn)品的根本屬性是為使用者提供服務(wù)，為了達到便于使用者感知、了解、使用產(chǎn)品的目標(biāo)，交互設(shè)計重點在于改進不足，并最大限度地為使用者在產(chǎn)品的操作過程中提供舒適的情感體驗。據(jù)此，交互設(shè)計的定義是指對產(chǎn)品的操作方式、執(zhí)行程序和內(nèi)容框架的設(shè)計，從而達到應(yīng)用的操作便利、理解便利并滿足使用者使用過程的心理需求。

2動態(tài)圖形的交互設(shè)計意義

2.1提高圖形的表達性

現(xiàn)階段，在互聯(lián)網(wǎng)技術(shù)提升與新媒體深層應(yīng)用的時代背景下，動態(tài)圖形的交互設(shè)計向多元綜合化趨勢發(fā)展。從設(shè)計原理的層面分析，動態(tài)圖形的多樣化布局會呈現(xiàn)出多種視覺效果，將其動態(tài)特征引入交互設(shè)計中時，能夠提升信息的傳達效率，即提高了圖形的表達性。

2.2增強受眾的體驗感

在新的表達領(lǐng)域探索動態(tài)圖形的交互設(shè)計，可以挖掘動態(tài)圖形更大的體驗空間。而從另外個一角度來說，使用者在接受視覺信息時需要滿足一定的藝術(shù)審美需求，形成視覺和操作交互過程的體驗。為此，以具有交互設(shè)計特征的動態(tài)圖形，能夠增強受眾群體的體驗感。

3動態(tài)圖形的交互設(shè)計要素

3.1 圖形要素

以動態(tài)圖形（字符、表格、LOGO、紋樣、插畫和影像等圖形元素）為基礎(chǔ)構(gòu)成交互設(shè)計要素。動態(tài)圖形具有較強的傳遞信息功能，設(shè)計師可以通過合理的圖形設(shè)計指引人們進行操作，提升交互界面的吸引力和視覺效果，降低人們操作難度。如字符類動態(tài)圖形可以通過文本或圖文這兩種主要形式呈現(xiàn)。動態(tài)文本可呈現(xiàn)較為細(xì)致的內(nèi)容，而圖文是指以字形為基礎(chǔ)與圖形結(jié)合的圖形化文字，在保證文字可讀性的同時進行設(shè)計，以提高交互設(shè)計的藝術(shù)效果。

3.2色彩要素

色彩是動態(tài)圖形的表層屬性，是可以直接作用于觀賞者大腦并產(chǎn)生本能反應(yīng)的設(shè)計元素。色彩最主要的作用是形成視覺效果，設(shè)計師通過對色彩設(shè)計強調(diào)設(shè)計主題、傳遞信息，并給予使用者操作提示，每種色彩都各具情緒表達和象征意義。如藍色象征成長，代表鍥而不舍;紫色象征離別，代表憂郁悲傷;藍紫色象征友誼，代表溫柔關(guān)懷;黃色象征演變，代表生活力。

因此，色彩需要依據(jù)主題內(nèi)容進行設(shè)計，從而在視覺層面向使用者準(zhǔn)確表達信息。

3.3動態(tài)要素

動態(tài)圖形實質(zhì)是使靜止圖像通過動態(tài)設(shè)計成為能夠變化的圖形，使其更具活力，傳遞更豐富的信息。動態(tài)圖形有五種基礎(chǔ)動態(tài)方式：位移、縮放、旋轉(zhuǎn)、形變、色變。位移是指圖形沿指定軌道改變位置，進行簡潔而富有活力的動態(tài)設(shè)計。縮放是指圖形按比例收縮或放大，以此強調(diào)內(nèi)容，引起使用者的注意。旋轉(zhuǎn)是指圖形圍繞某點靈活轉(zhuǎn)動，進而產(chǎn)生靈動的視覺效果。形變是指物體形態(tài)在各種力的作用下產(chǎn)生壓縮、拉抻、扭轉(zhuǎn)、曲折等或規(guī)則或不規(guī)則的變形。規(guī)則變形具有一定規(guī)律屬性，動態(tài)圖形利用規(guī)律模仿現(xiàn)實物體的物理特質(zhì)，更真實地模擬出物體在現(xiàn)實世界中的運動狀態(tài)。不規(guī)則變形則是不遵守物體形變規(guī)律，可以自由轉(zhuǎn)換形態(tài)，通常情況下設(shè)計師對不規(guī)則形變的設(shè)計有明確的主題內(nèi)容，通過有趣的變化為使用者加深印象。色變是指圖形通過改變顏色提高圖形的表達能力，使其更具內(nèi)涵性。

3.4布局要素

布局是把文本、圖形、顏色、動態(tài)等組成要素經(jīng)過合適的設(shè)定進行組織運算，將設(shè)計內(nèi)容直接有序地進行表達。只有合理的布局才能確保用戶在短時間內(nèi)快速接收信息并進行操作。

4動態(tài)圖形的交互設(shè)計原則

4.1 符合認(rèn)知邏輯原則

人對事物的認(rèn)知基于對客觀規(guī)律的探究與了解，而設(shè)計的過程是虛擬的，人們在交互中通過虛擬體驗現(xiàn)實，用現(xiàn)實映像對比激活感官記憶。

如：游戲中一些球類的動態(tài)圖形正是依據(jù)部分現(xiàn)實物理運動規(guī)律進行設(shè)計的。在游戲《最強彈一彈》中，彈球墜落速度由慢到快，碰撞后彈球運動由快轉(zhuǎn)慢，彈動效果逐漸削弱直至消失。這些動態(tài)圖形都是依據(jù)現(xiàn)實世界物體的慣性運動、彈性運動、曲線運動等物理規(guī)律而進行設(shè)計的，為玩家營造出了一種真實感。

4.2符合內(nèi)涵表達原則

動態(tài)圖形在模仿現(xiàn)實時應(yīng)符合運動規(guī)律以形成視覺認(rèn)知，并且動態(tài)圖形的交互設(shè)計也應(yīng)更加符合主題信息的內(nèi)涵表達。

以《紀(jì)念碑谷2》為例，該游戲初始界面是一個不完整的小圖標(biāo)，通過漸次展開畫面的動畫形式調(diào)動起玩家的探究興趣，以此吸引玩家的注意力從而表達探險游戲的主題。展現(xiàn)全部紀(jì)念碑谷場景后，通過設(shè)置不同時長的間隔與移動速度使背景中的雪花有節(jié)奏地移動，營造唯美的視覺效果，帶給玩家舒適的游戲體驗。

4.3符合動態(tài)時間設(shè)計原則

動態(tài)圖形是基于時間動態(tài)而設(shè)計的圖形，因此，合理的動態(tài)時間設(shè)計能夠為使用者在交互過程中提供流暢而舒適的體驗感。反饋型動態(tài)圖形在使用者實施交互指令時起到迅速反應(yīng)的作用，應(yīng)盡量簡單快速。若動態(tài)圖形的交互反饋超出一秒，用戶將不再保持完整感知并產(chǎn)生卡頓延遲的交互體驗;以加載動態(tài)圖形為代表的狀態(tài)提示型動態(tài)圖形，在處于界面加載狀態(tài)時應(yīng)當(dāng)安撫使用者因等待而產(chǎn)生的焦躁感，因此動態(tài)圖形時長過于漫長或短暫都是不合適的，太過短暫會讓使用者形成無趣的視覺感，過于漫長則會讓使用者產(chǎn)生枯燥乏味之感。如：在影視作品中，設(shè)計師通過改變動態(tài)圖形的節(jié)奏來為觀眾提供影視內(nèi)容的。

4.4符合愉悅有趣的情感體驗原則

體驗是通過感官形成的情感，不可設(shè)計卻可觸發(fā)。動態(tài)圖形的交互設(shè)計通過三個方面滿足使用者的情感體驗需求：使用合適的視覺元素引導(dǎo)使用者的情緒，滿足使用者的本能需求;使用合理的交互系統(tǒng)，為使用者提供舒適的操作體驗，滿足使用者的行為需求;使用合適的交互動作引導(dǎo)使用者對進行情感溝通，并形成共鳴，滿足使用者的反思需求。

4.4.1簡約的視覺元素體驗

動態(tài)圖形的交互設(shè)計要素包括圖形、文本、色彩、動態(tài)、布局等，在情感化設(shè)計中發(fā)揮著重要作用。統(tǒng)一的視覺元素會讓使用者產(chǎn)生舒適的情感體驗，而雜亂的視覺元素難以讓使用戶集中注意力，不利于使用者快速了解主題。因此，在動態(tài)圖形的交互設(shè)計中需要利用統(tǒng)一的視覺元素向使用者傳達內(nèi)容，以帶給使用者和諧流暢的體驗。

4.4.2簡單自然的交互行為

動態(tài)圖形的交互設(shè)計需要遵循便捷的應(yīng)用原則。人們會本能地尋求便利，交互行為語言與內(nèi)容的簡練直觀能夠激發(fā)使用者體驗的興趣。因此，操作設(shè)計可以引用使用者日常習(xí)慣動作，并遵循使用者在實際生活中的認(rèn)知和經(jīng)驗。

5結(jié)語

本文分析了動態(tài)圖形在交互設(shè)計時應(yīng)遵循的原則，并從交互的角度優(yōu)化動態(tài)圖形的各個設(shè)計要素，通過動圖形的交互設(shè)計提高使用者在操作時的多感官體驗。通過本文的研究，以期為動態(tài)圖形的未來發(fā)展提供更多的可能性。