🫶

スクロールが素敵なWebデザイン集

2023/04/11に公開

スクロールアニメーションこそWebの醍醐味!と思います。
UX界では必要なアニメーションだけつけるのがヨシとされているけれど、
触ってワクワクするのは「いらなくね?」なアニメーションがあるからだったり。
遊び心も忘れたくないですね2023年春。

💘 3DCG空間

3D空間がスクロールで進んでいく。
Webディベロッパーさんのサイト。
https://mbilalkhan.com/

💘 BOXがぐるん

にゅるんと画面が箱っぽく動く。
マウスカーソルとスクロールバーのカスタムもいい!
https://nonymous.com/
Image from Gyazo

💘 BOXがススス

奥行きがある表現。
中国のアートブックフェアのサイト。
http://artbookinchina.com/en/
Image from Gyazo

💘 写真がバラバラ表示+文字が斜めに動く

この写真の出方はあまり見ない表現でおもしろい。
https://mfaphoto.yaleschoolofart.org/
Image from Gyazo

同じサイトのページ下部。
テキストも動きがあるだけで新鮮な表現になる。
Image from Gyazo

💘 スクロール中だけ何かが表示される

https://dad.agency/
Image from Gyazo

💘 スクロールの速さに応じて変化

自分も高速で移動している感覚になる👀
https://throughthewindow.online/
Image from Gyazo

💘 スクロールでズームインしていく

https://www.chordal.com/
Image from Gyazo

💘 上下のドット的なものが動く

https://monokai.nl/
Image from Gyazo

💘 数字が近づいては離れてゆく

https://973magazine.co.uk/
Image from Gyazo

💘 背景のCDがクルクル回る

CDだしコンセプト的にもいい〜くやしい
https://tdingsun.github.io/lp20x20/index
Image from Gyazo

🎶 今日のBGM

https://www.youtube.com/watch?v=te5SP_CKQ3k

Discussion