このページの中だけを絞ります。ページは移りません。
モーションの混同されやすい語
モーションで境界が曖昧になりやすい語の対。全 61 組・21 語。
| この語 | と混同されやすい語 | 違い |
|---|---|---|
| Animation（アニメーション） | Transition（トランジション） | トランジションは状態変化がきっかけ |
| Keyframe（キーフレーム） | キーフレームは中間の指定点 | |
| GIF / 動画 | 事前に生成された映像 | |
| Choreography（コレオグラフィ） | Stagger（スタッガー） | スタッガーは同種要素の時間差 |
| Motion Design（モーションデザイン） | モーションデザインは動きの設計全般 | |
| Transition（トランジション） | トランジションは個々の動き | |
| Compositor Property（コンポジタプロパティ） | will-change | 最適化の準備を促すプロパティ |
| GPU アクセラレーション | 処理を GPU に委ねること | |
| Jank（ジャンク） | ジャンクは処理が間に合わない現象 | |
| Cubic Bezier（キュービックベジェ） | Easing（イージング） | イージングは概念 |
steps() | 段階的に飛ぶイージング | |
| Spring Animation（スプリングアニメーション） | ばねの物理計算 | |
| Duration（デュレーション） | ディレイ | 開始までの待ち時間 |
| Stagger（スタッガー） | 複数要素の開始をずらす間隔 | |
| Easing（イージング） | 速度の変化の仕方 | |
| Easing（イージング） | Duration（デュレーション） | デュレーションは時間の長さ |
| Cubic Bezier（キュービックベジェ） | 曲線を数値で指定する方法 | |
| Spring Animation（スプリングアニメーション） | ばねの物理計算による動き | |
| Enter / Exit Animation（出入りのアニメーション） | Transition（トランジション） | トランジションは実装手段 |
| Choreography（コレオグラフィ） | コレオグラフィは複数要素の構成 | |
| Frame Rate（フレームレート） | Jank（ジャンク） | ジャンクはフレームが飛んだ結果の体感 |
| リフレッシュレート | 画面側の更新頻度 | |
| INP | 操作への応答時間 | |
| Interpolation（補間） | Keyframe（キーフレーム） | キーフレームは指定する点 |
| Easing（イージング） | イージングは補間の速度配分 | |
| 外挿（extrapolation） | 範囲外の値を推定する | |
| Jank（ジャンク） | Frame Rate（フレームレート） | フレームレートは数値 |
| 遅延（latency） | 操作から反応までの時間 | |
| INP | 操作への応答時間の指標 | |
| Keyframe（キーフレーム） | Interpolation（補間） | 補間はキーフレーム間を埋める計算 |
| Transition（トランジション） | トランジションは始点と終点だけ | |
| フレーム | 描画の1コマ | |
| Kinetic Typography（キネティックタイポグラフィ） | Typography（タイポグラフィ） | タイポグラフィは静的な組み |
| レタリングアニメーション | 文字を描く過程を見せる | |
| Scrollytelling（スクロールテリング） | 内容の展開を扱う | |
| Micro-interaction（マイクロインタラクション） | Motion Design（モーションデザイン） | モーションデザインは動きの設計全般 |
| Animation（アニメーション） | アニメーションは動きそのもの | |
| Choreography（コレオグラフィ） | コレオグラフィは複数の動きの構成 | |
| Motion Design（モーションデザイン） | Animation（アニメーション） | アニメーションは動きそのもの |
| Micro-interaction（マイクロインタラクション） | 個々の操作への反応 | |
| モーショングラフィックス | 映像表現の分野 | |
| Motion Token（モーショントークン） | Design Token（デザイントークン） | 上位概念 |
| Duration（デュレーション） | デュレーションは時間そのもの | |
| Parallax（パララックス） | Scrollytelling（スクロールテリング） | スクロールで物語を進める構成 |
| Scroll-Driven Animation（スクロール駆動アニメーション） | スクロール量で動きを制御する仕組み | |
| 固定背景 | background-attachment: fixed | |
| Scroll-Driven Animation（スクロール駆動アニメーション） | Intersection Observer | 要素の交差を検出する JavaScript の仕組み |
| スクロールイベント | 従来の実装方法 | |
| Scrollytelling（スクロールテリング） | 構成の名前 | |
| Scrollytelling（スクロールテリング） | Parallax（パララックス） | 視差は奥行きの表現 |
| Scroll-Driven Animation（スクロール駆動アニメーション） | 実装の仕組み | |
| 動画 | 再生速度が固定 | |
| Spring Animation（スプリングアニメーション） | Cubic Bezier（キュービックベジェ） | ベジェは時間で定義する |
| バウンスのイージング | 弾む動きを曲線で近似したもの | |
| Duration（デュレーション） | ばねでは時間を直接指定しない | |
| Stagger（スタッガー） | Choreography（コレオグラフィ） | コレオグラフィは画面全体の動きの設計 |
| Common Fate（共通運命） | 共通運命は同時に動くと群化する法則 | |
| ディレイ | 単純な開始の遅延 | |
| Transition（トランジション） | Animation（アニメーション） | アニメーションは状態変化を必要としない |
| ページ遷移 | 別ページへの移動 | |
| State Transition（状態遷移） | 状態遷移は状態の変化そのもの |