信息產(chǎn)品中功能性動畫的交互設(shè)計原理研究

□史 韜 無錫工藝職業(yè)技術(shù)學(xué)院

一、功能性動畫的基本內(nèi)涵

功能性動畫從本質(zhì)上來說，屬于信息傳遞中的一種表現(xiàn)方式。與以往敘事類動畫不同的是，功能性動畫通過運(yùn)用包括信息產(chǎn)品設(shè)計等在內(nèi)的諸多領(lǐng)域的視聽傳達(dá)手段，將虛擬現(xiàn)實(shí)作為最為主要和直接的表現(xiàn)平臺，旨在實(shí)現(xiàn)信息的全方位展示與高效傳播。功能性動畫涵蓋的產(chǎn)業(yè)范圍十分廣泛，如傳播媒體、信息科技產(chǎn)業(yè)等，這些均可以成為動能性動畫應(yīng)用與發(fā)展的樂土。iOS、Andriod系統(tǒng)和Windows Phone操作系統(tǒng)是目前功能性動畫最常使用的三種基于智能終端操作的軟件系統(tǒng)。

二、信息產(chǎn)品中功能性動畫的交互設(shè)計原理

（一）預(yù)備動作

在信息產(chǎn)品中，功能性動畫的主要交互設(shè)計原理之一便是預(yù)備動作，即在真實(shí)狀態(tài)的前提下，對任何一個動作均會有相應(yīng)的鋪墊，換言之，就是有一個預(yù)備動作對應(yīng)著各個動作。設(shè)計人員在信息產(chǎn)品的功能性動畫中，需對各動作相對應(yīng)的預(yù)備動作進(jìn)行真實(shí)模擬。以“美圖秀秀”這一應(yīng)用程序?yàn)槔?，用戶在進(jìn)行圖片美化時，既可以選擇智能終端中已經(jīng)存儲的圖片，也可以直接點(diǎn)擊其中的“拍照”功能鍵，此時界面中將呈現(xiàn)出眾多如同花瓣閉合一般的功能性動畫，該動畫作為預(yù)備動作負(fù)責(zé)提醒用戶即將進(jìn)入實(shí)體取景狀態(tài)，當(dāng)“花瓣”全部打開后，界面將真實(shí)顯示為實(shí)體取景狀態(tài)，此時用戶即可輕觸屏幕進(jìn)行聚焦，并輕點(diǎn)“照相機(jī)”功能圖標(biāo)進(jìn)行拍照即可。

（二）關(guān)鍵動作

將功能性動畫應(yīng)用在信息產(chǎn)品交互設(shè)計中時，相關(guān)人員需要結(jié)合實(shí)際情況，遵循關(guān)鍵動作設(shè)計原理。在功能性動畫中，關(guān)鍵動作也被稱之為定點(diǎn)畫法，其在對整個動態(tài)運(yùn)動過程進(jìn)行描繪時，主要利用的是位于相鄰兩個關(guān)鍵幀中間的補(bǔ)間幀，從而有效保障關(guān)鍵動作的連貫性、完整性。例如，在“地鐵跑酷”這一手機(jī)游戲中，角色動作有跑、跳、翻滾、下蹲等，設(shè)計者通過運(yùn)用關(guān)鍵動作，可以使游戲中的角色人物在面對或高或低的障礙物時，根據(jù)用戶的觸屏動作靈活切換跑、跳、翻滾等動作，從而使動畫動作具有良好的連續(xù)性和動態(tài)完整性，進(jìn)而呈現(xiàn)出精細(xì)化的運(yùn)動軌跡。

（三）次要動作

在功能性動畫中，與主要關(guān)鍵動作相對應(yīng)的即為次要動作，次要動作是輔助動畫影像登上銀幕的重要幫手。在真實(shí)狀態(tài)下表達(dá)某種物體形態(tài)時，通常主體動作會圍繞具體狀態(tài)，此時適當(dāng)加入部分次要動作即可有效達(dá)到輔助動作的效果。例如，在Clear這一效率類移動App中，用戶在刪除事件列表中的已完成事件時，首先需要對事件列表區(qū)域進(jìn)行右滑直至滑出屏幕外側(cè)，此時屏幕中會自動顯示“對號”提示，代表時間列表已完成編輯。而屏幕中自動彈出“對號”，可以有效提醒并輔助操作者完成管理事件列表的具體使用流程，在次要動作的作用下，界面中可以清晰展示并根據(jù)操作者的實(shí)際需要及時提示切換信息這一功能。

（四）擠壓拉伸

功能性動畫在信息產(chǎn)品的交互設(shè)計中，較為常用的另一大設(shè)計原理即為擠壓與拉伸。移動終端通過借助觸感操作，使各項(xiàng)相關(guān)視覺信息元素自動發(fā)生變形，從而和交互行為之間產(chǎn)生結(jié)果。例如，蘋果公司的iOS操作系統(tǒng)的郵件應(yīng)用程序設(shè)計中，便使用了拉伸與擠壓交互設(shè)計原理的功能性動畫。用戶在對屏幕頂端進(jìn)行輕掃下拉操作時，會有一個呈向下拽的光圈視覺元素。當(dāng)用戶從屏幕頂端開始下拉，逐漸靠近屏幕底端時，這一光圈視覺元素也會隨之出現(xiàn)相應(yīng)的變形，直至用戶輕掃屏幕將其拉至底端，該光圈視覺元素也會變形至極限狀態(tài)。此時光圈跌落，光圈中標(biāo)有的白色圓圈箭頭將會呈流轉(zhuǎn)狀態(tài)，表明界面當(dāng)前處于刷新階段。

（五）慢入慢出

在信息產(chǎn)品中功能性動畫的交互設(shè)計中，采用慢入慢出的交互設(shè)計原理，可以對同一空間中所有角色的運(yùn)動固有慣性進(jìn)行準(zhǔn)確描述。在實(shí)際設(shè)計功能性動畫時，如果物體運(yùn)動正處于開始或結(jié)束階段，相關(guān)工作人員需要將一定量的中間畫加入其中，而如果空間內(nèi)的角色正處于運(yùn)動狀態(tài)，則工作人員只需將少量中間畫加入其中，即可有效真實(shí)展現(xiàn)動態(tài)的物體運(yùn)動軌跡。例如，蘋果公司在iOS操作系統(tǒng)的人機(jī)界面設(shè)計中，便采用了慢入慢出交互設(shè)計原理。用戶在打開任意一個應(yīng)用程序時，應(yīng)用程序中的列表將會緩慢滾動進(jìn)入界面中；而當(dāng)用戶退出程序時，列表同樣也會緩慢滾動退出界面。

綜上所述，在信息產(chǎn)品中科學(xué)應(yīng)用功能性動畫，對于提高信息產(chǎn)品的整體交互性、提升用戶滿意度等具有積極的幫助作用。相關(guān)工作人員在信息產(chǎn)品中進(jìn)行功能性動畫的交互設(shè)計時，需要充分結(jié)合信息產(chǎn)品的實(shí)際情況與交互設(shè)計要求，靈活采用慢入慢出、擠壓拉伸、關(guān)鍵和次要動作等設(shè)計原理，從而使廣大信息產(chǎn)品發(fā)揮其特有的強(qiáng)大優(yōu)勢功能。