紀(jì)曉

摘 要 加載動(dòng)畫趣味化的本質(zhì)即打破原有界面中時(shí)間與空間的限制，轉(zhuǎn)移用戶注意力，達(dá)到讓用戶產(chǎn)生移情或共鳴的目的。加載頁(yè)動(dòng)畫具有較強(qiáng)的表現(xiàn)力，可豐富App的視覺(jué)表現(xiàn)以及增加用戶對(duì)界面的包容度，其主要表現(xiàn)形式有節(jié)奏化、情節(jié)化、情感化三種。

關(guān)鍵詞 加載動(dòng)畫；界面設(shè)計(jì)；交互設(shè)計(jì)；動(dòng)畫設(shè)計(jì)

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2017）16-0019-02

動(dòng)態(tài)效果可以提高用戶對(duì)因果關(guān)系和指向性的感知，還可以提升用戶的興趣度，讓用戶能更享受瀏覽過(guò)程[1]，加載動(dòng)畫正是移動(dòng)應(yīng)用中不可或缺的動(dòng)態(tài)元素。隨著移動(dòng)應(yīng)用的發(fā)展，加載動(dòng)畫也逐漸由工業(yè)化的、批量化的模式走向情感化設(shè)計(jì)。從形式上來(lái)說(shuō)，表現(xiàn)形式豐富多彩，不再是單一而枯燥的進(jìn)度條形式，而是UI界面綜合藝術(shù)的表現(xiàn)；從功能上來(lái)說(shuō)，不再是單純?yōu)樘嵝鸭虞d進(jìn)度而存在，而是被賦予了吸引注意、安撫用戶、表達(dá)內(nèi)涵等多種新的意義。趣味化的設(shè)計(jì)綜合表現(xiàn)力強(qiáng)，能夠消解嚴(yán)肅，帶有濃厚的情感色彩，適用于當(dāng)代網(wǎng)絡(luò)語(yǔ)言體系，因此，加載動(dòng)畫越來(lái)越傾向于以趣味化的方式進(jìn)行表達(dá)。加載動(dòng)畫的趣味化設(shè)計(jì)主要有3種表現(xiàn)形式，分別是節(jié)奏化設(shè)計(jì)、情節(jié)化設(shè)計(jì)和情感化設(shè)計(jì)。

1 節(jié)奏化設(shè)計(jì)

節(jié)奏是一種“美”的形態(tài)，這種“美”在動(dòng)畫藝術(shù)中起著至關(guān)重要的作用，是動(dòng)畫藝術(shù)靈魂的載體[2]。加載動(dòng)畫營(yíng)造節(jié)奏美感，它們的視覺(jué)內(nèi)容本身不需要有任何含義，作用是讓觀者溶入一定的視覺(jué)規(guī)律之中，先破后立，打破原有時(shí)間節(jié)奏，呈現(xiàn)新的視覺(jué)感受，削弱等待的沉悶感。加載頁(yè)動(dòng)畫的節(jié)奏化主要表現(xiàn)在兩個(gè)維度：一是利用相似圖形或相似運(yùn)動(dòng)營(yíng)造規(guī)律，改變用戶的時(shí)間節(jié)奏；二是利用不同圖形產(chǎn)生有規(guī)律的變化或運(yùn)動(dòng)，改變其空間上的節(jié)奏。

1.1 時(shí)間節(jié)奏的改變

利用相同圖形的相同運(yùn)動(dòng)變化是改變時(shí)間節(jié)奏的有效方式。相同運(yùn)動(dòng)可以產(chǎn)生韻律，比如音樂(lè)播放器中的落差音柱，是利用相似線條的排列及起伏運(yùn)動(dòng)來(lái)營(yíng)造韻律感的，其中不止有節(jié)奏美感，還含有一定的形式美感。規(guī)律運(yùn)動(dòng)的時(shí)間也遵循嚴(yán)格的要求，過(guò)短影響視覺(jué)表現(xiàn)力，且容易產(chǎn)生催促的視覺(jué)感受，過(guò)長(zhǎng)則會(huì)拉長(zhǎng)時(shí)間節(jié)奏，無(wú)法改變?cè)械却墓?jié)奏。通過(guò)對(duì)多個(gè)規(guī)律型加載動(dòng)畫的分析與研究，根據(jù)信息量的不同，一個(gè)運(yùn)動(dòng)周期在2～4秒左右是較為普遍適用的時(shí)間長(zhǎng)度，變化的速度要快于正常時(shí)間流逝的速度。

1.2 空間節(jié)奏的改變

改變空間節(jié)奏的方式主要是利用不同圖形的變化產(chǎn)生一定的空間落差，圖形的遞增和遞減都遵循嚴(yán)格規(guī)律，讓觀者產(chǎn)生對(duì)“盈”和“虧”變化的期待，從而產(chǎn)生愉快的視覺(jué)觀感。這類的圖形一般為規(guī)則圖形，比如正方形、正圓、正三角形等等。加載動(dòng)畫空間節(jié)奏變化的常見(jiàn)形式有：1）形變，單個(gè)圖形的形態(tài)變化；2）疊加，相同圖形的物理量變；3）縮放，圖形的比例變化；4）盈虧，固定面積內(nèi)的圖形變化；5）3D效果，平面內(nèi)營(yíng)造虛擬縱深感；6）聚散，相同圖形進(jìn)行聚集或驅(qū)散；7）綜合型，多種變化形式綜合表現(xiàn)等。

2 情節(jié)化設(shè)計(jì)

情節(jié)化設(shè)計(jì)是指加載動(dòng)畫進(jìn)行簡(jiǎn)單情節(jié)描述、通過(guò)表現(xiàn)人物或事物的變化，將等待的過(guò)程可視化，打破原有時(shí)間線、轉(zhuǎn)移用戶注意力的一種表現(xiàn)形式。受時(shí)間限制和畫幅限制，加載動(dòng)畫的情節(jié)一般較為簡(jiǎn)單，分為循環(huán)型情節(jié)和結(jié)果型情節(jié)兩種。

2.1 循環(huán)型情節(jié)

循環(huán)型情節(jié)的本質(zhì)也是通過(guò)改變時(shí)間節(jié)奏來(lái)削弱等待感，只不過(guò)主體由圖形變成了更復(fù)雜的內(nèi)容。受手機(jī)屏幕大小的限制，加載動(dòng)畫常以循環(huán)動(dòng)作表現(xiàn)連貫內(nèi)容，循環(huán)型情節(jié)即將所表現(xiàn)的動(dòng)作重復(fù)播放，比如“人走路”，以循環(huán)邁腿擺手的動(dòng)作來(lái)形成連貫的走路姿態(tài)，空間的相對(duì)位置雖然沒(méi)有變化，但在視覺(jué)上造成了一種持續(xù)的動(dòng)效、產(chǎn)生連貫的情節(jié)。循環(huán)型情節(jié)有兩個(gè)特點(diǎn)：一是運(yùn)動(dòng)主體帶有一定的擬人化色彩，或?yàn)槿怂熘氖挛铮沟糜^者更容易產(chǎn)生認(rèn)同感和共鳴；二是情節(jié)內(nèi)包含細(xì)節(jié)，為動(dòng)態(tài)的主體添加一些細(xì)節(jié)，豐富單調(diào)的動(dòng)態(tài)，或添加表現(xiàn)相對(duì)位置的裝飾物，如人走路時(shí)腳邊的石頭和花草等，或直接在動(dòng)態(tài)中添加細(xì)節(jié)，比如表現(xiàn)人走路時(shí)在幾步當(dāng)中添加一個(gè)跳躍，都是常見(jiàn)的表現(xiàn)手法。循環(huán)型情節(jié)是加載動(dòng)畫較為常用的手法，它動(dòng)態(tài)簡(jiǎn)單、輕松，且打破空間界面，具有較強(qiáng)的表現(xiàn)力和趣味性。

2.2 結(jié)果型情節(jié)

結(jié)果型情節(jié)即加載動(dòng)畫變化的過(guò)程是為結(jié)果服務(wù)的，最終導(dǎo)向?yàn)榧虞d成功的結(jié)果。較為典型的結(jié)果型情節(jié)有沙漏漏下、水杯倒?jié)M、電池充飽等。結(jié)果型情節(jié)是一種兼具提醒以及提高用戶期待值的動(dòng)畫表現(xiàn)形式，它既將加載進(jìn)度融合在圖形變化之中，起到明確的提示作用，又利用圖形的表現(xiàn)力削弱受眾的對(duì)時(shí)間的感官，是加載動(dòng)畫較為典型且常見(jiàn)的表現(xiàn)手法。

3 情感化設(shè)計(jì)

當(dāng)物質(zhì)生活已經(jīng)被滿足，情感化的需求就凸顯出來(lái)，App作為高度工業(yè)化的產(chǎn)物，單純作為工具已經(jīng)不足以滿足情感消費(fèi)需求，因此融入更多的情感元素成為加載動(dòng)畫的一個(gè)發(fā)展方向。情感化設(shè)計(jì)的產(chǎn)品能讓用戶從生理、心理和精神理想方面，享受到產(chǎn)品的社會(huì)價(jià)值，從而讓他們的社會(huì)生活充滿快樂(lè)，激起用戶對(duì)幸福生活得追求，提高人們的生活品質(zhì)和幸福感[3]。加載動(dòng)畫情感化設(shè)計(jì)的本質(zhì)即通過(guò)融入情感元素，形成記憶符號(hào)，使得用戶產(chǎn)生移情與共鳴、或引發(fā)用戶思考，達(dá)到削弱等待感的目的。加載動(dòng)畫的情感化設(shè)計(jì)主要包括擬人式設(shè)計(jì)和情懷式設(shè)計(jì)兩種。

3.1 擬人式設(shè)計(jì)

擬人式設(shè)計(jì)即將設(shè)計(jì)對(duì)象賦予人的形態(tài)、語(yǔ)言、性格等因素，使其具有某些類人特點(diǎn)的一種設(shè)計(jì)方式。加載動(dòng)畫常用的擬人方式為擬人形態(tài)，把人的外觀形態(tài)、動(dòng)態(tài)等加入創(chuàng)作對(duì)象，使其有一個(gè)直觀的人的形態(tài)體現(xiàn)，比如QQ的企鵝、趕集網(wǎng)的驢子、嗶哩嗶哩網(wǎng)的小電視機(jī)等。其中，QQ企鵝的形象較為典型，其一，它的頭、身、手腳都做了細(xì)致處理，使其更接近人體形態(tài)；其二，它擁有類人的表情，比如拋著媚眼的表情，顯得整個(gè)形象生動(dòng)俏皮；其三，它有類人的動(dòng)態(tài)，奔跑、跳躍、左看右看等，鮮活得仿佛身邊的一個(gè)小伙伴。加載動(dòng)畫的擬人式設(shè)計(jì)實(shí)質(zhì)上是借設(shè)計(jì)對(duì)象的形態(tài)表現(xiàn)人本身的造型姿態(tài)、語(yǔ)言、個(gè)性、心理活動(dòng)等等，無(wú)形中產(chǎn)生和用戶的交流，將嚴(yán)肅、冰冷界面語(yǔ)言轉(zhuǎn)化為生動(dòng)活潑的交互語(yǔ)言，獲得受眾情感上的共鳴，是情感化設(shè)計(jì)中最為常用的一種形式。

3.2 情懷式設(shè)計(jì)

情懷式設(shè)計(jì)是反思層面的設(shè)計(jì)，是引起用戶自我感覺(jué)，勾起其回憶、引發(fā)其思考、使其產(chǎn)生情感依賴的一種設(shè)計(jì)方式。常見(jiàn)的情懷有：溫馨情懷、自由情懷、英雄情懷、女性情懷等等。對(duì)于加載動(dòng)畫來(lái)說(shuō)，傳遞溫情、體現(xiàn)鮮明的個(gè)性等都是常用的設(shè)計(jì)方式。傳遞溫情體現(xiàn)的是溫馨情懷，這與現(xiàn)代社會(huì)中日益疏離的人際關(guān)系密切相關(guān)，溫情化的設(shè)計(jì)能使用戶產(chǎn)生情感上的寄托和依賴，對(duì)現(xiàn)實(shí)情感起到一定的彌補(bǔ)作用。加載動(dòng)畫中體現(xiàn)溫情的方式有很多，最常見(jiàn)的采用“萌系”形象作為動(dòng)畫主體，比如懶蛋蛋、熊本熊等，軟、萌、懶、蠢、賤等元素可以消除當(dāng)代人壓力、減少其戒心，是典型的溫情化語(yǔ)言的體現(xiàn)。體現(xiàn)鮮明個(gè)性也是情懷設(shè)計(jì)的一種，與溫情語(yǔ)言不同的是，個(gè)性化的加載動(dòng)畫體現(xiàn)的是較為極端、尖銳的情緒，較為鮮明的形象比如暴力熊、越獄兔等，體現(xiàn)了當(dāng)代人追求潮流、自由、夢(mèng)想、反傳統(tǒng)、不走尋常路的反叛心理。

綜上所述，除了提示加載進(jìn)度，趣味化的加載動(dòng)畫對(duì)于給用戶帶來(lái)視覺(jué)美感、表達(dá)思想內(nèi)涵、引發(fā)用戶反思等方面均有貢獻(xiàn)。利用趣味動(dòng)畫改變緩慢的時(shí)間節(jié)奏是加載動(dòng)畫設(shè)計(jì)的關(guān)鍵，同時(shí)，情感化的設(shè)計(jì)已經(jīng)滲透了App設(shè)計(jì)的方方面面，未來(lái)的加載動(dòng)畫設(shè)計(jì)，會(huì)更多地向表達(dá)情感、引發(fā)思考和共鳴的方向發(fā)展，為App設(shè)計(jì)增加更多的趣味性。

參考文獻(xiàn)

[1]Robertson G G.Mackinlay J D.Card S K.Cone trees：animated 3 Disualizations of hierachical informationg[A].Proceedings of the SIGCHI Conference on Human factorsin Computing Systems[c].New York.ACM.1991：189-194.

[2]彭巍.動(dòng)畫藝術(shù)的節(jié)奏美[J].文藝爭(zhēng)鳴，2010（16）：167-168.

[3]PieterMA.Desmet.MeasuringEmotions[DB/OL].[2010-07-14].http//citeseerx.ist.psu.edu/viewdoc/download？doi=10.1.1.104.1400&rep=rep1&type=pdf.endprint