アプリのスクリーンショットでInstagramのカルーセルを作る方法
2026年10月30日更新
アプリのスクリーンショットで作るInstagramのカルーセルは、短いストーリーにするのがいちばんです。1枚目でアプリが何をするのかを伝え、そのあとは1枚に1つの機能を、同じフレーム、カラー、位置で見せます。すべてのスライドを1080 × 1350ピクセルの4:5にすれば切り取られません。スクリーンショットは大きく、文字は数語にとどめ、最後のスライドでアプリの入手先を伝えましょう。
カルーセルは、1つの投稿の中でスワイプして見る画像のシリーズです。アプリとの相性は抜群で、各スライドで1つの画面を見せれば、全体でアプリの使い方を順に案内できます。このガイドでは、サイズ、構成、そしてカルーセルの完成度を上げる細部を説明します。
サイズと上限
- 1080 × 1350ピクセルの4:5の縦長を使う。フィードで表示される最大の形なので、スクリーンショットをいちばん大きく見せられます。スマートフォンのスクリーンショットも、周りに背景を入れればきれいに収まります。
- すべてのスライドを同じ形にする。Instagramはカルーセル内のすべてのスライドを1つの形で表示します。正方形と縦長の画像を混ぜると、一部が切り取られるか、余白が加えられて形が合わせられます。すべてのスライドを1080 × 1350で書き出せば、これを完全に避けられます。
- 最大20枚。MacRumorsの報道によると、Instagramは2024年8月に、1つのカルーセルに入れられる写真と動画の上限を10枚から20枚に増やしました。アプリの紹介なら、たいてい5〜8枚で十分です。20枚よりずっと前に、見る人の興味は薄れてしまいます。
好みに応じて正方形(1:1、1080 × 1080)も使えます。その場合はすべてのスライドを正方形にしましょう。ほかのプラットフォームについてはアプリのスクリーンショットをシェアするときの画像サイズをご覧ください。
1枚目でつかむ
スワイプされるまで、フィードに表示されるのは1枚目だけです。1枚目でスクロールを止め、次のスライドを見たいと思わせる必要があります。
- いちばんいい画面を見せる。それだけでアプリが伝わる画面です。
- 短い見出しを入れる。アプリが何をするのか、どんな問題を解決するのかを数語で。「オフラインで音声を文字起こし」は伝わりますが、説明が必要なキャッチコピーは伝わりません。
- 続きがあることをほのめかす。小さな矢印や、端からはみ出したスマートフォンがスワイプを誘います。
1枚に1つのアイデア
2枚目以降は、それぞれ1つの機能、1つの画面、1つのメリットを見せましょう。スクリーンショットには、その画面で何ができるのかを伝える短い一文を添えます。どうやるかではありません。アプリの場合の典型的な構成は次のとおりです。
- つかみ:アプリのいちばんいい画面と、アプリが何をするのか。
- メインの機能を、その機能が使われる画面で見せる。
- ほかの機能を2〜4つ、1枚に1つずつ。
- ユーザーが気にする点。プライバシー、速さ、オフラインで使えることなど。
- 最後のスライド:アプリのアイコン、名前、入手先。
テキストはどのスライドでも同じ位置、スマートフォンの上か下に置き、ひと目で読める短さにしましょう。Macでは読める文字も、スマートフォンでは小さすぎることがあるので、投稿前に各スライドを自分のスマートフォンで確認しましょう。
見た目をそろえる
スワイプしたときにスライド同士がひとつにまとまっていると、カルーセルはデザインされたものに見えます。
- 同じデバイスとフレームを、すべてのスライドで同じカラーで使う。
- 同じ角度と位置にする。スライドごとにスマートフォンの位置が変わると、カルーセルが落ち着きなく見えます。
- 背景は1色か、1つのパレットにする。同じ系統の色をスライドごとに少し変えるのはありですが、関係のない色はうまくいきません。
- テキストの文字サイズと位置をそろえる。
ここではブランドに合ったデバイスフレームが役立ちます。リアルなフレームは洗練されて見えます。アプリのカラーのひとつを使ったミニマルなクレイモックアップなら、インターフェイスに注目を集めつつ、スライド全体に統一感が出ます。
役立つときは複数の画面を見せる
ほとんどのスライドは、スマートフォン1台を大きく見せるのがいいでしょう。書き出しの手順のような流れや、同じ画面のライトモードとダークモードを見せるときは、2〜3画面を横に並べると効果的です。読める大きさは保ちましょう。幅1080ピクセルでは3台を横に並べると小さくなるので、縦並びか重ねたレイアウトを使います。
キャプションと代替テキスト
- キャプション:長いキャプションは「続きを読む」で省略されるので、1行目でアプリが何で、誰のためのものかを伝えましょう。そのあとに、カルーセルの内容とアプリのダウンロード先を1〜2文で添えます。
- 代替テキスト:Instagramでは、投稿するときに画像ごとに代替テキストを書けます。「音声録音のリストを表示したiPhone。1つは文字起こし中で進行状況バーが出ている」のように、各画面に何が表示されているかを説明しましょう。スクリーンリーダーを使う人の役に立ち、投稿の内容もわかりやすくなります。
避けたい失敗
- フレームも背景もないスクリーンショットをそのまま並べる。カメラロールをそのまま投稿したように見えます。
- スライドの形がばらばらで、切り取られてしまう。
- スライドに長い文章を載せる。文章が必要なら、キャプションに書きましょう。
- スライドごとにデバイス、角度、カラーが違う。
- アプリの入手先を伝える最後のスライドがない。
Macでスライドを作る
カルーセルはどんなデザインアプリでも作れます。1080 × 1350のアートボードを用意し、フレームに収めたスクリーンショットを置いて、スライドの数だけ複製します。フレームに収める方法はスクリーンショットをiPhoneのフレームに入れる方法で説明しています。
FeatureFrameならもっと早く作れます。キャンバスを4:5にしてスクリーンショットをドロップすると、デバイスを判別して3Dのフレームに収めます。背景と角度を選んで書き出したら、次のスクリーンショットをデバイスの上にドロップして差し替えます。キャンバスと背景はそのまま残るので、スライドの見た目がそろいます。各スライドを1080pのJPEGで書き出せばInstagramにそのまま使え、必要なら@ハンドルネームを小さなウォーターマークとして入れられます。あとはInstagramでスライドを並べて投稿するだけです。
見せ方について詳しくはSNSでスクリーンショットを見栄えよく見せる方法を、同じ画像の横長版についてはXでアプリのスクリーンショットをシェアする方法をご覧ください。Mac App StoreでFeatureFrameを入手できます。