• 装飾
  • スクロールダウン

#decoration 003

円が下に流れる

参考サイトURL
動きの解説

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