動画のデザインとビジュアル
すべてのルールは過去の動画の教訓に基づいています。出典は角括弧内に示します（凡例は最下部）。 出典間で見解が異なる場合は、両方のアドバイスを記載し、各々が適用されるケースを注記します。
簡易ルール
- フレームの最終状態では、線がブロック、テキスト、または別の線を通過してはいけません。[ビジュアル] コネクタ線は直線で、ブロックを迂回します。[ビデオ]
- すべての用語に応用例（参加者、アクション、数字を含むシーン）を付けます。1スライドにつき1アイデア。[ビジュアル]
- スライドの表示時間は割り当てずに計測します。テキストを計測する前に動画の長さを決めてはいけません。[ビジュアル] 保持基準は出典によって異なります。詳細は
pacing-and-transitions.mdを参照。 - 動画全体で1つのトランジションを使用し、デフォルトはディゾルブとします。接合部でのスケーリングは禁止。[ビデオ] [ビジュアル] [ポップサイエンス]
- 隣接するフレームの共通要素は同じ座標・同じサイズに配置します。次のショットは直前のフレームの最終状態から始めます。[ビジュアル]
- キャプションは振動せず、読み終わる前に消えてはいけません。[ビデオ]
- フレーム内の図表は、チームが検証したもののみとし、実際に検証された内容に沿った表現にします。[ビジュアル]
- 画面内のテキストとナレーターのテキストは同一のソースから取得します。[ビデオ]
- 最初にスタティックフレーム「前 → アクション → 後」を作成し、それらを独立してチェックした後、同じフレームから動画を作成します。[ビジュアル]
- 録画の代わりにインターフェースのモックアップを描画してはいけません。[ビデオ] ただし、様式化された科学啓発動画ではインターフェースを各フレームで描き直しました。[ポップサイエンス] 両方のケースは
video-ui-captureスキルにあります。 - 科学啓発スタイル: 抑制の効いたパレット、時代感のあるディテール、ブレのないカメラ、フリッカーやスクラッチなし。[ポップサイエンス]
詳細
lines-and-layout.md— ダイアグラム上の線、タイトル、図表、キャプション、交差のチェック方法。explanations.md— 用語 + 応用例、数値、翻訳。pacing-and-transitions.md— スライドの保持時間、トランジション、接合部でのジャンプの原因、カメラ。retro-style.md— 科学啓発やフィルムストリップ風のフラットな絵、フィルム効果。process.md— 作業手順と納品前のフレームチェック。
出典
- [音声] — プロモ動画やプレゼンテーションの音声・ナレーションに関する過去の教訓。
- [ビデオ] — 動画に関する過去の教訓：インターフェース録画、ペース、トランジション。
- [ビジュアル] — スケマティックフレーム（HTMLフレーム → フレームごとのレンダリング）で構成されたプロモ動画のビジュアルに関する過去の教訓。
- [3D] — ブラウザ内での3D一人称視点動画の教訓（three.js → フレームごとのレンダリング）。
- [ポップサイエンス] — ソ連の科学啓発映画および1970年代初頭のフィルムストリップ風動画の教訓。