移動終端APP的交互動畫設計與運用

邵亞楠 （無錫商業職業技術學院 214153）

移動終端APP的交互動畫設計與運用

邵亞楠 （無錫商業職業技術學院 214153）

隨著科學技術的不斷進步，信息的傳播方式越來越多，傳統的動畫傳播方式已無法滿足互聯網時代的發展，動畫產業的未來需要與互聯網技術相結合，通過移動終端APP實現新型的傳播技術。文章從移動終端APP的角度來分析交互動畫在新媒體中的應用和發展，以及交互動畫的設計原則與運用技巧。

移動終端；交互動畫；設計運用

一、交互動畫的概述

（一）交互動畫的意義

交互動畫是指動畫在播放時支持事件響應和交互功能。從普通角度來講，在動畫播放的同時，動畫能夠服從某種指令的就叫交互動畫。觀看者的操作就包括其中，例如簡單的點擊操作。這種交互性給觀看者的觀看感受造成極大的轉變，把觀看者從原來的被動姿態轉變成現在的主動姿態，就是因為交互性在推動觀看者加入和發出指令的進程中發揮了巨大的作用。

由于移動終端產品的不斷升級，我們如今正處于一個可以充分體驗高速科技的進程之中。科技的更新也就使得移動終端APP的界面交互動畫設計緊跟科技的腳步，滿足人們的需求。在移動終端的系統升級快速的基礎之上，移動終端APP中運用交互動畫的設計已經非常普遍。

（二）交互動畫的作用

交互性、開放性和沉浸性是交互動畫的三大特性。將優秀的交互動畫融入移動終端APP界面設計中，給人一種春風拂面之感，遠比運用傳統動畫或者純文字的APP界面，更能拉近與使用者的距離，甚至交互動畫的存在還可以代表運用它的APP應用。

（三）交互動畫與傳統動畫的不同

簡單來說，交互動畫就是傳統動畫加上現代科技融合而成。將動畫觀看者的感受作為重點，是交互動畫結合現代科技進一步創作時的基礎。觀看者的感受可以更為直觀的表現出交互動畫中的不足與優勢，結合科學技術的交互動畫，就可以使人和信息的傳遞進行得更加順暢，拉近觀看者與運用了該交互動畫的移動終端APP之間的距離。交互動畫更看重的是觀看者的感受，而傳統動畫則是更傾向于畫面的設計，缺少了觀看者與動畫的直接互動。

二、移動終端APP與交互動畫的共同發展

科技在不斷的發展，越來越多的新技術如雨后春筍般涌現。而在其中，移動媒體技術的革新給予了動畫產業一個更為廣闊的平臺。

（一）交互動畫的視覺體驗

通俗意義上，視覺包括了兩個范圍，其一是不以認為而轉變的生理方面的獨特反應，其二是不確定原因形成的，如個人興趣，特性等。視覺可以令我們產生一系列的心理上、生理上、行動上、情緒上的反應，而設計是一門摻雜視覺經驗的科學。

在功能方面上講，交互動畫的視覺設計加入了觀看者的“參與能力”的觀點。而“交互”一詞，則是明顯地點出了觀看者和媒體載體之間的聯系。交互的程度愈高，觀看者和媒體載體的聯系也就愈近，觀看者的“參與能力”也就愈高。

（二）交互動畫運用在移動終端APP中的發展趨勢

1.流暢的轉場動效。運用于動畫各幀之間的轉場效果更為平滑，實現了無縫拼接，使得觀看者可以享受逼真舒適的視覺效果，提高了觀看者的個人體驗。

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

3.運用任務窗口模式。通過小窗口的方式，用網絡狀的關系來操作大屏幕，與此同時，還可以將多個任務一起運行，在根本上實現了手指操作不足的問題，解放了手指的同時還極大限度展現了大屏手機的功能，最后可以獲得不一樣的動畫交互感受。

4.進行跨平臺布局。就我國的現今情況來說，市場對于移動終端APP的需求量還是十分巨大的，各種跨平臺布局的移動設施，使得移動網絡的市場愈加清晰，這時候，在保證市場運行無礙的基礎上，可以使不同的智能手機用戶獲得有效的溝通，并且適應企業場景的發展。

5.利用廣角大視野背景。廣角圖片本身就具有開闊的特點，而將大視野的照片運用進交互動畫的設計之中，使得畫面整體更具有層次感和豐富性。

三、交互動畫在移動終端APP中的設計

藝術性原本是指文學作品通過形象反映生活、表現思想感情所達到的準確、鮮明和生動的程度以及形式、結構及表現技巧的完美的程度。目前交互動畫在移動終端APP中的設計也要遵循藝術性的原則。

（一）熟悉交互動畫的節奏和幅度

如果要設計一個觀感舒適順暢的交互動畫，其中有兩點是最為關鍵的，即時間和節奏。這是無論什么形式的交互動畫都需要注重的問題，而且人的觀感經驗即視覺經驗也十分重要。

（二）闡述清晰，精確引導

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

（三）慎重增加動畫，選用有價值的信息

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

（四）簡化界面信息和交互層級

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

（五）使用同系列的動畫

交互動畫的產生與設計者的想法有密切的聯系，而設計者作為獨立的個體具有獨特性，但是為了使得交互動畫的畫面感更為和諧，需要使用同系列的動畫。而且設計者也應該在對交互動畫起稿的時候，與內置動畫形成一致。就像安卓系統中的安卓應用的動畫，設計者就應該做出符合安卓應用內置的動畫，這不僅是為了防止觸碰到系統的標桿，而且也是為了尊重觀看者的習慣。

四、交互動畫在移動終端APP中的運用

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

（一）交互動畫設計的運用現狀

移動終端APP的交互動畫設計被企業廣泛應用于高新技術產品領域，如電話對企業的發展起著重要的作用。它主要是遵照客戶第一的原則，從始至終奉行客戶第一的經營核心，為用戶提供不同的體驗并且總是在創新產品。引導和改善企業競爭的方向，滿足不同用戶需求的不同特點。還可以促進交互動畫產業的發展，使其成為我國一顆正在冉冉升起的明星。

（二）交互動畫的運用

提高用戶的操作直觀性。由于移動設備硬件無休無止的發展，移動終端APP的不斷更新，給用戶的選擇將更加豐富多樣，用戶在使用移動終端APP的時候，同樣尋求簡單流暢的操作，因為這樣可以拉近用戶與移動終端APP的關系。

增加用戶興趣，降低學習成本。通過交互動畫靈巧地讓觀看者具有舒適的心理感受和操作體驗，使觀看者更容易理解移動終端APP的功能，有時也能解釋詳細的功能，由此看來，簡單的交互動畫更具吸引力和表現力。

強化品牌一致性。交互動畫常常被作為一個橋梁，為觀看者輸送該APP的核心思想和文化信息，極其簡單地將觀看者，即用戶與移動終端APP聯系在一起。越來越多的熱門APP都可以窺見交互動畫的興盛，其優質的動畫內容以及科技手段的加入使得觀看者即用戶的感受更加直觀，也就使得該APP的印象更為深刻。總之，運用適當的動態效果，可以增加產品的認知度，有助于打造品牌個性，能為用戶帶來愉快的體驗。

五、結語

信息化的發展速度遠遠超出了人們的想象，交互動畫逐漸成為移動終端APP在界面轉換中的設計趨勢和發展方向。對于當代應用軟件設計人員，應繼續加強交互動畫設計研究，開發新的趣味交互動畫設計，并付諸實際應用。為此，設計師應適應不同類型移動終端APP的交互動畫設計，并加強掌握交互動畫設計技巧。此外，交互動畫設計還應全面考慮智能手機的性能、交互動畫在移動終端APP領域的實際表現以及增強觀看者的體驗。

[1]胡媛媛.新媒體時代藝術的審美性研究[D].東南大學，2015.

[2]常鑫.以用戶體驗為中心的APP交互界面動畫設計研究[J].藝術科技，2015.

[3]常海.交互設計中的控制感研究[D].江南大學，2010.

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

[5]莫軍華.標志設計的藝術性[J].南京藝術學院學報（美術與設計），2005.

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