グラデーションのある出現アニメーション PRODUCTS STORE

https://products-store.jp/

陶芸作品を販売するサイトです

マネしたいポイント

白を基調としたシンプルでミニマルな雰囲気のサイトです。多数の作品写真が使われていますが、白いグラデーションがかかりながら、下から上に出現するアニメーション表現が気持ち良いです。写真全体がふわっと現れる表現はありますが、グラデーションがあると柔らかいアニメーションになります。写真だけでなく、ページ遷移などにも使われているので全体てきに柔らかな印象のサイトでした。

応用できそうな場面

クロップや変形のあるアニメーションに、境界部分をグラデーションにすると柔らかな効果になるでしょう。横から出現するアニメーションなどでもこのグラデーションの手法は使えると思います。手作りといったキーワードと相性が良さそうです。

懸念点

パキッとメリハリのついたアニメーションにしたい場合には向かないでしょう。グラデーションの長さとアニメーションの継続時間の関係性によって印象が変わってくるので良く吟味する必要がありそうです。

  • Twitter Share
  • Facebook Share
  • Line Share