最近、ちょっとした空き時間にWebデザインの参考を探すことが多くなりました。
SNSや動画の情報も便利ですが、実際に動くデザインを見ると、
「こういう表現もあるんだ」と新しい発見があって面白いですね。
特に、CodePenにはクリエイターの工夫が詰まったサンプルが多く、
眺めているだけでも刺激になります。
今日は、その中でも印象に残ったものをいくつかメモとして紹介しておきます。
気になったCodePenデザインたち
まずこちらの作品は、アニメーションの動きがとても滑らかで、
シンプルなのに視線を引きつける構成になっています。
👉 https://codepen.io/sqttipsn-the-vuer/full/EaPJBNE
シンプルなUIなのに細かい表現が丁寧で、
見ていて心地よい仕上がりでした。
次にこちらは、配色と動きの組み合わせがセンス良く、
Web演出の参考になりそうだと思いました。
👉 https://codepen.io/sqttipsn-the-vuer/full/PwZgrxN
色の変化が自然で、視覚的に柔らかく感じられるところが良いですね。
そして最後はこちら。
アニメーションのテンポが気持ちよく、
遊び心がありながらも実用的な部分も感じられました。
👉 https://codepen.io/sqttipsn-the-vuer/full/KwVYOMR
ちょっとした表現でも、見せ方次第で印象が大きく変わるということを改めて実感しました。
日常の中の小さな刺激が創造性につながる
普段は忙しくても、こういう作品を少し見るだけで気持ちが切り替わることがあります。
ちょっとしたアイデアの種にもなるし、発想の幅を広げてくれる気がします。
新しいデザインや動きに触れると、
「次はこういう表現を試してみたいな」と思えてくるのが不思議ですね。
また面白いものを見つけたら、自分用の記録も兼ねてここで共有していきます。