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

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

一、視覺(jué)交互動(dòng)畫(huà)設(shè)計(jì)特點(diǎn)分析

1.注重動(dòng)畫(huà)本身視覺(jué)傳達(dá)

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

2.動(dòng)畫(huà)設(shè)計(jì)內(nèi)容分析

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

3.視覺(jué)交互與動(dòng)畫(huà)設(shè)計(jì)兩者關(guān)系

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

二、視覺(jué)交互動(dòng)畫(huà)設(shè)計(jì)應(yīng)用分析

1.交互動(dòng)畫(huà)設(shè)計(jì)技巧分析

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

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

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

（1）聚焦動(dòng)效

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

（2）過(guò)渡動(dòng)效

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

（3）轉(zhuǎn)場(chǎng)動(dòng)效

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

3.交互動(dòng)畫(huà)設(shè)計(jì)應(yīng)用期間要點(diǎn)把控

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

三、視覺(jué)交互動(dòng)畫(huà)設(shè)計(jì)實(shí)踐分析

1.價(jià)值信息的有效傳達(dá)

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

2.界面信息簡(jiǎn)化及交互層級(jí)設(shè)置

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

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

3.動(dòng)畫(huà)風(fēng)格類(lèi)型統(tǒng)一性

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

四、結(jié)語(yǔ)

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

注釋?zhuān)?/p>

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

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