論動(dòng)效設(shè)計(jì)在設(shè)計(jì)中的作用與趨勢(shì)

龔新源 莊一兵

摘 要：動(dòng)效設(shè)計(jì)在扁平化迅速崛起后也得到了快速發(fā)展，扁平化設(shè)計(jì)的發(fā)展時(shí)至今日已有一段時(shí)間，其簡(jiǎn)約的設(shè)計(jì)無(wú)疑是給用戶在使用上帶來(lái)了更多的純粹體驗(yàn)，使用戶不被過(guò)多的設(shè)計(jì)所干擾，其返璞歸真的設(shè)計(jì)理念是對(duì)的，但是扁平化設(shè)計(jì)的發(fā)展也面臨著一些新的問(wèn)題，例如界面間復(fù)雜的層級(jí)關(guān)系該如何展現(xiàn)？用戶如何被更好的引導(dǎo)和吸引？如何使得界面過(guò)渡更加流暢自然？這些都是在手機(jī)硬件性能足夠強(qiáng)大的今天所面臨的問(wèn)題。

關(guān)鍵詞：動(dòng)效；設(shè)計(jì)；趨勢(shì)

在我們?nèi)粘Ｉ钪?，我們發(fā)現(xiàn)許多手機(jī)應(yīng)用的動(dòng)效反饋與現(xiàn)實(shí)世界中的自然感受并不一致，其原由是因?yàn)椴](méi)有考慮到物理世界中的客觀規(guī)律。當(dāng)Google推出Android 5.0 Lollipop（棒棒糖）的時(shí)候，其意義是重大的，因?yàn)檎窃诖藭r(shí)推出了Material Design全新的設(shè)計(jì)語(yǔ)言，核心理念是將物理世界的體驗(yàn)帶入屏幕，消除現(xiàn)實(shí)生活中的雜質(zhì)和隨機(jī)性。 保持其原始的初始形式，空間關(guān)系，變化和過(guò)渡，與虛擬世界的靈活性保持一致，恢復(fù)最真實(shí)的體驗(yàn)，實(shí)現(xiàn)簡(jiǎn)單直觀的效果。所以說(shuō)它在一定程度上解決了扁平化設(shè)計(jì)所帶來(lái)的一些弊端，通過(guò)其空間關(guān)系、變化與過(guò)渡，配合虛擬世界的靈活特性來(lái)解決復(fù)雜的層級(jí)關(guān)系，將用戶更加自然的被引導(dǎo)與代入。Material design設(shè)計(jì)風(fēng)格充分利用了Z軸的深度感，通過(guò)分層設(shè)計(jì)和動(dòng)態(tài)效果的結(jié)合，在扁平化的基礎(chǔ)上更直觀地理解層次關(guān)系。使設(shè)計(jì)能夠提高用戶使用的參與度。

那么，目前現(xiàn)有的動(dòng)效能給我們帶來(lái)哪些作用呢？

一、增加使用體驗(yàn)舒適度

隨著手機(jī)硬件性能的不斷提高，單純的靜幀扁平化頁(yè)面在高性能的手機(jī)面前已經(jīng)顯得略有單薄，甚至是性能過(guò)剩，因此動(dòng)效的加入，會(huì)讓體驗(yàn)變的更加舒適和豐富，同時(shí)又能更好的發(fā)揮其手機(jī)現(xiàn)有的性能。其具體體現(xiàn)在以下幾個(gè)方面：

1.清晰的層級(jí)關(guān)系：為了更好的展現(xiàn)層與層的關(guān)系，我們通過(guò)抽屜推拉、卡片的疊壓、平級(jí)的切換和魔法卡片的投影等等，讓用戶感知界面和上一個(gè)、下一個(gè)的關(guān)系，讓用戶能夠在操作前可預(yù)知，操作后有反饋。

2..結(jié)合運(yùn)動(dòng)和手勢(shì)來(lái)體驗(yàn)更自然的動(dòng)畫(huà)表現(xiàn)：當(dāng)用戶操作應(yīng)用的時(shí)候，讓界面的動(dòng)態(tài)走勢(shì)和手的運(yùn)動(dòng)態(tài)勢(shì)相一致，讓用戶感受到更自然的而不僅僅是簡(jiǎn)單的機(jī)械化的跳轉(zhuǎn)，同時(shí)其運(yùn)動(dòng)的速度應(yīng)與現(xiàn)實(shí)生活相同，同樣應(yīng)該具備重力加速度，摩擦力受阻等客觀規(guī)律。

3.情感化的提示：在某些需要提醒或者極端情況下不僅僅是簡(jiǎn)單的文字生硬提醒，而是配有可愛(ài)或友好的動(dòng)畫(huà)來(lái)分散給用戶帶來(lái)的不好體驗(yàn)，讓用戶在使用過(guò)程中能夠感受到給他帶來(lái)的友好和小驚喜！

4.使界面更有張力：在用戶預(yù)期之外增加一些情感化的動(dòng)效設(shè)計(jì)，可以是可愛(ài)的，驚喜的也可以是有情懷的，這樣可以讓用戶感知到產(chǎn)品的生命力，使得界面顯得更加豐富和有張力。

二、弱化極端情況所帶來(lái)的不舒適感

即使在互聯(lián)網(wǎng)發(fā)展非常成熟的今天，我們使用的各種互聯(lián)網(wǎng)產(chǎn)品仍然會(huì)出現(xiàn)一些難以避免的問(wèn)題、或者有可能會(huì)出現(xiàn)的bug、不利的外界條件等因素，這些都會(huì)造成產(chǎn)品的體驗(yàn)下降。這時(shí)候適當(dāng)?shù)脑黾右恍﹦?dòng)效可以彌補(bǔ)在出現(xiàn)這些情況時(shí)的不適體驗(yàn)。

1.讓等待變得更愉快：在加載、刷新、等待和結(jié)束等界面中，加入情感化的動(dòng)效，讓等待變得可視化，甚至不再那么單調(diào)無(wú)聊。

2.增加界面與界面轉(zhuǎn)換的延續(xù)感：界面與界面之間的跳轉(zhuǎn)不應(yīng)該是生硬的獨(dú)立的而應(yīng)該是通過(guò)動(dòng)效建立某種有效的聯(lián)系，這樣可以使界面過(guò)渡的更加自然、流暢。

3、微交互：增加一些微交互，例如點(diǎn)贊、收藏和分享等融入一些情感化的動(dòng)效，這樣既不影響整體的界面風(fēng)格，同時(shí)又會(huì)給人以驚喜。

動(dòng)效的未來(lái)發(fā)展趨勢(shì)

在未來(lái)的設(shè)計(jì)趨勢(shì)中，動(dòng)效占有舉足輕重的地位。無(wú)論是現(xiàn)有的手機(jī)移動(dòng)端交互亦或是未來(lái)發(fā)展的車載交互、語(yǔ)音交互等，都需要全新的交互語(yǔ)言，然而這些交互的連接紐帶就是動(dòng)效。信息的載體在未來(lái)不應(yīng)該是固定的，不僅僅是局限在手機(jī)這個(gè)小小的屏幕上，不同終端的出現(xiàn)要基于不同的場(chǎng)景，不只是觸摸式交互，有可能是體感，面部識(shí)別，亦或是一種動(dòng)態(tài)的展示。新的應(yīng)用場(chǎng)景需要更多更豐富的動(dòng)效形式，現(xiàn)如今的視覺(jué)樣式趨于扁平化，各家應(yīng)用的界面風(fēng)格大同小異，所以如果想要做差異化，動(dòng)效相對(duì)于扁平化是一個(gè)好的創(chuàng)新點(diǎn)，更是一個(gè)突破口。

總結(jié)

綜上所訴，動(dòng)效無(wú)論是快速發(fā)展的今天，或是未來(lái)都一個(gè)很好的切入點(diǎn)，我們通過(guò)對(duì)動(dòng)效的深入發(fā)展，相信未來(lái)的設(shè)計(jì)會(huì)變得更友好、豐富和情感化。

參考文獻(xiàn)

[1] 張朦朦 淺析類扁平化設(shè)計(jì)在圖標(biāo)設(shè)計(jì)中的應(yīng)用 [M] 大眾文藝，2014

[2] 周峰 田夢(mèng)琦 用戶體驗(yàn)在網(wǎng)頁(yè)界面設(shè)計(jì)中的應(yīng)用——以箭牌衛(wèi)浴網(wǎng)站為例 [M] 設(shè)計(jì)，2015

[3] 王軍鋒 郭偎 武艷芳 Theresa Neil.移動(dòng)應(yīng)用 UI 設(shè)計(jì)模式 [M] 人民郵電出版社，20

作者簡(jiǎn)介

龔新源（1991—）性別：男，民族：滿 籍貫河北 學(xué)歷：碩士 學(xué)校：北京化工大學(xué)，研究方向：藝術(shù)。

莊一兵為通訊作者

（作者單位：北京化工大學(xué)）