王長(zhǎng)志

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

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

中圖分類號(hào)：TB47 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2017）04-0124-02

引言

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

一、在APP互動(dòng)視閾下的動(dòng)畫設(shè)計(jì)的意義

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

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

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

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

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

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

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

（三）加強(qiáng)交互動(dòng)畫設(shè)計(jì)對(duì)用戶的注意力引導(dǎo)

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

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

（四）加強(qiáng)交互動(dòng)畫設(shè)計(jì)的真實(shí)感

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

（五）交互動(dòng)畫設(shè)計(jì)滿足APP的實(shí)際功能需求

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

結(jié)束語(yǔ)

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