フレーミングと構図：デザインされたように見える画面録画の作り方

同じアプリ、同じ台本でまったく同じ作業を2人が録画しても、一方はサポート問い合わせの添付ファイルのように見え、もう一方は製品発表の映像のように見えます。その差は内容ではなく、たいていフレーミングにあります。

フレーミングとは、キャプチャした画面を取り巻くすべての要素のことです。どれだけ余白があるか、縁をどう処理しているか、背景に何があるか、そして重要なピクセルがどこに置かれるか。Recorded はこれらの調整をエディターで提供しており、数分の手間で動画の完成度が変わります。

フレーミングが重要な理由

加工していない画面キャプチャは、端から端までピクセルで埋め尽くされています。技術的には完全ですが、視覚的には疲れます。視線を休める場所がなく、どこに注目すべきかを示す手がかりもありません。フレーミングは3つの問題を同時に解決します。

• 優先順位：余白が視聴者に見るべき場所を伝えます
• 文脈：フレームが「アプリ」と「アプリを紹介する動画」を区別します
• 一貫性：シリーズ全体で同じフレーミングを使うと、ひとまとまりに見えます

適切なキャプチャ範囲から始める

構図は録画ボタンを押す前から始まっています。4Kモニター全体をキャプチャして後から縮小すると、インターフェースがスマートフォンでは読めないほど小さくなります。

代わりに、対象に近づいてキャプチャしましょう。アプリ1つならウィンドウモード、特定の範囲ならエリアモードを使います。キャプチャ範囲を絞るほど、可読性を保ったままフレーミングに使える余地が生まれます。最終的にSNSへ投稿するとわかっているなら、編集で救おうとせず、録画の段階から縦型や正方形を想定しておきましょう。

余白で呼吸するスペースをつくる

パディングは録画映像をキャンバスの端から内側へ押し込み、周囲の背景を見せます。フレーミング調整のなかで最も効果の大きい項目です。

出発点としては、動画の幅の4〜8%程度が目安です。それより少ないと事故のように見え、多すぎると大きなポスターの中央に貼られた切手のようになります。2つの失敗パターンに注意してください。

• 余白が少なすぎる場合：影が切れ、窮屈な印象になります
• 余白が多すぎる場合：小さな画面でアプリ内の文字が読みづらくなります

視聴者が実際に見るサイズでプレビューしましょう。27インチのディスプレイでゆったり見えるレイアウトが、スマートフォンでは判読できないこともあります。

縁を整える：角丸と影

角を丸くして柔らかい影を付けると、録画映像は背景に貼り付けられた四角ではなく、その上に浮かぶ独立した物体として認識されます。

どちらも控えめに保ちましょう。一般的なウィンドウ自体の丸みと同程度なら自然で、それより大きいと角付近のインターフェース要素を侵食し始めます。影は濃くて狭いものより、大きく柔らかく不透明度の低いものを選びます。硬い影はステッカーのように見えますが、拡散した影は奥行きとして読み取られます。

コンテンツを引き立てる背景を選ぶ

背景は録画映像を際立たせるためにあり、競い合うためにあるのではありません。実践的な指針は次のとおりです。

• グラデーションと単色が最も安全な既定値で、特に落ち着いた色調が向いています
• ブランドカラーはコントラストさえ確保できれば、デモや発表動画によく合います
• 写真は危険です。情報量の多い画像はインターフェースから注意をそらします

明るい文書やホワイトテーマのアプリなど、録画がおおむね明るい場合は、暗めの背景が境界をつくります。アプリがダークテーマなら、黒に近い背景は避けましょう。フレームが完全に消えてしまいます。

主役をセーフゾーンに収める

余白を決めたら、実際のコンテンツがどこに置かれているかを確認します。メニューやツールバー、プレーヤーの操作系は動画の外周に集まりがちで、SNSは下3分の1に字幕やボタンを重ねてきます。

クリックするボタン、変化する数値など、解説している部分は画面の中央寄りに置きましょう。ズーム効果が役立ちます。操作を中心に拡大すれば、主役は自動的に端から離れます。

プラットフォームに合わせた構図

配信先によって適したフレーミングは異なります。

• ドキュメントとナレッジベース：控えめな余白、中立的な背景、最大限の可読性
• ランディングページと製品デモ：たっぷりの余白、ブランド背景、はっきりした影
• SNSとモバイル：縦型または正方形のキャンバス、絞ったキャプチャ、大きな文字、中央配置
• GIFと埋め込み：余白は最小限に。ファイルサイズが小さいほど1ピクセルが貴重です

フレーミングの簡易チェックリスト

書き出す前にこのリストを確認しましょう。

1. インターフェースの文字が読める程度にキャプチャは絞れているか？
2. 余白は、コンテンツを窮屈にせずに影の入る場所を残しているか？
3. 角丸は他の動画と一貫しているか？
4. 背景はアプリのテーマとコントラストがあるか？
5. 重要な操作は外周から離れているか？
6. 視聴者が使う最小サイズでプレビューしたか？

まとめ

フレーミングは、画面録画の品質を最も安上がりに引き上げる手段です。内容はまったく同じなのに、印象は完全に変わります。余白、角丸、影、背景を一度決めてすべての動画で使い回せば、あなたの録画は同じスタジオから生まれたように見え始めます。実際にそうなのですから。