参考になるWEBサイトのボタンデザインを集めてみた【GIF動画付き】

WEBデザインを作る時大変なことの一つが、ホバーの動きを考えなくてはならない状況になった時です。
動きの参考として様々なサイトを見漁ることになります。

透過や色の反転だけでも良いかもしれませんが、やはりデザイナーとしてはこだわりたいところ。

という事で、なるべく最近ローンチされたであろうサイトの中から、参考になりそうなボタンを50個くらい集めてみました！

ホバーの動きがわかるようにGIF動画付き！

https://rakuwa-otowa.jp/

https://cellinteractive.jp/

https://marui-unite.co.jp/

https://www.hit-ad.co.jp/index.html

https://www.kokushikan.ac.jp/

https://www.nono-medtown.com/

https://www.miruto.shop/

https://partz.fun/

https://recruit.nstock.co.jp/

https://www.decencia.co.jp/company/

https://cicata.jp/

https://www.dreamstz.com/

https://classia.biz/

https://jobs.nealle.com/

https://mi-6.co.jp/

https://betchu-kagu.co.jp/

https://kaho-enterprise.co.jp/

https://shimanami-brewery.com/

https://www.pias-recruit.jp/ats/

https://monf.jp/

https://boku-to-watashi-and.com/

https://www.kichinan.co.jp/

https://r-media.co.jp/

https://partners-re.co.jp/

https://www.lakeside-ac.com/

https://www.jr-takashimaya.co.jp/new_grad/

https://neoai.jp/

https://delta-tokyo.co.jp/

https://www.toei.co.jp/index.html

https://recruit.leverages.jp/recruit/graduates/

https://hakubaku-zatsu.jp/

https://www.jti.co.jp/

https://www.glory-shoei.ac.jp/

https://komeinc.com/

https://jp.ub-speeda.com/

https://www.dnp-innovationport.com/

https://h-sunad.co.jp/

https://www.tsubudateru.com/

https://www.horiba.com/our-future/ja/

https://www.yachiyo-egg.com/

https://www.4cs-recruit.jp/

https://marunouchi-innovation.com/

https://store-palette.com/

https://corp.tential.jp/

https://www.kanex-tool.co.jp/

https://betchu-kagu.co.jp/

https://www.saginomiya.co.jp/

https://n-works.link/recruit/

https://humanmade.co.jp/

https://castme.jp/

https://trust.kotaeru.co.jp/

https://showa-kogyo.com/

https://willstyle-u.jp/

https://www.tomioka-silk.jp/

https://saiyo.okamura.co.jp/graduate/