數(shù)字媒體背景下的移動端交互性動畫設計

徐欣 劉雪松

摘要：隨著5G時代的到來，移動端信息的迭代更新速度逐漸加快，為交互性動畫設計的發(fā)展提供了新的機遇和新的挑戰(zhàn)。交互動畫在視覺設計和用戶體驗上有著更好的發(fā)展前景。它不但增加了人和物的互動性，更好地優(yōu)化了用戶體驗，并極大程度地提高了用戶在參與度上的主動性和掌控性。通過對數(shù)字媒體中的移動端交互動畫設計及在用戶體驗上的優(yōu)勢進行介紹，提出移動端交互性動畫的創(chuàng)新表現(xiàn)形式。

關(guān)鍵詞：用戶體驗 交互動畫設計 視覺設計

中圖分類號：J218 ?文獻標識碼：A ?文章編號：1009-5349（2020）03-0126-02

隨著智能手機的普及，人與媒介的關(guān)系越來越密切，而移動端的交互動畫儼然已成為數(shù)字媒體時代的新寵兒，并被廣泛應用到很多的領(lǐng)域，如：書籍、動漫、攝影、電視、品牌推廣等。移動端交互動畫設計是一種科技與藝術(shù)相結(jié)合的表現(xiàn)形式，同時具有藝術(shù)美和設計性。移動端的交互動畫設計不僅從視覺、聽覺、觸覺等方面為我們的生活帶來極大的改變，而且推動了數(shù)字時代新的變革與進步。在設計師的精心設計下，受眾身臨其境地感受到藝術(shù)設計的真實感和人性化，體驗到交互性帶來的鮮活的生命氣息。

一、數(shù)字媒體中的移動端動畫設計

交互是數(shù)字媒體時代的一種必然產(chǎn)物。所謂的交互動畫設計是將交互技術(shù)與動畫藝術(shù)相結(jié)合，橋接了數(shù)字角色造型與互動科技，具有跨平臺和多學科協(xié)同創(chuàng)新特點。將不可見的語言、思維、創(chuàng)意等通過計算機軟件進行數(shù)字化處理，把虛擬世界的事物表現(xiàn)到真實的世界中。讓受眾更加容易理解和體驗到藝術(shù)設計、交互設計、數(shù)字圖像處理技術(shù)、計算機語言、計算機圖形學、信息與通信技術(shù)等多方面的知識。

而數(shù)字媒體是技術(shù)和藝術(shù)的完美組合體，是以人為核心的多功能學科的融合體。相對于傳統(tǒng)傳媒而言，數(shù)字媒體更具自由性、多元性、開放性、共享性和互動性，使虛擬世界更加真實。自由性主要是以多種形式和內(nèi)容進行組合，更顯設計者和創(chuàng)意者的心境，如VR+交互設計、vlog+交互內(nèi)容設計、長圖拖拽+動態(tài)設計、小游戲的設計定+結(jié)果的設計設定，等等。多元性是融合了二維和三維的一些設計元素，運用如Processing、Cinema4D、After Effects、Houdini、Photoshop、Illustrate等軟件技術(shù)的整合。開放性主要是指移動端動畫的便捷性，可隨時隨地觀看，以及信息的實時更新性。共享性是指可以把自己看到的好的動畫進行分享和傳播。交互性是指人與機器之間進行互動，增加瀏覽的時長，傳播的速度也比傳統(tǒng)動畫迅速得多。

二、移動端用戶體驗的核心

提高交互動畫用戶體驗設計是在視覺效果和技術(shù)創(chuàng)新中完成的動畫設計，同時也要從如何根據(jù)目標用戶的需求和期望出發(fā)，結(jié)合用戶本身的心理特征和行為方式、特點，使人與信息的交流溝通更加切合、協(xié)調(diào)、流暢，使得用戶對移動端交互動畫的互動方式更加好奇，更具有參與感，能有效地讓用戶與機器進行雙向互動。

1.藝術(shù)與技術(shù)的橋接性

交互動畫和其他影視動畫的區(qū)別在于它的交互性。交互動畫在制作上不僅僅是調(diào)研、整理資料、策劃、設計風格確立、繪畫、動效設計，以及交互動畫函數(shù)的輸出與輸入等控制性功能技術(shù)的設定，在多平臺的數(shù)字媒體時代下，用戶體驗對交互動畫技術(shù)又有了新的定義，也帶來了交互動畫設計技術(shù)的一次又一次創(chuàng)新。

2.以人為核心的便捷性

“以人為核心”的人性化體驗的創(chuàng)意思維貫穿移動端交互動畫設計整個過程，不論從視覺、聽覺、觸覺上都有著細致考量和研究。移動端的便捷性已經(jīng)成為交互動畫設計在數(shù)字媒體時代最為重要的優(yōu)勢，其便于儲存、便于觀看、便于互動等優(yōu)勢，讓移動端交互動畫設計有了更好的發(fā)展空間。

3.多維度元素的綜合性

交互動畫設計從視覺、聽覺、觸覺等多維度視角進行多元化元素的融合，而我們手中的媒介不再是單一的視頻，更是具有人性化交互設計及先進的信息技術(shù)相融合的、快節(jié)奏的和高效的操作方式等，帶給用戶更加完美的效果體驗。

三、移動端交互動畫設計在體驗上的優(yōu)勢

1.二維交互動畫設計

二維交互動畫是X、Y坐標，通過程序運算使視覺元素橫向或縱向的位移產(chǎn)生動態(tài)效果，再通過人對機器的界面按鈕的點擊，進行進一步操作。在二維的創(chuàng)意設計中對畫面的要求越來越高，不論是手繪還是軟件繪制的圖形都能更好地結(jié)合動效呈現(xiàn)在用戶的眼前，可以使用戶更加有代入感和親切感，讓用戶沉浸在動畫的世界中，從而增用戶的黏性和傳播性。

2.三維交互動畫設計

三維交互動畫是X、Y、Z坐標和旋轉(zhuǎn)角度值來展現(xiàn)同一個物體不同緯度的畫面效果，可以更真實地反映或再現(xiàn)客觀物體視覺效果。但三維動畫的IP形象建立需要一定的時間，在移動端加載會有不同程度的卡頓。在這個信息大爆炸的世界，延遲時間用戶會選擇放棄，而不會持續(xù)等待，體驗差就會減弱用戶的黏性。部分設計者會從不同角度出發(fā)，從三維模型的位移、動作等方面提升用戶的體驗感和參與度。

四、移動端交互性動畫的創(chuàng)新表現(xiàn)形式

1.視覺形式感

形式感主要體現(xiàn)在如何打動用戶的創(chuàng)意點上，將生活中具象事物抽離歸納總結(jié)并組合成新的事物，舊的元素進行再創(chuàng)意、再設計變成全新的形式，再次展現(xiàn)在用戶的視野里。隨著行業(yè)的發(fā)展，移動端交互性動畫的形式變得越來越多，創(chuàng)作的對象可能是一本書、一個杯子、一個動作、一件事，都可能是被挖掘和延展的對象，都可以以一種交互的形式呈現(xiàn)，使用戶體驗更有真實感。

2.視覺氛圍

主要是以人的五感和氛圍幫助用戶更加深入地理解交互動畫，更加清晰地捋順用戶的思維方式和對項目的理解。在每一部動畫中氛圍的營造可以給用戶的視覺、聽覺、觸覺上帶來不一樣的環(huán)境氛圍和藝術(shù)元素。一部調(diào)性相同的動畫的內(nèi)容，在視覺、聽覺上打破固有思維方式，并進行創(chuàng)新融合。

3.參與互動

參與互動和視覺形式感是不同的，它指用戶可以通過移動端交互性動畫自身帶有的內(nèi)容讓用戶自己參與內(nèi)容創(chuàng)作和內(nèi)容的傳播。用戶體驗到內(nèi)容本身的真實性，真實的參與性，用戶可以通過使用一個產(chǎn)品的過程產(chǎn)生心理聯(lián)想。這類的創(chuàng)制主要是將小游戲、合影、換臉、虛擬現(xiàn)實等交互技術(shù)相結(jié)合，所有的情節(jié)都是環(huán)環(huán)相扣，從而贏得更多用戶的好感。而體驗過的用戶把逼真的截圖分享到朋友圈并獲點贊，增加用戶的二次點擊率并再次分享，從而增加用戶黏性。在整個過程中最為值得關(guān)注的就是用戶體驗感，沒有良好的用戶體驗，那后續(xù)所需要的一切連鎖反應都是空想、空談。

綜上交互性動畫的用戶體驗可以歸納為三種維度，一是視覺氛圍，二是形式感，三是參與互動進行視覺上的分析與探索，從單一的視覺氛圍到形式感上的深度解析，再到用戶參與互動的創(chuàng)作。

五、結(jié)語

良好的用戶體驗對交互動畫設計具有無形的推進作用。和傳統(tǒng)動畫設計相比，移動端交互動畫的視覺設計、體驗設計、形式感和參與互動的設計上有著全新的表現(xiàn)形式，且在交互視覺設計的作品形式上有了更加豐富的表現(xiàn)技法，內(nèi)容更加充實具體，用戶的體驗效果更好，也更真實。數(shù)字媒體技術(shù)中的移動端交互動畫設計的風格也較之傳統(tǒng)動畫設計風格更為獨特，更具有用戶黏性和體檢感，更具觀賞性和交互性，從而提高了用戶的參與度，增強了用戶黏性。

因此，創(chuàng)新性交互性動畫設計對移動端動畫的發(fā)展有很大的推動作用，良好的用戶體驗設計才能使移動端交互動畫更加適應時代的發(fā)展，推動數(shù)字技術(shù)的進步，才能更好地增強用戶黏性，從而更好地服務于社會和移動端用戶。

參考文獻：

[1]容旺喬.多媒體互動藝術(shù)設計[M].北京：高等教育出版社，2005.

[2]吳波.手機媒體中的動畫特性研究[D].齊齊哈爾：齊齊哈爾大學，2012.

[3]Matt Jones，Gary Marsden.移動設備的人機交互設計[M].北京：電子工業(yè)出版社，2008.

[4]張?zhí)N璐.藝術(shù)與科技的跨界融合：新媒體交互藝術(shù)的探究[J].科學與財富，2018.

[5]肖雁心.淺析數(shù)字媒體技術(shù)發(fā)展對動畫創(chuàng)作帶來的影響[J].美術(shù)界，2014（12）.

責任編輯：張蕊