- 装飾
- スクロールダウン
#decoration 003
円が下に流れる
- 参考サイトURL
- 動きの解説
-
線の上を小さな円(ドット)が転がるように移動する動きは、重力や物理法則を感じさせ、静的な画面に「重み」というリアリティを与えます。単なる線よりも有機的で、丁寧な印象をユーザーに与えたい場合に適しています。円の移動速度にイージング(緩急)をつけることが重要です。動き出しはゆっくり、下に行くほど速くすることで落下感を表現でき、ユーザーの視線もそのスピードに乗って自然と次のセクションへ移動します。