particles演習

https://st891766.static.jp/Particles

学習ポイント
Particles.jsを活用したWebサイト制作を通して、背景に動きのあるアニメーションを実装する方法を学びました。
静的なWebサイトに動きを加えることで、ユーザーの印象に残るデザイン表現ができることを学習しました。

工夫した点
Particlesの動きが強すぎると文字が見づらくなるため、粒子の数や動くスピードを調整し、デザインとのバランスを意識しました。
また、背景演出として自然に見えるよう、サイト全体の配色やレイアウトも工夫しました。

Particles実装の工夫
Particles.jsの設定を調整し、粒子のサイズ・量・動き方を変更しました。
ただ動きを入れるだけではなく、コンテンツの邪魔にならないよう視認性も意識して実装しました。

コメント
この制作を通して、プラグインを活用することで短時間でも印象的なWeb表現ができることを学びました。
一方で、動きが多すぎると見づらさにつながるため、「演出」と「使いやすさ」のバランスが大切だと実感しました。今後はJavaScriptを活用したより自然なアニメーション表現にも挑戦したいです。