APP交互視閾下的動畫設(shè)計和應(yīng)用研究

王長志

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

關(guān)鍵詞：APP交互視閾 交互動畫 意義 設(shè)計技巧

中圖分類號：TB47 文獻標(biāo)識碼：A

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

引言

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

一、在APP互動視閾下的動畫設(shè)計的意義

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

二、在APP互動視閾下的動畫設(shè)計技術(shù)

（一）對交互動畫的節(jié)奏與幅度進行嚴(yán)格把控

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

（二）加強交互動畫闡釋性能以及精確引導(dǎo)性能

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

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

（三）加強交互動畫設(shè)計對用戶的注意力引導(dǎo)

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

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

（四）加強交互動畫設(shè)計的真實感

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

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

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

結(jié)束語

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