龔新源 莊一兵

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

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

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

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

一、增加使用體驗舒適度

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

參考文獻

[1] 張朦朦 淺析類扁平化設(shè)計在圖標設(shè)計中的應用 [M] 大眾文藝，2014

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

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

作者簡介

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

莊一兵為通訊作者

（作者單位：北京化工大學）