論動效設計在設計中的作用與趨勢

龔新源 莊一兵

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

關鍵詞：動效；設計；趨勢

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

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

一、增加使用體驗舒適度

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

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

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

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

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

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

即使在互聯網發展非常成熟的今天，我們使用的各種互聯網產品仍然會出現一些難以避免的問題、或者有可能會出現的bug、不利的外界條件等因素，這些都會造成產品的體驗下降。這時候適當的增加一些動效可以彌補在出現這些情況時的不適體驗。

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

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

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

動效的未來發展趨勢

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

總結

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

參考文獻

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

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

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

作者簡介

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

莊一兵為通訊作者

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