見出し画像

bookmarks 2019.10.15

またまた久しぶりになってしまいました。。しっかりトレンドは追っていかないといけないですね。久々なので数が多いです。

有機的な動きが気持ちいい。

WebGLの使い方はやはりActive Theoryが一線を画している、、

3Dのメタボール、ポリゴンでやってるぽいな〜
というのが気になっただけ。

トップのトランジションエフェクトが今までにない感じがしていい。

シンプルな色使いと、タイポグラフィがよい。
KVのアイディアもおもしろい。
ただ、トランジション時にローディングインジケータがあったほうがいいなぁ。

フォントと色使い、そしてローディングのイラストがかわいい。

リボンの質感、ダイナミックカメラワークがかっこいい。

曲線の使い方が印象的。

WebGLのビジュアルエフェクトも印象的だけど
テキストやスクロールの方向が変わったり
スクロールするとBGMの音量が下がったりと、芸が細かい。

最近よくあるうにょうにょ表現だけど
その中でもクオリティの高いうにょうにょ。
スクロールと連動して左右対称に波打つのが気持ちいい。
スマホ版は割り切ってエフェクト無し。

モーショングラフィックスのような軽快な動きと
大胆な色使い。ブレンドモードも使用。

フォントのプロモーション(?)サイト
スクロールしていくとエフェクトが切り替わり
映像作品を見ているよう。

カードが無限スクロール。
動きの気持ちよさが素晴らしい。

波打つ万華鏡のような3Dオブジェクトを
トップ→Worksでうまく使って見せている。

紙の質感やフォント選び、イラストなどがとても暖かさを感じさせる。
そして封筒のトランジションエフェクト。
なんて完成度。

Awwwards Digital Thinkers Conference Tokyo 2020のサイト。
こういうビジュアルを作れるのは本当にすごい、、

ティーザー映像と連動して背景が変わるなど、
WebGLを使用した細かい作り込みがすごい。

・・・

最近は大胆なタイポグラフィを取り入れたサイトが多い気がするな〜
ただ、海外の事例を見ていると、けっこう雰囲気の似てるサイトが多いので
なにかひとつでも他と差別化できるものがあれば良いなと思います。



この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

サポートいただければ、レッドブルを飲んでより頑張れると思います。翼を授けてください。

少しでもあなたのお役に立てて嬉しいです。
6

Takumi Hasegawa (unshift)

東京でフリーランスのdeveloperをやっています。 ポートフォリオがリニューアルしました → https://unshift.jp/ | Facebook Pageはこちら → https://fb.com/unshift.jp/

bookmarks by unshift

気になるサイトのブックマーク集です。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。