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

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

   加強體驗舒適度

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

具體表現在：

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

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

2.與用戶(hù)手勢結合，更自然的動(dòng)畫(huà)表現

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

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

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

3.愉快的提示功能

在某些需要提醒的時(shí)候能吸引用戶(hù)的注意，但是又不會(huì )生硬，符合預期的出現。

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

Action button feedback 出錯提示

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

City Guides 啟動(dòng)時(shí)提示用戶(hù)可以左右滑動(dòng)卡片

4.額外增加界面的活力

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

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

readme.io 萌萌的輸入框

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

amazon Q彈的菜單

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計

tumblr  不喜歡我 心都碎了呢~

5.吸引用戶(hù)持久的注意力

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

UI動(dòng)效設計 動(dòng)效設計 提示性動(dòng)效設計



Bubbles 以動(dòng)態(tài)的形式展現數據點(diǎn)

http://ezekroy.com/jianzhanzhishi/7798.html 網(wǎng)站設計中需要的動(dòng)態(tài)效果展示-