動くイラスト コンビ LakuMug

https://www.combi.co.jp/products/lakumug_sp/

赤ちゃん用マグの商品紹介ページです。

マネしたいポイント

子供向けの可愛らしいイラストとカラフルな色合いのサイトですが、SVGで描かれたイラストがアニメーションしてるので目にも面白いです。雲形の吹き出しも雰囲気にあっています。


応用できそうな場面

イラストをアニメーションさせることで雰囲気をより醸成させることができます。このサイトでは星が瞬いていたり、花が大きさを変えていたり、動きも可愛らしいものなっています。

懸念点

SVG+アニメーションなのでやや描画負荷が高くなります。あまり多くの要素を動かしたりすると、コマ落ちや重さが生じてしまうかもしれません。

  • Twitter Share
  • Facebook Share
  • Line Share