龔新源 莊一兵

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

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

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

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

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

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

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

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

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

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

二、弱化極端情況所帶來的不舒適感

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

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

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

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

動效的未來發(fā)展趨勢

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

總結(jié)

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

參考文獻(xiàn)

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

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

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

作者簡介

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

莊一兵為通訊作者

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