動きの参考サイト

どうも中野です。

今日は動きの参考サイトを紹介したいと思います。
このサイトのココが良い！ってよくあると思うのですが、そうではなく、一覧で見やすくまとめてくれているサイトを今回は紹介したいと思います。

1.Photoshopvip

http://photoshopvip.net/88174
ブログをよく参考にさせてもらっているのですが、その記事の中に「ホバーエフェクト」の記事がとても見やすかったので、おススメです。

2.Animate.css

https://daneden.github.io/animate.css/
様々なアニメーションをカテゴリーごとに分けられていて、とても見やすく、わかりやすいサイトになっています。

3.WOW.js

http://mynameismatthieu.com/WOW/
ここはスクロールしていくと、様々なアニメーションが起こるサイトです。この位置に来たらこの動きというのがわかりやすいサイトになっているので、ぜひ見て下さい。

4.Magic Animations CSS3

https://www.minimamente.com/example/magic_animations/
右のエフェクトが書いてあるボタンを押せば、左のアイコンが動いてくれます。様々な動きが収録されているので、数みたいときにはとてもおススメです。

今回は動きを紹介しました。
Web業界はどんどん進化していて、私たちデザイナーはデザインをする時に、動きにも注意しないといけません。
色々な情報をいち早くキャッチしてデザインに活かせていけたらなーと思います。