モーションデザインクラフト
優れた動きは目立たない。注意を誘導し、邪魔にならない。
持続時間（30fps時）
| モーション | フレーム数 | 秒数 |
|---|---|---|
| マイクロフィードバック（ボタン押下、ハイライト） | 4 ～ 8 | 0.15 ～ 0.25 |
| 要素の登場または退場 | 10 ～ 18 | 0.35 ～ 0.6 |
| シーントランジション | 12 ～ 20 | 0.4 ～ 0.7 |
| 画面を横切る大きな移動 | 20 ～ 30 | 0.7 ～ 1.0 |
| リストアイテム間のスタガリング | 3 ～ 6 | 0.1 ～ 0.2 |
退場は登場よりも速く（登場時間の約70％）。1秒を超えると、意図的な演出でない限り、もっさりした印象になる。
イージング
オブジェクトの動作に応じてイージングを選ぶ：
- 画面に入るとき：イーズアウト（高速スタート、ソフトランディング）
- 画面から出るとき：イーズイン（低速スタート、加速して離脱）
- 画面上の位置間を移動するとき：イーズインアウト
- 連続的（ループ、プログレスバー）な動き：リニア
UIのような動きにリニアをそのまま使うべからず。ロボット的に見える。
スプリング
自然な収まりを得るには、クリティカルダンピングまたはややアンダーダンプのスプリングを使用する。Remotionの場合、damping: 200は跳ね返りのないスムーズな動き。dampingを低く（10〜20）するとオーバーシュート（行き過ぎ）が加わり、遊び心のあるコンテンツにのみ適している。オーバーシュートは10％程度に抑えること。
テキストの読み取り時間
秒数 = max(1.5, 単語数 * 0.35 + 0.5)
6単語のタイトルは約2.6秒必要。ナレーションがテキストを読み上げる場合は、音声が始まる少し前にテキストを表示する。
リズム
- ビート（例：0.5秒または音楽の1小節）を選び、カットや登場タイミングをその倍数に合わせる。ずれた動きは、視聴者が理由を説明できなくとも、だらしない印象を与える。
- シーンの長さを変える。同じ長さが続くと機械的に見える。
- 動作中にカットする：前のシーンの動きがまだ続いているうちに次のショットを始める。
階層
- 一度に一つのフォーカル要素。主題でないものは暗くするかぼかす。
- 1080pでは本文テキスト36px以上、タイトルは72px以上。電話の視聴者はさらに大きなフォントが必要。
- テキストと背景のコントラスト比は少なくとも4.5:1。ビデオの上にスクリム（半透明の覆い）またはアウトラインを追加する。
- マージン：コンテンツは中央90％（セーフエリア）に収める。縦型ビデオの場合は80％。
理由のあるトランジション
トランジションは、何かを伝える場合にのみ使う：時間の経過を示すワイプ、次のステップを示すプッシュ、話題の穏やかな変化を示すクロスフェード。それ以外はストレートカットを使う。1つの動画で3種類以上のトランジションスタイルを混ぜてはいけない。
動画を生成されたように見せるもの
これらのデフォルト設定は、意図的に選んだのでなければ避けること：
- 全ての要素が同じ時間をかけて透明度0からフェードインする。
- 中央揃えのテキストに暗いグラデーションと浮遊するブロブ（水滴状の図形）。
- すべてのブランドに紫と青のグラデーションを使う。
- 全ての要素がスプリングで跳ねる。
- 全てのシーンが同じ長さで、同じトランジションを使う。
- フリーの絵文字をアイコンとして使う。
- 話されるずっと前に、テキストが一度にすべて表示される。
修正方法：ブランドパレットと実際のアセットを使用し、役割に応じて動きを変え、意味のあるスタガリングを行い、一部のシーンは単にカットする。
レビューチェックリスト
- 任意のフレームで一時停止して、明確な主題が見えるか？
- 理由もなく動いているものはないか？
- テキストはスマートフォンサイズでも読めるか？
- 最後の2秒間は、行動喚起（CTA）を読むのに十分な長さ静止しているか？