感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ

名称未設定-1-復元

こんにちは。MUUUUU.ORGの中の人こと、
Quoitworks(クオートワークス)のムラマツ(マツムラではありません)です。

ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、
セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。(すみません!サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます)

line25.com

https://dribbble.com/shots/1448379-Lookbook-nu-app

https://medium.com/ui-ux-articles/3d1b0a9b810e

http://thedesigninspiration.com/articles/20-incredible-mobile-ui-animations-in-gifs/

https://dribbble.com/shots/1209637-EM-Calendar-GIF

https://dribbble.com/shots/1171374-Gif-Search-Responsive

http://fxfactory.com/blog/after-effects/nodes-plugin-used-on-enders-game/

http://line25.com/articles/creative-uses-animated-gifs-present-ui-designs

https://dribbble.com/shots/1466391-Plus-Button-Animation

https://dribbble.com/shots/1523155-Player-animation

https://dribbble.com/shots/1417794-iOS-Sidebar-Animation

https://dribbble.com/shots/1236894-Taasky-desktop-animation
http://jp.pinterest.com/pin/330662797613627558/

http://thedesigninspiration.com/articles/20-incredible-mobile-ui-animations-in-gifs/

https://dribbble.com/shots/1396107-Leaderboard-with-Polar-Clock-GIF-attached/attachments/202288

https://dribbble.com/shots/1247691-Sign-In-Animation-GIF

http://guifff.com/page/3/

https://dribbble.com/shots/1182878–gif-handee-dashboard-animation

https://dribbble.com/shots/1202773-Little-gif-3

https://dribbble.com/shots/1316976-GIF-iCanShop-Animation?list=users

https://www.behance.net/gallery/INTERACTION-DESIGN/14941337

https://dribbble.com/shots/1439911-Menu-interaction-fashion-platform-GIF

https://dribbble.com/shots/1480755-Menu-Interaction

https://dribbble.com/shots/1489493-Movie-app-Pull-down