スケルトンアニメーション
Skeleton Animation
別名: シマーエフェクト / Shimmer Effect
ライブデモ
説明
一言で説明
スケルトンスクリーン内で、左から右へ光が流れるような動き。データが「読み込み中」であることを動的に伝える。
いつ使う?
スケルトンスクリーンを使用する際。静止画よりも『動いている(準備中である)』ことが明確に伝わる。
💡 日常の言い方
「読み込み中のグレーの枠が、テカテカ光って流れてる動き」
似ている用語との違い
スケルトンアニメーション vs スケルトンスクリーン
スケルトンスクリーンは『骨組みの状態』。スケルトンアニメーションはそこにかける『動き』のこと。
AIへの指示例
プレースホルダーのカードに、1.5秒周期で左から右へ流れるシマーアニメーションを追加して。背景色より少し明るい色を走らせて。