設(shè)計師為什么需要動效設(shè)計？

2015/8/1 10:20:28來源：互聯(lián)網(wǎng)

最近越來越多的國內(nèi)公司開始關(guān)注動效設(shè)計了，越來越多的團隊意識到動效在產(chǎn)品用戶體驗中的重要性。但是為什么需要動效設(shè)計?需要什么樣的動效?做動效設(shè)計也有段時間了，于是嘗試用一些案例，從產(chǎn)品本身出發(fā)來說說我所思考的動效設(shè)計。

隨著國際大品牌蘋果和谷歌的引領(lǐng)，最近越來越多的國內(nèi)公司開始關(guān)注動效設(shè)計了，越來越多的團隊已經(jīng)意識到動效在產(chǎn)品用戶體驗中的重要性了，更多的射雞師們也開始投身動效設(shè)計領(lǐng)域。

(文中部分案例為設(shè)計師個人作品，部分為線上產(chǎn)品，都是我非常非常欣賞的作品。如不慎冒犯請戳我替換掉)

一、加強體驗舒適度

嗯，就是讓用戶更加爽更加爽的用你的產(chǎn)品。

具體表現(xiàn)在：

1.表現(xiàn)層級關(guān)系

為了展現(xiàn)層與層的關(guān)系，是抽屜，是打開，還是平級切換等等，讓用戶知道這個界面和上一個、下一個的關(guān)系。這已經(jīng)是非常最常見的運用了。

2.與用戶手勢結(jié)合，更自然的動畫表現(xiàn)

當(dāng)用戶手勢操作的時候，讓界面的動態(tài)走向更符合手指的運動，從而讓用戶感覺到是自己控制了界面的動向，而不是機械化的跳轉(zhuǎn)。

City guide app 用手勢可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的時候能吸引用戶的注意，但是又不會生硬，符合預(yù)期的出現(xiàn)。

Action button feedback 出錯提示

City Guides 啟動時提示用戶可以左右滑動卡片

4.額外增加界面的活力

在用戶預(yù)期之外增加的驚喜，可以是帥氣的，可以是賣萌，可以有些物理屬性，總之讓用戶感知到產(chǎn)品的生命力。

readme.io 萌萌的輸入框

amazon Q彈的菜單

tumblr 不喜歡我心都碎了呢~

5.吸引用戶持久的注意力

也是屬于增加用戶的驚喜感，在某些數(shù)據(jù)量較大的界面中添加一些動效，讓用戶保持注意力。

Bubbles 以動態(tài)的形式展現(xiàn)數(shù)據(jù)點

二、減弱不可避免的不適感

雖然我們的產(chǎn)品，我們的交互，我們的設(shè)計，我們的工程獅都在努力把產(chǎn)品打造的更加優(yōu)秀，更加完美，但是總有一些無法避免的問題、或者有可能會出現(xiàn)的bug、外界條件的不給力等因素，造成我們的產(chǎn)品體驗下降。這些時候適當(dāng)?shù)脑黾右恍﹦有Э梢詮浹a在出現(xiàn)這些情況時的不適體驗。

比如下面這些：

1.讓等待變得更愉快

常出現(xiàn)在加載、刷新、發(fā)送等界面中，讓等待變得可視化，甚至不再那么無聊。