移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)與運(yùn)用

邵亞楠 （無錫商業(yè)職業(yè)技術(shù)學(xué)院 214153）

移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)與運(yùn)用

邵亞楠 （無錫商業(yè)職業(yè)技術(shù)學(xué)院 214153）

隨著科學(xué)技術(shù)的不斷進(jìn)步，信息的傳播方式越來越多，傳統(tǒng)的動(dòng)畫傳播方式已無法滿足互聯(lián)網(wǎng)時(shí)代的發(fā)展，動(dòng)畫產(chǎn)業(yè)的未來需要與互聯(lián)網(wǎng)技術(shù)相結(jié)合，通過移動(dòng)終端APP實(shí)現(xiàn)新型的傳播技術(shù)。文章從移動(dòng)終端APP的角度來分析交互動(dòng)畫在新媒體中的應(yīng)用和發(fā)展，以及交互動(dòng)畫的設(shè)計(jì)原則與運(yùn)用技巧。

移動(dòng)終端；交互動(dòng)畫；設(shè)計(jì)運(yùn)用

一、交互動(dòng)畫的概述

（一）交互動(dòng)畫的意義

交互動(dòng)畫是指動(dòng)畫在播放時(shí)支持事件響應(yīng)和交互功能。從普通角度來講，在動(dòng)畫播放的同時(shí)，動(dòng)畫能夠服從某種指令的就叫交互動(dòng)畫。觀看者的操作就包括其中，例如簡(jiǎn)單的點(diǎn)擊操作。這種交互性給觀看者的觀看感受造成極大的轉(zhuǎn)變，把觀看者從原來的被動(dòng)姿態(tài)轉(zhuǎn)變成現(xiàn)在的主動(dòng)姿態(tài)，就是因?yàn)榻换バ栽谕苿?dòng)觀看者加入和發(fā)出指令的進(jìn)程中發(fā)揮了巨大的作用。

由于移動(dòng)終端產(chǎn)品的不斷升級(jí)，我們?nèi)缃裾幱谝粋€(gè)可以充分體驗(yàn)高速科技的進(jìn)程之中?？萍嫉母乱簿褪沟靡苿?dòng)終端APP的界面交互動(dòng)畫設(shè)計(jì)緊跟科技的腳步，滿足人們的需求。在移動(dòng)終端的系統(tǒng)升級(jí)快速的基礎(chǔ)之上，移動(dòng)終端APP中運(yùn)用交互動(dòng)畫的設(shè)計(jì)已經(jīng)非常普遍。

（二）交互動(dòng)畫的作用

交互性、開放性和沉浸性是交互動(dòng)畫的三大特性。將優(yōu)秀的交互動(dòng)畫融入移動(dòng)終端APP界面設(shè)計(jì)中，給人一種春風(fēng)拂面之感，遠(yuǎn)比運(yùn)用傳統(tǒng)動(dòng)畫或者純文字的APP界面，更能拉近與使用者的距離，甚至交互動(dòng)畫的存在還可以代表運(yùn)用它的APP應(yīng)用。

（三）交互動(dòng)畫與傳統(tǒng)動(dòng)畫的不同

簡(jiǎn)單來說，交互動(dòng)畫就是傳統(tǒng)動(dòng)畫加上現(xiàn)代科技融合而成。將動(dòng)畫觀看者的感受作為重點(diǎn)，是交互動(dòng)畫結(jié)合現(xiàn)代科技進(jìn)一步創(chuàng)作時(shí)的基礎(chǔ)。觀看者的感受可以更為直觀的表現(xiàn)出交互動(dòng)畫中的不足與優(yōu)勢(shì)，結(jié)合科學(xué)技術(shù)的交互動(dòng)畫，就可以使人和信息的傳遞進(jìn)行得更加順暢，拉近觀看者與運(yùn)用了該交互動(dòng)畫的移動(dòng)終端APP之間的距離。交互動(dòng)畫更看重的是觀看者的感受，而傳統(tǒng)動(dòng)畫則是更傾向于畫面的設(shè)計(jì)，缺少了觀看者與動(dòng)畫的直接互動(dòng)。

二、移動(dòng)終端APP與交互動(dòng)畫的共同發(fā)展

科技在不斷的發(fā)展，越來越多的新技術(shù)如雨后春筍般涌現(xiàn)。而在其中，移動(dòng)媒體技術(shù)的革新給予了動(dòng)畫產(chǎn)業(yè)一個(gè)更為廣闊的平臺(tái)。

（一）交互動(dòng)畫的視覺體驗(yàn)

通俗意義上，視覺包括了兩個(gè)范圍，其一是不以認(rèn)為而轉(zhuǎn)變的生理方面的獨(dú)特反應(yīng)，其二是不確定原因形成的，如個(gè)人興趣，特性等。視覺可以令我們產(chǎn)生一系列的心理上、生理上、行動(dòng)上、情緒上的反應(yīng)，而設(shè)計(jì)是一門摻雜視覺經(jīng)驗(yàn)的科學(xué)。

在功能方面上講，交互動(dòng)畫的視覺設(shè)計(jì)加入了觀看者的“參與能力”的觀點(diǎn)。而“交互”一詞，則是明顯地點(diǎn)出了觀看者和媒體載體之間的聯(lián)系。交互的程度愈高，觀看者和媒體載體的聯(lián)系也就愈近，觀看者的“參與能力”也就愈高。

（二）交互動(dòng)畫運(yùn)用在移動(dòng)終端APP中的發(fā)展趨勢(shì)

1.流暢的轉(zhuǎn)場(chǎng)動(dòng)效。運(yùn)用于動(dòng)畫各幀之間的轉(zhuǎn)場(chǎng)效果更為平滑，實(shí)現(xiàn)了無縫拼接，使得觀看者可以享受逼真舒適的視覺效果，提高了觀看者的個(gè)人體驗(yàn)。

2.重塑信息的構(gòu)體。盡可能的在最大程度上去體現(xiàn)APP設(shè)計(jì)的效率，重塑以前的弱化視覺效果，融入扁平化的設(shè)計(jì)概念，縮短了信息的遞進(jìn)時(shí)間，可以有效解決觀看者的根本問題，即觀看者的操作問題。

3.運(yùn)用任務(wù)窗口模式。通過小窗口的方式，用網(wǎng)絡(luò)狀的關(guān)系來操作大屏幕，與此同時(shí)，還可以將多個(gè)任務(wù)一起運(yùn)行，在根本上實(shí)現(xiàn)了手指操作不足的問題，解放了手指的同時(shí)還極大限度展現(xiàn)了大屏手機(jī)的功能，最后可以獲得不一樣的動(dòng)畫交互感受。

4.進(jìn)行跨平臺(tái)布局。就我國(guó)的現(xiàn)今情況來說，市場(chǎng)對(duì)于移動(dòng)終端APP的需求量還是十分巨大的，各種跨平臺(tái)布局的移動(dòng)設(shè)施，使得移動(dòng)網(wǎng)絡(luò)的市場(chǎng)愈加清晰，這時(shí)候，在保證市場(chǎng)運(yùn)行無礙的基礎(chǔ)上，可以使不同的智能手機(jī)用戶獲得有效的溝通，并且適應(yīng)企業(yè)場(chǎng)景的發(fā)展。

5.利用廣角大視野背景。廣角圖片本身就具有開闊的特點(diǎn)，而將大視野的照片運(yùn)用進(jìn)交互動(dòng)畫的設(shè)計(jì)之中，使得畫面整體更具有層次感和豐富性。

三、交互動(dòng)畫在移動(dòng)終端APP中的設(shè)計(jì)

藝術(shù)性原本是指文學(xué)作品通過形象反映生活、表現(xiàn)思想感情所達(dá)到的準(zhǔn)確、鮮明和生動(dòng)的程度以及形式、結(jié)構(gòu)及表現(xiàn)技巧的完美的程度。目前交互動(dòng)畫在移動(dòng)終端APP中的設(shè)計(jì)也要遵循藝術(shù)性的原則。

（一）熟悉交互動(dòng)畫的節(jié)奏和幅度

如果要設(shè)計(jì)一個(gè)觀感舒適順暢的交互動(dòng)畫，其中有兩點(diǎn)是最為關(guān)鍵的，即時(shí)間和節(jié)奏。這是無論什么形式的交互動(dòng)畫都需要注重的問題，而且人的觀感經(jīng)驗(yàn)即視覺經(jīng)驗(yàn)也十分重要。

（二）闡述清晰，精確引導(dǎo)

移動(dòng)終端的APP界面空間被移動(dòng)設(shè)備的屏幕尺寸所限制，很多信息和圖片都無法按原本的尺寸進(jìn)行放置，這時(shí)候就需要設(shè)計(jì)者好好地進(jìn)行規(guī)劃。通常來說，信息可以根據(jù)它的關(guān)鍵程度分為不一樣的級(jí)別，需要反復(fù)地通過進(jìn)入與返回的操作，而交互動(dòng)畫，可以很明確地實(shí)現(xiàn)觀看者使用過程清晰化的目的。同時(shí)還通過交互動(dòng)畫加強(qiáng)了引導(dǎo)的力度，做到精確引導(dǎo)，使得軟件的操作難度得到了降低，并且使觀看者得到了良好的視覺體驗(yàn)。

（三）慎重增加動(dòng)畫，選用有價(jià)值的信息

事物都具有兩面性，交互動(dòng)畫也不例外。在移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)中，設(shè)計(jì)者需要更注重信息和圖片的選擇。交互動(dòng)畫通常作為移動(dòng)設(shè)備APP中的界面動(dòng)畫，將會(huì)在第一時(shí)間給予觀看者該APP最直面的代表信息，所以交互動(dòng)畫的圖片和信息的使用，需要非常謹(jǐn)慎，它們將代表這個(gè)APP最核心的思想。

（四）簡(jiǎn)化界面信息和交互層級(jí)

軟件的操作難度得到了降低，觀看者得到了良好的視覺體驗(yàn)，這其中很大一部分，要?dú)w功于動(dòng)態(tài)簡(jiǎn)化界面信息和交互層級(jí)。從現(xiàn)在的APP發(fā)展來看，移動(dòng)終端的APP與WAP站的視覺效果十分不錯(cuò)，但是同時(shí)又會(huì)伴隨著許多的復(fù)雜感官元素。于是如何處理好這些感官元素之間的問題，成了首要關(guān)鍵。將界面信息和交互層級(jí)簡(jiǎn)化，可以使得觀看者在操作后更直觀的看出元素的關(guān)系變化，同時(shí)也使得交互動(dòng)畫的觀看更加順暢、舒適。

（五）使用同系列的動(dòng)畫

交互動(dòng)畫的產(chǎn)生與設(shè)計(jì)者的想法有密切的聯(lián)系，而設(shè)計(jì)者作為獨(dú)立的個(gè)體具有獨(dú)特性，但是為了使得交互動(dòng)畫的畫面感更為和諧，需要使用同系列的動(dòng)畫。而且設(shè)計(jì)者也應(yīng)該在對(duì)交互動(dòng)畫起稿的時(shí)候，與內(nèi)置動(dòng)畫形成一致。就像安卓系統(tǒng)中的安卓應(yīng)用的動(dòng)畫，設(shè)計(jì)者就應(yīng)該做出符合安卓應(yīng)用內(nèi)置的動(dòng)畫，這不僅是為了防止觸碰到系統(tǒng)的標(biāo)桿，而且也是為了尊重觀看者的習(xí)慣。

四、交互動(dòng)畫在移動(dòng)終端APP中的運(yùn)用

站在大比例的角度來說，由于交互動(dòng)畫的陌生性和新鮮性，移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)常常被強(qiáng)調(diào)其技術(shù)性質(zhì)。然而在實(shí)際的設(shè)計(jì)過程中，使用多種設(shè)計(jì)工具，進(jìn)行綜合設(shè)計(jì)，編輯各種多媒體元素（文本、表格、圖形和聲音），并在其中增加交互行為的合理性、自然性等，這些環(huán)節(jié)都需要藝術(shù)創(chuàng)作。因此，對(duì)于移動(dòng)終端APP交互動(dòng)畫的設(shè)計(jì)者來說，技術(shù)是實(shí)現(xiàn)的基礎(chǔ)，而藝術(shù)的把握和追求才是更高的要求。藝術(shù)設(shè)計(jì)的效果將促進(jìn)和調(diào)動(dòng)消費(fèi)者參與的積極性，進(jìn)而實(shí)現(xiàn)移動(dòng)終端APP信息的快速傳播。

（一）交互動(dòng)畫設(shè)計(jì)的運(yùn)用現(xiàn)狀

移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)被企業(yè)廣泛應(yīng)用于高新技術(shù)產(chǎn)品領(lǐng)域，如電話對(duì)企業(yè)的發(fā)展起著重要的作用。它主要是遵照客戶第一的原則，從始至終奉行客戶第一的經(jīng)營(yíng)核心，為用戶提供不同的體驗(yàn)并且總是在創(chuàng)新產(chǎn)品。引導(dǎo)和改善企業(yè)競(jìng)爭(zhēng)的方向，滿足不同用戶需求的不同特點(diǎn)。還可以促進(jìn)交互動(dòng)畫產(chǎn)業(yè)的發(fā)展，使其成為我國(guó)一顆正在冉冉升起的明星。

（二）交互動(dòng)畫的運(yùn)用

提高用戶的操作直觀性。由于移動(dòng)設(shè)備硬件無休無止的發(fā)展，移動(dòng)終端APP的不斷更新，給用戶的選擇將更加豐富多樣，用戶在使用移動(dòng)終端APP的時(shí)候，同樣尋求簡(jiǎn)單流暢的操作，因?yàn)檫@樣可以拉近用戶與移動(dòng)終端APP的關(guān)系。

增加用戶興趣，降低學(xué)習(xí)成本。通過交互動(dòng)畫靈巧地讓觀看者具有舒適的心理感受和操作體驗(yàn)，使觀看者更容易理解移動(dòng)終端APP的功能，有時(shí)也能解釋詳細(xì)的功能，由此看來，簡(jiǎn)單的交互動(dòng)畫更具吸引力和表現(xiàn)力。

強(qiáng)化品牌一致性。交互動(dòng)畫常常被作為一個(gè)橋梁，為觀看者輸送該APP的核心思想和文化信息，極其簡(jiǎn)單地將觀看者，即用戶與移動(dòng)終端APP聯(lián)系在一起。越來越多的熱門APP都可以窺見交互動(dòng)畫的興盛，其優(yōu)質(zhì)的動(dòng)畫內(nèi)容以及科技手段的加入使得觀看者即用戶的感受更加直觀，也就使得該APP的印象更為深刻?？傊\(yùn)用適當(dāng)?shù)膭?dòng)態(tài)效果，可以增加產(chǎn)品的認(rèn)知度，有助于打造品牌個(gè)性，能為用戶帶來愉快的體驗(yàn)。

五、結(jié)語

信息化的發(fā)展速度遠(yuǎn)遠(yuǎn)超出了人們的想象，交互動(dòng)畫逐漸成為移動(dòng)終端APP在界面轉(zhuǎn)換中的設(shè)計(jì)趨勢(shì)和發(fā)展方向。對(duì)于當(dāng)代應(yīng)用軟件設(shè)計(jì)人員，應(yīng)繼續(xù)加強(qiáng)交互動(dòng)畫設(shè)計(jì)研究，開發(fā)新的趣味交互動(dòng)畫設(shè)計(jì)，并付諸實(shí)際應(yīng)用。為此，設(shè)計(jì)師應(yīng)適應(yīng)不同類型移動(dòng)終端APP的交互動(dòng)畫設(shè)計(jì)，并加強(qiáng)掌握交互動(dòng)畫設(shè)計(jì)技巧。此外，交互動(dòng)畫設(shè)計(jì)還應(yīng)全面考慮智能手機(jī)的性能、交互動(dòng)畫在移動(dòng)終端APP領(lǐng)域的實(shí)際表現(xiàn)以及增強(qiáng)觀看者的體驗(yàn)。

[1]胡媛媛.新媒體時(shí)代藝術(shù)的審美性研究[D].東南大學(xué)，2015.

[2]常鑫.以用戶體驗(yàn)為中心的APP交互界面動(dòng)畫設(shè)計(jì)研究[J].藝術(shù)科技，2015.

[3]常海.交互設(shè)計(jì)中的控制感研究[D].江南大學(xué)，2010.

[4]谷時(shí)雨.多媒體藝術(shù)[M].文化藝術(shù)出版社，2005.

[5]莫軍華.標(biāo)志設(shè)計(jì)的藝術(shù)性[J].南京藝術(shù)學(xué)院學(xué)報(bào)（美術(shù)與設(shè)計(jì)），2005.

邵亞楠（1985- ），女，漢族，江蘇無錫市人，江南大學(xué)碩士，無錫商業(yè)職業(yè)技術(shù)學(xué)院數(shù)字媒體學(xué)院，助教，研究方向：數(shù)字媒體應(yīng)用技術(shù)。