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

一、功能性動(dòng)畫(huà)的基本內(nèi)涵

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

二、信息產(chǎn)品中功能性動(dòng)畫(huà)的交互設(shè)計(jì)原理

（一）預(yù)備動(dòng)作

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

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

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

（三）次要?jiǎng)幼?/h3>

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

（四）擠壓拉伸

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

（五）慢入慢出

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

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