デモ動画
1つの守るべきメッセージを、視聴コンテキストに適した視覚的なシーケンスに変換し、リポジトリのRemotionセットアップを使用して実装します。ストーリー、エビデンス、理解度が映像表現方法を決定し、トランジションはそれに従います。
利用可能なエビデンスからブリーフを確立する
質問をする前に、製品、既存のメディア、ブランドアセット、UI、ドキュメント、およびRemotion設定を検査します。以下を確立します。
- ターゲット視聴者と、視聴前の知識レベル;
- 配信先、アスペクト比、音声あり/なしのコンテキスト、および時間範囲;
- 1つの主要な主張または学習成果;
- それを証明できる製品アクション、結果、データ、またはデモンストレーション;
- コールトゥアクションまたは最終的な含意;
- 利用可能な映像、UI状態、ナレーション、音楽、フォント、ブランドの制約;
- 締め切り、レンダリング環境、および必要な成果物。
主張、エビデンス、制作範囲、またはアセットの使用権を変更する不足情報のみを質問します。クリエイティブディレクションが未定の場合は、ユーザーにシーンを考えさせるのではなく、映像表現方法とストーリーボードを提案します。
フォーマットを選択する
- プロダクトウォークスルー — 判読可能なUIと最小限の編集的割り込みで、時系列に沿ったタスク完了を表示します。
- ローンチまたはソーシャルクリップ — 圧縮されたプロポジション、製品エビデンス、ペイオフ、アクション。配信先が一般的に音声なしで自動再生される場合は、ミュートでも機能する必要があります。
- 技術解説 — メカニズム、観察、解釈、限界、含意。スクリプトを作成する前に解説記事の書き方を読んでください。
- 機能デモ — 1つの機能、開始状態、アクション、可視結果、および境界。
- ナレーション付きチュートリアル — 前提条件、カーソルの意図、キャプション、復旧、再現可能な結果を伴う、ペースの調整された指示。
すべてのフォーマットを1つのビデオに組み合わせないでください。複数の出力が要求された場合は、マスターナラティブを定義し、各カットでどのビートが生き残るかを決定します。
エビデンス主導のトリートメントを書く
コードの前に、以下を作成します。
視聴者:
配信先とフォーマット:
主要な主張:
可視エビデンス:
終了時までに理解すべきこと:
ナレーション/キャプションアプローチ:
トリートメント:
ビートリストとおおよそのタイミング:
必要なアセットまたはキャプチャ:
リスクまたは不明点:
各ビートは、視聴者の知識、視覚、または実行可能な内容を変える必要があります。重要なナレーションの各行には、可視エビデンスまたは必要なコンテキストをペアにします。ボイスオーバーを単に繰り返すだけの装飾的なシーンは避けてください。
実際の製品状態と真実のデータを使用します。代表的なフィクスチャデータにはラベルを付け、それを顧客エビデンスとして提示しないでください。
時間と音声コンテキストに合わせてスクリプトを作成する
ナレーションと画面上のテキストを一緒にドラフトします。意図した配信ペースでスクリプトを声に出して読むことで時間を見積もり、その後、単なる単語数に頼るのではなく、録音または生成された音声に対して検証します。
- 重要な画面上のテキストは、解析するのに十分な長さ表示します。
- 成果物にアクセシビリティまたはミュート状態での理解が必要な場合は、音声コンテンツにキャプションを付けます。
- キャプションを製品UIまたはプラットフォームのオーバーレイと競合させないでください。
- 専門用語は、メカニズムを説明した後に述べ、その後は一貫して使用します。
- 主張は、可視デモンストレーションが確立する範囲内に留めます。
ボイスオーバー、音楽、効果音、キャプション生成、ラウドネス関連の作業については、メディアを追加する前に音声とキャプションを読んでください。
フォーマットを意図的に計画する
1つの変更されていないコンポジションをすべてのアスペクト比にレンダリングしないでください。要求された各フォーマットについて、セーフエリア、テキスト幅、クロップ動作、製品UIのスケール、および再構成または省略が必要なビートを定義します。
必要な場合はコンポーネントとタイムラインデータを共有しますが、フォーマット固有のコンポジションを許可します。ユーザーが必要とする成果物のみを登録します。
既存のRemotionプロジェクトに実装する
インストールされているバージョン、モジュール形式、プロジェクトエントリポイント、設定、スクリプト、既存のプリミティブを検査します。それらのAPIと規則を使用します。新しいスタンドアロンプロジェクトの場合は、このスキルから固定バージョンをコピーするのではなく、互換性のある現在のバージョンを選択します。
プロジェクトサイズが恩恵を受ける場合は、関心を分離します。
- コンポジション登録と入力プロパティ;
- ナラティブ/タイムラインデータ;
- シーンまたはショット;
- 共有視覚プリミティブ;
- メディアとフォントの読み込み;
- キャプションとオーディオミックス;
- テストまたはフレームアサーション。
シーンのアニメーションがシーン相対的な場合は、ローカルタイムライン時間をシーンに渡します。意図的に連続的な動作の場合にのみグローバル時間を使用します。値が意図した範囲外に移動できる場合にのみ補間をクランプし、バインドされた入力に儀式的なオプションを追加しないでください。
トリートメントに再利用可能なシーンライフサイクル、テキスト表示、トランジション、またはタイピングパターンが必要な場合にのみ、Remotionプリミティブを読んでください。選択したビジュアル言語にプリミティブを適合させてください。必須のものはありません。
アニメーションパラメータ、レスポンシブサイジング、フォント読み込み、レンダリングコマンドを選択する際は、実装チートシートを読んでください。インストールされているRemotionバージョンに対してAPIを確認してください。
意味からモーションをデザインする
ビート間の関係に基づいて、カット、ディゾルブ、空間的連続性、表示、ズーム、ポーズを選択します。シグネチャレシピとしてスプリング、スタッガー、グレイン、グロー、ターミナルシミュレーション、バウンスボタン、アニメーショングラデーションを適用しないでください。
アニメーションはフレームシークの下で決定論的でなければなりません。ビデオがインタラクティブまたはWeb体験として埋め込まれている場合は、モーション削減をサポートします。最終的な配信サイズで消えてしまう細かいディテールをアニメーション化しないでください。
製品キャプチャを処理する
ライブ製品を表示する場合：
- 必要な正確な状態とデータを定義します;
- 秘密情報と個人情報を削除します;
- ビューポート、カーソル、ズーム、アニメーション設定を制御します;
- 十分な解像度でキャプチャします;
- アクションと結果が信頼できるものになるように、UIの時系列を維持します;
- モックまたはフィクスチャがライブ状態の代わりとなる場合、制限事項を記録します。
出力契約
要求された組み合わせを納品します。
- トリートメントとタイミング付きビートシート;
- ナレーションと画面上のスクリプト;
- 出典を含むアセット/キャプチャマニフェスト;
- RemotionソースとコンポジションID;
- キャプションファイルまたは埋め込みキャプション;
- フォーマットごとに名前が付けられたレンダリングファイル;
- 代表的な静止画またはレビューフレーム;
- 技術的および編集的なチェックを含む検証レポート。
どのフォーマットがタイムラインを共有し、どのフォーマットが独立して構成されたかを明記します。
検証
技術的
- リポジトリポリシーに従って依存関係をインストールまたは再利用します。
- 型チェック、ビルド、関連テストを実行します。
- コンポジションをリストし、要求されたすべての成果物をレンダリングします。
- シーンの境界付近の代表的なフレームをシークし、決定論的な出力を確認します。
- メディア欠落、フォント読み込み、長文テキスト、フォーマット固有のブランチをチェックします。
- 出力解像度、フレームレート、期間、コーデック、ファイルサイズが納品契約と一致することを確認します。
編集とビジュアル
- 各最終レンダリングを最初から最後まで通常速度で視聴します。
- 冒頭が関連性を確立し、エビデンスが可視であり、結末が述べられた主張を解決していることを確認します。
- 実際のフィードまたはプレーヤーサイズで、ミュート状態および該当する場合は音声ありでレビューします。
- テキストの表示時間、キャプションの同期、セーフエリア、プラットフォームのオーバーレイ、UIの判読性、視覚的連続性をチェックします。
- ナレーションがエビデンスを追い越したり、利用できない製品動作を主張したりしないことを確認します。
音声とアクセシビリティ
- ヘッドフォンと通常のスピーカーで聴取します。ピーク、クリッピング、急な編集、了解度、一貫したラウドネスをチェックします。
- 最終音声に対してキャプションを検証します。名前や専門用語を含みます。
- 必要な場合、ミュート再生でも重要な意味が伝わることを確認します。
実際に実行された各チェックと、利用できないアセット、サービス、コーデック、またはデプロイコンテキストによって引き起こされた制限事項を報告します。