視覺交互動畫設計應用研究

（鄭州鐵路職業技術學院 450000）

近年來我國社會發展極為迅速，視覺交互行業的誕生以及交互模式在各種平面設計、景觀設計、室內設計、動畫設計中的應用，使得各專業領域發展極為迅速，視覺交互動畫設計領域的應用推動了相應行業領域的綜合發展。

一、視覺交互動畫設計特點分析

1.注重動畫本身視覺傳達

視覺交互動畫設計，其本身對動畫視覺傳達的效果較為明顯，動畫視覺設計即動作設計，主要是研究動畫中各角色運動狀態內容。而動畫角色本身性格塑造以及表達主要是通過角色長相、外貌、語言、穿著來體現，同時也可通過角色自身行為行動、肢體語言開展現，對應角色所具備性格不同在面臨統一情景時也會展現不同的動作方式等等。這個過程中必須注重對其所傳達視覺效果做好全方位設計以保障動畫角色和所表達效果內容能夠完全體現出來。

2.動畫設計內容分析

動畫設計內容主要是以常規運動狀態、特殊運動狀態、情境動作、性格化動作來體現。其中常規運動動態即遵循觀眾及用戶視覺經驗和自然法則的行為規律；而特殊運動狀態及非常態運動狀態，其具有一定的夸張性；而情境動作則指所有動作在某一具體情境下發生；性格化動作及動畫角色通過肢體動作貼切的反映自身性格特點。

3.視覺交互與動畫設計兩者關系

交互動畫本身不同于傳統動畫的單一表現形式，其所具有的先進性和創新性較為明顯，交互動畫過程發展提倡由觀眾或參與者來互動控制，是觀眾和參與者不是被動接收，而是主動參與互動。因此交互動畫滿足了觀眾對動畫主題的感受，其藝術表現形式的改變，即視覺交互與動畫設計兩者的關系展現。由此所形成交互動畫其能夠使觀眾在觀看動畫過程中，直接參與到動畫中某個角色情節發展，甚至控制動畫中整個結局，使動畫交互功能得到有效能體現，這個過程中設計者進行設計創作交互動畫時，直接設計讓參與者不但可以進行選擇，還具備參與其中的角色，在動畫內容一些關鍵節點中做選擇項設定，確保觀者參與角色能夠隨情節發展不同，產生不一樣的結局，滿足觀眾參與和決定動畫發展的愿望1。

二、視覺交互動畫設計應用分析

1.交互動畫設計技巧分析

結合上文來看，視覺交互動畫設計應用，主要是以形成交互動畫來體現。這個過程中進行相應交互設計時，要注重兩者所具有實際特質，對其技巧做好合理應用。明確交互動畫本身的節奏和幅度，進行視覺感受順暢交互動畫，無論是動態、文字、圖像等形式，必須對其時間以及節奏做好合理把控。此期間需要注意盡可能的讓動畫符合人自身視覺經驗。比如緩慢的效果，通常自然界較為柔和動作表現為慢出和慢入，相應拉伸、擠壓、預備動作、逆向緩沖等都是交互動畫設計前進所需注重時間、節奏技巧，以此確保整個交互動畫設計的專業性和完善性能夠充分得以體現，同時對其各技巧所具有的公式化特性進行實時掌握，在設計期間可采取多模仿、借鑒好做品來完善整個交互動畫的實際視覺動效，確保設計質量能夠完全達到預期。

2.注重設計方向以及層次引導明確性

交互動畫設計期間，注重設計方向及層次引導明確性，交互動畫空間展現是有一定局限性的，對其信息以及圖像必須做好全面規劃，確保動畫清晰度以及結合交互來增強其自身引導功能。

（1）聚焦動效

比如通過動態聚焦引導用戶來將視線聚焦在相應媒體界面關鍵位置，使整體交互體驗流暢性充分得以展現；按照青蛙眼睛能夠快速捕捉移動物體原理，人眼也是具有相似特征的，運動過程中的物體總能引起人們下意識的關注，因此通過動態聚焦來使動畫動態交互效果完全得以展現，可以有效反應自身設計方向和引導用戶選擇的明確性，使交互動畫自身功能特性可以得到有效發掘。

（2）過渡動效

交互動畫設計中的過渡動效，則是對界面變化以及流暢性上的過渡，引導使參與者及使用人群明白這個過程中所發生原理的邏輯展現，以當前智能手機中的交互動畫為例，在智能手機界面點擊APP圖標，整個圖標會放大甚至翻轉至用戶眼前，而App方格背面成為這個App的界面，這便是利用過渡動效原理來告訴用戶，你現在正在用的是這個App，而這個App還在你面前，同樣結束應用的時候也是轉回去，暗示用戶剛剛的頁面都回到這個icon方格里了，以此使交互動畫自身所具有實質性價值作用能夠充分得以展現。

（3）轉場動效

轉場動效作為交互動畫設計應用中較為常見的一項特效，其主要是起到一定的引導作用，讓相應參與人群能夠有效理解動畫頁面的跳轉原理，明確當前所處“位置”。比如以IOS8系統桌面動畫為例，其桌面圖標組在進入或退出時便會產生一則轉場動效，避免兩個不同頁面之間跳轉的重復性和生硬性，利用動效有效彌補了整個頁面跳轉的層次感，提升交互動畫整體流暢性和豐富性。

3.交互動畫設計應用期間要點把控

交互動畫設計應用期間要注意對其各要點的把控，明確其本身的使用性以及價值信息，交互動畫的使用不當或是濫用往往會使其效果完全無法體現。過多無理由動畫往往會使其內容表達無法有效傳遞，分散參與及使用者注意力同時，無法為其提供沉浸性體驗。因此注重交互動畫設計應用過程，必須控合理制動畫量，對整個設計應用結果在完成后第一時間進行測試，明確過度使用動效會讓整個交互動畫產生迷惑、重疊的不良效果，整體信息層級關系無法控制，影響交互動畫實質性價值作用2。

三、視覺交互動畫設計實踐分析

1.價值信息的有效傳達

以當前智能手機APP交互動畫設計實踐為例，對其進行設計時必須考慮其本身功能價值來確保其交互特性能夠完全得以展現。在實際實踐期間需按照上述應用要點原則做好合理把控，這個過程中必須謹慎的增加動畫，注重有效價值的信息的傳達。動畫使用必須做好合理適度的劃分，上文提到過度使用動態則會使APP交互出現迷惑感，信息層級關系無法有效展現，因此在進行相應設計實踐使，必須注重其價值信息的有效傳達基礎上，提升優化交互體驗。

2.界面信息簡化及交互層級設置

利用動效簡化界面信息對相應交互層級做實時設置，使其達到降低操作難度基礎上提升用戶體驗的目的。針對當前APP視覺效果絢麗完美同時，還帶有較多復雜視覺元素的情況，對其視覺元素信息做全方位關系處理，確保有效傳達用戶操作后各元素間的關系變化，并對其變化邏輯流暢性及合理性做實時設定，突出交互層級清晰度，以此使交互動畫效果能夠得到有效展現。

比如顯示和隱藏二級操作項上，按照動效可有效控制相應截面信息隱藏，在重復進行部分操作后隱藏內容便會呈動態展開，繼而達到簡化初始界面的功效，確保整個個界面的大氣簡潔。同時也可奎勇按鈕動效化來讓相應截面重要信息動態做懸浮至同一按鈕設置，以此使用戶視線能夠鎖定關注按鈕，弱化頁面跳轉所帶來干擾，提升整個交互體驗效果。

3.動畫風格類型統一性

視覺交互動畫設計實踐過程，要確保動畫風格類型的統一性，相應動效設計人員在設計交互動畫時要與內置動畫進行統一設定，比如設計師在設計動畫要切合智能手機內置IOS應用動畫，用戶習慣內置IOS應用精細動畫，便要尊重用戶習慣，明確蘋果智能手機動畫交互反饋方式，即標準物理法則風格，比如其窗口內容上下卷滾等元素的出現和消聲，相應內容放大縮小等，以此來構建統一交互動畫風格類型。如果未能按照相應物理定律或自然法則做相應設計實踐，便會使用戶產生使用不適的情況，使交互動畫設計效果無法達到預期。

四、結語

綜上所述，通過對視覺交互動畫設計應用研究分析，可以看出交互動畫產生與當前時代有著緊密聯系，其已經逐漸成為一種新興的數字化動畫表達方式，但與此同時在這個過程中注重對其設計應用專業節點把控，避免盲目隨性的功能結合濫用，是交互動畫可以高效、穩定、快速發展下去的必要條件。

注釋：

1.王春園.淺析新媒體藝術下交互動畫的應用[J].參花（下），2018（08）：134.

2.夏麗雯.基于移動終端的交互式動畫設計探討[J].新媒體研究，2018，4（13）：126-127.