視覺傳達設計的交互動畫特效制作手法探析

王瑩

伴隨網絡文化的發展，我國已進入信息化時代，視覺傳達設計也被廣泛用于各類媒體、信息內容、文化作品之中，而通過采用交互性設計，使信息的傳達更為直觀有效。本文結合交互性設計的概念，對視覺傳達設計中的交互動畫特效制作手法進行了分析，得出交互動畫特效是優化視覺傳達設計的有效方法和信息傳播的有效手段。

動畫特效常常被應用在視覺傳達設計的交互設計當中，主要是因為其具有交互屬性特點。在進行動效制作的設計流程當中，設計者必須要了解動效的運動規律，可以用來解決設計中的哪些問題，從而將其合理地運用到設計及部分細節當中，在制作過程中，設計者也可以適當加入與作品相應的動效效果，豐富作品的表現形式，提升表現效果。總而言之，設計者在設計過程中需要結合多方面因素進行考慮，從而使作品與觀看者之間的交互產生良好反饋。

一、交互性設計的概念

交互性是一種被用來幫助用戶提供科學有效的控制與方便使用信息的手段，其不僅使用戶對作品、信息、內容的理解程度與注意力得到增強，同時也延長了信息在用戶大腦中的存留時間。一般的交互形式都只是最底層的對數據進行轉換的交互，而當交互形式變為以信息為主體時，則需要利用知識進行輔助，并對交換數據進行相應的結算。同理，相對于其他類型的圖形、圖像，或是和時間相關的音樂、錄音、影像視頻等等，都能夠對其內容進行交互處理，使用戶對內容的理解達到一個新的層次，從而將交互性提升到一個更高的層次。對交互結果具有可控性同時能夠進行對信息的反饋，這是交互性設計的重要特點，同時也是對交流與經驗的傳遞。而想要達到視覺傳達設計的最高層次，則需要在設計過程中能夠根據用戶的實際使用情況進行相應調整，從而使用戶能夠參與到交互設計過程當中，從而使交互設計產生良性循環，持續不斷地發展。

二、交互動畫特效制作手法

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

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

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

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

SVG動畫圖可以被方便地存儲為文檔格式，主要因為它是由固定順序的定位錨點進行鏈結而生成的，所以，當你在制作SVG動畫時，則應該使用illustrator軟件進行適量圖的繪制。

三、交互動畫特效制作的基本原則

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

2.為了使交互更具有視覺沖擊效果，在進行視覺傳達設計的過程中，將二維運動元素或三位運動元素與其有效結合，從而使設計中的交互元素能夠更加生動、形象的展現出來，豐富其表現形式，不僅增強了對觀看者的視覺沖擊，同時也具有很強的目的性。

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

四、總結

在進行視覺傳達設計的過程中，對元素的設計也是需要慎重考慮的，而且，在實際設計過程中當中，動態元素要比靜態元素更能夠吸引觀看者的注意力，且隨著制作者的藝術觀點與創作思維的不同，使其呈現的藝術效果也各有不同，從而產生許多獨具特色的優秀設計作品。將動效制作與視覺傳達設計有效結合，使交互作品的表現形式與表現效果得到提升，使內容中的重點信息得到有效傳播，從而獲得觀看者的廣泛認可與贊揚。

（作者單位：江西泰豪動漫職業學院）