王瑩

伴隨網(wǎng)絡(luò)文化的發(fā)展，我國已進(jìn)入信息化時(shí)代，視覺傳達(dá)設(shè)計(jì)也被廣泛用于各類媒體、信息內(nèi)容、文化作品之中，而通過采用交互性設(shè)計(jì)，使信息的傳達(dá)更為直觀有效。本文結(jié)合交互性設(shè)計(jì)的概念，對視覺傳達(dá)設(shè)計(jì)中的交互動(dòng)畫特效制作手法進(jìn)行了分析，得出交互動(dòng)畫特效是優(yōu)化視覺傳達(dá)設(shè)計(jì)的有效方法和信息傳播的有效手段。

動(dòng)畫特效常常被應(yīng)用在視覺傳達(dá)設(shè)計(jì)的交互設(shè)計(jì)當(dāng)中，主要是因?yàn)槠渚哂薪换傩蕴攸c(diǎn)。在進(jìn)行動(dòng)效制作的設(shè)計(jì)流程當(dāng)中，設(shè)計(jì)者必須要了解動(dòng)效的運(yùn)動(dòng)規(guī)律，可以用來解決設(shè)計(jì)中的哪些問題，從而將其合理地運(yùn)用到設(shè)計(jì)及部分細(xì)節(jié)當(dāng)中，在制作過程中，設(shè)計(jì)者也可以適當(dāng)加入與作品相應(yīng)的動(dòng)效效果，豐富作品的表現(xiàn)形式，提升表現(xiàn)效果?？偠灾?，設(shè)計(jì)者在設(shè)計(jì)過程中需要結(jié)合多方面因素進(jìn)行考慮，從而使作品與觀看者之間的交互產(chǎn)生良好反饋。

一、交互性設(shè)計(jì)的概念

交互性是一種被用來幫助用戶提供科學(xué)有效的控制與方便使用信息的手段，其不僅使用戶對作品、信息、內(nèi)容的理解程度與注意力得到增強(qiáng)，同時(shí)也延長了信息在用戶大腦中的存留時(shí)間。一般的交互形式都只是最底層的對數(shù)據(jù)進(jìn)行轉(zhuǎn)換的交互，而當(dāng)交互形式變?yōu)橐孕畔橹黧w時(shí)，則需要利用知識(shí)進(jìn)行輔助，并對交換數(shù)據(jù)進(jìn)行相應(yīng)的結(jié)算。同理，相對于其他類型的圖形、圖像，或是和時(shí)間相關(guān)的音樂、錄音、影像視頻等等，都能夠?qū)ζ鋬?nèi)容進(jìn)行交互處理，使用戶對內(nèi)容的理解達(dá)到一個(gè)新的層次，從而將交互性提升到一個(gè)更高的層次。對交互結(jié)果具有可控性同時(shí)能夠進(jìn)行對信息的反饋，這是交互性設(shè)計(jì)的重要特點(diǎn)，同時(shí)也是對交流與經(jīng)驗(yàn)的傳遞。而想要達(dá)到視覺傳達(dá)設(shè)計(jì)的最高層次，則需要在設(shè)計(jì)過程中能夠根據(jù)用戶的實(shí)際使用情況進(jìn)行相應(yīng)調(diào)整，從而使用戶能夠參與到交互設(shè)計(jì)過程當(dāng)中，從而使交互設(shè)計(jì)產(chǎn)生良性循環(huán)，持續(xù)不斷地發(fā)展。

二、交互動(dòng)畫特效制作手法

1.作為小動(dòng)畫動(dòng)效制作的第一手法，GIF小動(dòng)畫受到廣泛用戶的喜愛，其經(jīng)常被用來制作對細(xì)節(jié)要求較高的位圖小動(dòng)畫，且具有成本低、可壓縮、容量小、制作方法簡單等優(yōu)點(diǎn)，同時(shí)作為一種圖片格式在各個(gè)操作系統(tǒng)中都能夠廣泛傳播。而且，用來制作GIF小動(dòng)畫的軟件也有很多，例如我們比較熟悉和常用的photoshop、After、Flash、Effects等軟件，都能夠?qū)⑿?dòng)畫以GIF的格式導(dǎo)出，然后分享。在交互設(shè)計(jì)中，GIF小動(dòng)畫常常被用作一些頁面當(dāng)中的小標(biāo)簽、加載進(jìn)度條等細(xì)節(jié)元素，且在制作過程中需要把握精度與大小之間的平衡。

2.與GIF動(dòng)畫較為類似的一種動(dòng)效形式是逐幀動(dòng)畫，其原理是將動(dòng)畫分解成一張張等間距的逐幀圖片，并配合JAVASCRIPT的腳本模擬編寫制作而成。逐幀動(dòng)畫的兼容性較為適合移動(dòng)端，但在設(shè)計(jì)中應(yīng)用較少。而逐幀動(dòng)畫與GIF動(dòng)畫的區(qū)別在于，通過腳本可以對逐幀動(dòng)畫的播放快慢、動(dòng)作暫停等進(jìn)行控制，而相對于GIF小動(dòng)畫來說，無法通過腳本或后期代碼來對其屬性、透明度、播放速度進(jìn)行相應(yīng)的控制和改變。

3.作為在動(dòng)畫特效當(dāng)中的重要成員之一，CSS3常常被應(yīng)用于平面層的動(dòng)畫，但由于其部分屬性的限制導(dǎo)致無法獲得瀏覽器的有效支持，阻礙了其推廣與應(yīng)用。CSS3的動(dòng)畫主要有三大屬性，分別是Transform變形：包含扭曲、移動(dòng)、旋轉(zhuǎn)、縮放和矩陣變形五大特效；Transition過渡：可以對執(zhí)行變換的時(shí)長、速率、屬性進(jìn)行修改，并可以延遲時(shí)間；Animation動(dòng)畫：可以看做是前兩個(gè)特效的結(jié)合，即幾個(gè)連續(xù)的動(dòng)作，也就是動(dòng)畫。

4.作為動(dòng)效制作中不可缺少的一種制作方法，可縮放矢量圖，其又被稱為SVG，常常用作線條類的動(dòng)畫，但對IE8及Android4.2及以下的系統(tǒng)兼容性較差。一般在對設(shè)計(jì)元素中進(jìn)行描邊動(dòng)畫的特效制作時(shí)，都會(huì)采用SVG來進(jìn)行，當(dāng)然，相對于一些比較復(fù)雜的動(dòng)畫，同樣可以勝任，只是制作難度以及實(shí)現(xiàn)成本較高。

SVG動(dòng)畫圖可以被方便地存儲(chǔ)為文檔格式，主要因?yàn)樗怯晒潭樞虻亩ㄎ诲^點(diǎn)進(jìn)行鏈結(jié)而生成的，所以，當(dāng)你在制作SVG動(dòng)畫時(shí)，則應(yīng)該使用illustrator軟件進(jìn)行適量圖的繪制。

三、交互動(dòng)畫特效制作的基本原則

1.在進(jìn)行視覺傳達(dá)設(shè)計(jì)的過程中，通過采用交互動(dòng)效制作可以使觀看者的記憶、感知、學(xué)習(xí)獲得一定程度的提升。在作品設(shè)計(jì)過程中，存有異形元素的作品往往都會(huì)具有其特殊性質(zhì)，從而使觀看者對其產(chǎn)生深刻的記憶和印象。當(dāng)設(shè)計(jì)者在設(shè)計(jì)過程中將其中的某個(gè)元素故意進(jìn)行強(qiáng)調(diào)處理，使其多次出現(xiàn)在觀看者眼前，從而使觀看者對該元素的認(rèn)知度得到提升，而利用該原理，在一些信息量較多的圖像環(huán)境、靜態(tài)展示環(huán)境及文字內(nèi)容較多的環(huán)境中，通過融入一些微妙的動(dòng)態(tài)元素便可以有效增強(qiáng)觀看者的感知與記憶，從而使內(nèi)容信息的傳達(dá)更為深刻有效。

2.為了使交互更具有視覺沖擊效果，在進(jìn)行視覺傳達(dá)設(shè)計(jì)的過程中，將二維運(yùn)動(dòng)元素或三位運(yùn)動(dòng)元素與其有效結(jié)合，從而使設(shè)計(jì)中的交互元素能夠更加生動(dòng)、形象的展現(xiàn)出來，豐富其表現(xiàn)形式，不僅增強(qiáng)了對觀看者的視覺沖擊，同時(shí)也具有很強(qiáng)的目的性。

3.通過交互動(dòng)效設(shè)計(jì)，使視覺傳達(dá)設(shè)計(jì)中的內(nèi)容重點(diǎn)能夠被有效地突顯出來，使觀看者有效過濾掉無用信息，同時(shí)，信息狀態(tài)與畫面的改變使信息得到有效傳達(dá)，文字與圖片的交互動(dòng)態(tài)效果將觀看者的注意力有效吸引，從而有效融入到作品當(dāng)中，給觀看者帶來更好的觀看體驗(yàn)，及重點(diǎn)信息的有效傳遞。

四、總結(jié)

在進(jìn)行視覺傳達(dá)設(shè)計(jì)的過程中，對元素的設(shè)計(jì)也是需要慎重考慮的，而且，在實(shí)際設(shè)計(jì)過程中當(dāng)中，動(dòng)態(tài)元素要比靜態(tài)元素更能夠吸引觀看者的注意力，且隨著制作者的藝術(shù)觀點(diǎn)與創(chuàng)作思維的不同，使其呈現(xiàn)的藝術(shù)效果也各有不同，從而產(chǎn)生許多獨(dú)具特色的優(yōu)秀設(shè)計(jì)作品。將動(dòng)效制作與視覺傳達(dá)設(shè)計(jì)有效結(jié)合，使交互作品的表現(xiàn)形式與表現(xiàn)效果得到提升，使內(nèi)容中的重點(diǎn)信息得到有效傳播，從而獲得觀看者的廣泛認(rèn)可與贊揚(yáng)。

（作者單位：江西泰豪動(dòng)漫職業(yè)學(xué)院）