APP交互視閾下的動畫設計和應用研究

王長志

摘要：隨著我國移動端產品的不斷發展，交互動畫在APP產品中不斷被推廣以及應用。而同時人們對于APP交互視閾下的動畫設計要求也越來越高。交互動畫設計水平不斷提高，有利于APP產品在實際推廣中更具吸引力，加強用戶體驗提升。本文簡要地分析了在APP交互視閾下動畫設計的意義，從而提出了動畫設計相關技術與法則。以期不斷加強動畫設計在APP中的推廣與應用，促進我～lAPP行業領域的不斷發展與進步。

關鍵詞：APP交互視閾 交互動畫 意義 設計技巧

中圖分類號：TB47 文獻標識碼：A

文章編號：1003-0069（2017）04-0124-02

引言

APP屬于智能手機第三方應用程序，在我國的發展勢頭迅猛并逐漸涉及到多種行業領域。而在APP交互式視域下的動畫則主要是指在APP進行動畫播放時，可以在用戶的點擊或聲音輸入的條件下進行控制。交互動畫的不斷設計與發展，逐漸實現了觀眾對于動畫播放內容的參與和控制能力，讓觀眾在接受動畫時占據主動選擇地位，使APP的操作系統更加簡易方便。所以，為促進APP領域的不斷發展，相關設計技術人員應當不斷加強對交互動畫的設計與應用研究。

一、在APP互動視閾下的動畫設計的意義

在APP互動視域下的動畫設計有利于加強用戶體驗，其主要意義表現在以下三個方面。首先，隨著用戶所面臨的軟件類型逐漸增多與其選擇的逐漸豐富。互動動畫的設計有助于用戶在進行APP使用時更加簡便順暢，互動性加強。例如，在ios操作系統中，用戶在進行圖標移動時會出現相應的振動效果，以此提示用戶該圖標的可移動性與正在移動的操作提示。另外，在APP中進行交互動畫的設計還可以有效促進用戶對該產品的功能了解。在傳統的軟件介紹中往往是通過文字講解來實現，但是這樣可能會降低用戶的使用興趣，而利用交互動畫來實現功能介紹則更加具有吸引力。除此之外，交互動畫設計對于APP品牌的建立與內涵傳達有著重要意義。對于出色的APP產品來說，獨特的交互動畫已經成為其品牌標志。相關設計者根據APP的實際品牌內涵或定位進行相應的互動動畫基調的選擇，從而加強品牌建設，樹立獨特的品牌個性。例如社交APP探探中，其有趣的返回退出都會伴有有趣的印象，體現出該產品的獨特性質和情感表達。

二、在APP互動視閾下的動畫設計技術

（一）對交互動畫的節奏與幅度進行嚴格把控

APP交互視閾下的動畫設計主要包括動態畫面，文字按鈕以及相關動態形象。要實現這些動畫設計的優良狀態，設計人員必須保證交互動畫的順暢性，而實現順暢性的基礎就是對交互動畫的節奏與幅度進行嚴格把控。從時間設置和節奏設置方面保證交互動畫與實際視覺經驗相符。例如，在進行運動緩慢的交互動畫的設計中，應當保證相關動畫的緩慢進入與緩慢退出，才能確保其與自然視覺的相互統一。在APP軟件錘子ROM中的ui動效設計中，指針移動化的交互動畫設計，就充分利用了該技術手段。（如圖1）所示，時鐘可以進行顏色轉換，當系統從白色表盤進入黑色表盤時，黑色表盤是從白色到灰色再到黑色逐漸過渡的。反過來，黑色表盤到白色表盤，黑色表盤消失是由黑色到灰色到白色逐漸變化的。如果是黑色表盤到黑色表盤，也是一樣的，即黑->灰->白->白->灰->黑逐漸變化的。實現了該軟件的自然貼合能力增強。所以，在交互動畫的實際設計環節中，只有不斷對交互動畫的節奏與幅度進行控制，才能最終實現優良交互動畫的設計。而要加強該技術能力的提高，可以通過對優秀交互動畫設計作品進行模仿借鑒來實現自身能力提高。

（二）加強交互動畫闡釋性能以及精確引導性能

由于APP本身是存在于智能手機的第三方應用系統，在實際應用中，往往會受到手機屏幕容量的限制。動畫設計人員在實際設計中不僅要對信息和圖像進行完善的規劃與控制，還應當根據相關信息的重要程度來實現等級劃分從而實現分級閱讀，這樣一來往往會增加APP產品的操作復雜程度和難度。但是，在APP交互視域下的交互動畫設計可以對APP的交互切換功能進行清晰的闡述，同時也使引導性能得到提升，實現用戶體驗的有效提高。要做到這一點，相關技術人員應當從以下幾方面實現提高。

首先，在交互動畫設計時，加強動態聚焦引導。這主要是指將界面內的關鍵點利用交互動畫的動態處理方式進行視覺引導，加強APP的實際應用流暢度。這是由于人眼在視線范圍內總是最先關注運動中物體。例如在360手機清理軟件中就充分利用了該技術。在內存清理工作結束后，該軟件不會直接顯示內存優化數據，而會以交互動畫的形式從零迅速遞增到相應優化數據值。通過這樣的方法，有效地實現了對用戶關注點的引導。另外，技術人員還應當注重交互動畫的示意過渡技術等運用。該技術主要是指賦予交互動畫變化以流暢的過渡，加強用戶對該操作的理解。例如，在錘子ROM中，用戶點擊圖標時，該軟件圖標會議放大且旋轉的方式進行呈現。同樣在進行該軟件返回時，也會以同樣的方式回到最初位置。這樣就可以將軟件的位置變化進行合理呈現與過渡。除此之外，實現空間轉場也是重要的交互動畫設計技術之一。交互動畫的空間轉場主要是通過轉場動效來實現，該技術的實現有利于用戶對于頁面跳轉的理解。該方法被廣泛應用于智能手機的桌面圖標的轉場中，通過相關動效對轉場過程的空白填補，實現轉場的流暢性能提升。

（三）加強交互動畫設計對用戶的注意力引導

在APP中利用交互動畫，可以實現APP的吸引能力增強，實現產品競爭力上升，加強其不斷推廣。但是，如果在APP中過度使用交互動畫，也會對APP造成不利的影響。如果在APP中應用過多的交互動畫，可能會造成該軟件的應用流暢性受損，同時也會分散用戶在APP使用過程中的注意力，難以實現有效價值的傳遞。所以，在進行交互動畫設計與應用時，相關技術人員應當合理地控制交互動畫量，加強用戶的沉浸性體驗，將交互動畫的設計作為實現用戶體驗的輔助手段。例如，在進行APP的首頁設計時，技術人員應當把握好該軟件的重點，交互動畫的內容最好是以該軟件本身功能為主，避免過多的其他因素對用戶的信息獲取造成干擾。endprint

以常見的美顏相機軟件來說，其在進行首頁的交互動畫設計時，往往會在用戶打開軟件的同時出現以動畫形式加文字結合的動態頁來對該軟件的主要功能進行介紹，方便用戶對軟件的功能了解，也對用戶的注意力進行引導。加用戶注意力引導還可以通過不斷簡化APP頁面和交互分級，這樣有利于軟件操作難度降低，提升用戶體驗。由于當前的APP軟件對于視覺效果的要求較高，所以往往伴隨著復雜視覺元素的產生，技術人員應當保證交互動畫的變化邏輯，實現流暢操作。例如，在APP使用中設置有對二級操作的靈活顯示與隱藏功能，就是有效的頁面簡化的做法。另外，在許多APP中也涉及到按鍵動效化的交互動畫設計，其主要是讓頁面內的重要信息以動態懸浮的方式出現在按鍵上，有效地避免了相關頁面轉場過程中出現的干擾因素，加強體驗的流暢度。

（四）加強交互動畫設計的真實感

隨著人們對交互動畫設計的要求逐漸增加，實現動畫設計的真實感提高，加強其與實際生活的貼近也是十分重要的。例如，在搜狗地圖使用時，用戶在進行位置標識的過程中可以通過手指移動來實現，并且畫面表達是模擬的圖釘效果進行。通過這些交互動畫的設計，可以加強該APP與用戶之間的貼近感，加強舒適的用戶體驗提高。同樣，在百度天氣APP中，對于當前天氣情況的展示往往是通過相應的交互動畫模擬天氣來表現。當出現晴轉陰天氣時，APP的背景就會通過交互動畫模擬來呈現天氣由晴朗陽光轉向陰沉灰暗，而且還會根據當前的時間來進行黑夜與白天的模擬添加。通過這樣的方式，用戶就可以對當前天氣變化進行直觀了解。

（五）交互動畫設計滿足APP的實際功能需求

在進行交互動畫設計時，不能僅僅以滿足APP需求和畫面酷炫來進行設計衡量。要利用交互動畫實現APP的不斷推廣，還應當充分考慮到應用手機的相關性能，發展交互動畫的實用性。只有這樣，才能從根本上提高用戶體驗。在實際設計過程中保證APP中所用交互動畫風格類型的一致，不僅有助于APP的風格品牌建立，還是對相關使用用戶的使用習慣的尊重。這是由于用戶在進行APP選擇和使用時，都會逐漸適應相關系統內的畫面風格與類型，如果輕易做出改變，就會影響用戶的使用情感。所以相關交互動畫設計人員在進行動畫設計時要盡量依從系統的標準行為規定。例如，在美國蘋果手機系統中的APP設計中，其在進行相應的交互動畫的反饋方式設計時所采用的風格都為物理法則，例如在設計相關內容的上下滾卷方式，元素的彈出與撤出以及相關內容的放大或縮小的操作，都是以該法則作為基本設計點。如果設計人員在動畫設計師忽略了該法則的約束，往往就會讓已經習慣了該系統的用戶在操作過程中感到不適應。

結束語

在APP交互視閾下，交互動畫已經逐漸成為APP產品在進行界面轉化時的設計趨勢與發展方向。對于當代APP設計人員來說，應當不斷加強對交互動畫的設計研究，發展出新穎有趣的交互動畫設計并投入實際應用當中。要做到這一點，設計人員應當根據APP產品的不同類型進行相適應的交互動畫設計，并加強對交互動畫設計技巧的深入掌握。另外，在進行交互動畫設計時，還應當對智能手機性能進行綜合考量，發展交互動畫在APP領域中的實用性能，加強用戶體驗。endprint