ブラーとブライトネスのアニメーション レタースペーシング

https://letter-spacing.mimiguri.co.jp/

デザインに関する書籍の特設サイトです

マネしたいポイント

ページ表示時にメインビジュアルがじんわりと表示されますが、その表現が興味深ったです。縮小、フェートインのほか、ブラー(ぼけ)とブライトネス(明度)のアニメーションを組み合わせて、このじんわりと表示する表現をつくっています。

応用できそうな場面

いろいろな場面で活用できそうな表現です。単純なフェードインより印象を強められるでしょう。サムネイルのような小さい画像よりかはメインビジュアルのような大きな画像の方が適していると思います。

懸念点

アニメーション時間が比較的長めになりがちなので、シュッとした雰囲気のサイトなどでは少し間延びしがちかもしれません。

  • Twitter Share
  • Facebook Share
  • Line Share