見出し画像

webデザイン所感 動き系

動きが特徴的なサイトでまとめました

https://chackathon.com/
opから目を奪われる素晴らしいアニメーションが印象的、そのまま畳になるのが素晴らしい
その後縦書きが落ちてくるようなアニメーションとそれに並ぶあしらいが動きを感じられてまた素晴らしい
背景色が独特だがそれに合わせて赤とセクションタイトルに青を使用するセンスの良さ
さらに続くライトグリーンもお茶を感じさせると同時にそれまでの重さから開放された印象を感じれる
アクセントで入ってる金色が実はfvの時点で枠として入っていて自然に受け入れられる
組み合わせの妙が素晴らしいサイト

別々のスライドで8が揃う、面白く気持ちの良い演出でありながら8が揃うことに考えれる素晴らしいデザイン
青を基調にしてるのもクールな印象を感じれて良き
ページスクロールの際の紙を入れ替えるような動きが非常に印象的、稀に見るがライブラリでもあるんだろうか
vueとかnuxtを使用してるっぽいがどうやって実装しているか謎

opからアニメーションが愉快でハワイアンな印象を感じさせる、Poppins?のフォントにもハワイアンな要素を感じるかもしれない
恐らく全般的にwebGLを使っている気がする、3d表現は素晴らしいが右クリックできないのはつらみがある
タイトルロゴから踏襲している斜めのデザインがいたるところにあり、とても元気またはかっこいい感じの印象を感じる
セクションタイトルのフォントはLobster?同じく元気で可愛らしく良き

真ん中のボックスをドラッグしたらページ変わったようになる面白い構成のサイト
商品画像のサムネにパララックスが絶妙に施されていて気持ちいい
ボックスを操作するUIはまずみたことがなく面白い発想だと思ったが、
透明なためわかりにくいのと若干操作が重めなのが少し気になった
スクロールの際のスムーズなアニメーションも綺麗で良き
何故かダークモードならぬブルーモードがある

背景の薄い文字が非常にかっこいい、地味にスライドしてて良き
スクロールで円形に切り取って画面遷移する演出がとてもかっこよく特徴的
残された斜めの線がmenuなどにも使われていて印象に残る
この線が詳細ページに遷移する時に縦になって、ナビゲーションバーのようになるのが本当に素晴らしいと思った

比較
動きが特徴的なサイトで探したつもりだったが、何故かデザインも秀逸なサイトが多かった
動きとデザインが上手く調和されているデザインはとても気持ちがいい
3d表現はインパクトもあるし綺麗だがやはり重いのは少し気になってしまうところ

opの動きとデザインが特徴的でよかった茶ッカソンさんのサイトをサムネにさせていただきました


この記事が気に入ったらサポートをしてみませんか?