視覺交互動畫設(shè)計應(yīng)用研究

（鄭州鐵路職業(yè)技術(shù)學(xué)院 450000）

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

一、視覺交互動畫設(shè)計特點分析

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

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

2.動畫設(shè)計內(nèi)容分析

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

3.視覺交互與動畫設(shè)計兩者關(guān)系

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

二、視覺交互動畫設(shè)計應(yīng)用分析

1.交互動畫設(shè)計技巧分析

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

2.注重設(shè)計方向以及層次引導(dǎo)明確性

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

（1）聚焦動效

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

（2）過渡動效

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

（3）轉(zhuǎn)場動效

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

3.交互動畫設(shè)計應(yīng)用期間要點把控

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

三、視覺交互動畫設(shè)計實踐分析

1.價值信息的有效傳達

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

2.界面信息簡化及交互層級設(shè)置

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

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

3.動畫風格類型統(tǒng)一性

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

四、結(jié)語

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

注釋：

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

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