読んでもらえるストーリーズと投稿のテンプレートのデザイン

テンプレートに時間をかける価値がある理由

テンプレートは、一度デザインして何度も使うレイアウトです。見出し、写真、小さな注記の位置は同じで、そのたびに新しい言葉と写真を入れます。毎週、白紙のキャンバスから始めずに済みますし、上部の名前を誰かが読む前から、ストーリーズや投稿を見分けてもらえるようになります。

ただし、テンプレートが役に立つのは、レイアウト自体がよい場合だけです。見出しがInstagramの返信欄の下に来るデザインや、明るい写真の上に白い文字を置くデザインは、美しくても、それで作るすべてのストーリーズで同じ間違いを繰り返します。この記事は、レイアウトを正しく作るための話です。文字をどこなら安全に置けるか、どのくらいの大きさにするか、どのくらいの量にするか、セットの統一感をどう保つか。各形式の正確なピクセルサイズは、当サイトのInstagramのサイズガイドにあり、ここではそれを使うだけです。

ストーリーズ用と投稿用のテンプレートは、別の仕事

どちらも文字を載せた画像ですが、見られ方がまったく違い、一方でうまくいくレイアウトが、もう一方ではうまくいかないことがよくあります。

ですから、ストーリーズ用テンプレートは、大胆で簡潔にして、メッセージを画面の中央に置くべきです。投稿用テンプレートは、もう少し多く載せられますが、プロフィールのグリッドで小さな正方形に縮められても、持ちこたえる必要があります。これは、うまく切り抜かれるグリッドの計画の記事で扱っています。

1080 × 1920のストーリーズのセーフゾーン

Instagramは、すべてのストーリーズの上に、独自のインターフェースを重ねて表示します。進行バー、上部のプロフィール写真と名前、下部の返信欄です。そこに置いた文字は、一部が隠れます。Instagramは、通常のストーリーズ向けの安全な余白を公表していませんが、Metaはストーリーズ広告向けに公表しています。文字、ロゴ、その他の重要な要素を置かない領域として、上部の約14%、下部の35%、左右のそれぞれ6%を空けておくというものです（Meta広告ガイド (新しいタブで開きます)、2026年11月確認）。

1080 × 1920のストーリーズでは、上部が約269ピクセル、下部が約672ピクセル、左右がそれぞれ65ピクセルとなり、安全な領域は、横が65〜1,015ピクセル、縦が269〜1,248ピクセルの範囲になります。広告で下部の余白が大きいのは、行動を促すボタンがあるためです。通常のストーリーズは画面上の要素が少ないので、当サイトのストーリーズテンプレートは、もっとゆるいルールを使っています。重要な文字は、上から250〜1,600ピクセルの間に置き、下部の320ピクセルを返信欄用に空けておきます。

• 通常のストーリーズの場合：見出しと重要な文字は、上から約250〜1,600ピクセルの間に置き、左右の端から65ピクセル以上離します。
• ストーリーズ広告の場合：Metaのより厳しい領域、上から269〜1,248ピクセルを使います。
• どちらの場合も：背景の写真や色はフレーム全体を埋めてかまいません。収める必要があるのは、文字、ロゴ、顔だけです。

数秒で読める文字にする

テンプレートの問題のほとんどは、文字の問題です。ストーリーズが読まれるか飛ばされるかは、3つで決まります。文字の量、大きさ、背景からの際立ち具合です。

どのくらいの量か

たいていのストーリーズでは、見出し1つと補足の1行で十分です。目安として、1つのストーリーズにつき約20語までにします。それ以上必要なら、メッセージを2〜3つのストーリーズに分けるか、投稿に移します。料金、日付、リンクなどの詳細は、キャプション、スタンプ、次のスライドに入れましょう。

どのくらいの大きさか

幅1080ピクセルのストーリーズは、スマホの幅に縮小されます。幅約390ポイントのスマホでは、すべてがピクセルサイズのおよそ3分の1に見えます。この計算からの当サイトの経験則は、本文はキャンバス上で高さ44ピクセル以上、画面上でおよそ16ポイントで、通常のアプリの文字と同じ大きさ、見出しは90ピクセル以上です。とても細いフォントは、さらに大きくする必要があります。

どのくらいはっきりしているか

ウェブアクセシビリティの標準であるWCAGは、通常の文字には4.5:1以上、大きな文字には3:1以上のコントラスト比を求めています（W3C (新しいタブで開きます)、2026年11月確認）。Instagramは求めていませんが、役立つ目標です。ストーリーズは、屋外で、低い明るさで、視力の弱い人にも読まれるからです。写真の上の文字は、それだけでこの値に達することはまれです。3つの対策がよく効きます。

• 文字の後ろに、単色または半透明のボックスを置く。色はパレットのものを使います。
• 文字がある部分の写真を、暗くするか、ぼかす。
• 分割したレイアウトにする：フレームの一部に写真、もう一部に無地の色の上の文字。

Instagramのスタンプの場所を空けておく

質問ボックス、アンケート、カウントダウン、リンクスタンプ、メンションは、画像をアップロードしたあとに、Instagramアプリの中で追加します。どんなエディターで作った画像でも、当サイトのものも含め、機能するスタンプを含めることはできません。そのため、よいインタラクティブなテンプレートには、スタンプを置く場所として、たいてい中央の3分の1に、あらかじめ計画した空きスペースがあり、その上に、何をすればいいかを伝える見出しがあります。「サワードウについて、何でも聞いてください」「次に作るのはどっち？」

当サイトのストーリーズテンプレートには、これを前提にしたデザインがあり、質問やアンケートの背景、カウントダウン、プロフィールのリンクのストーリーズ、週間スケジュールなどです。自分でデザインするときは、作業中、スタンプを置く場所に大まかな四角形を置いておくと、大事なものがその下に隠れることがありません。

繰り返しに見えない、統一感のあるセット

統一感は、いくつかの固定された決めごとから生まれ、変化はそれ以外のすべてから生まれます。固定する部分を一度決めて、書き留めておきましょう。

1. 2〜3色と、ニュートラルを1色。それ以上になると、セットがセットに見えなくなります。
2. フォントは多くても2つ：見出し用と本文用に1つずつ。当サイトのテンプレートエディターには、14種類のできあいのフォントの組み合わせがあるので、組み合わせを自分で試す必要はありません。
3. 繰り返し登場する要素は、位置を1つに。ロゴ、ハンドル、シリーズ名は、いつも同じ隅に、同じ大きさで置きます。
4. レイアウトの数は少なく。たとえば、引用、コツ、お知らせ、質問、商品の3〜5種類のレイアウトで、たいていの週をカバーできます。

その枠の中で、写真、背景のメインカラー、言葉を変えます。フォロワーはシリーズだと気づきながら、毎回新しいものも目にします。

同じ仕組みを、プロフィールのほかの部分にも広げましょう。当サイトの投稿テンプレートのカルーセルのカバー、中のスライド、最後のスライドは、ストーリーズと同じ配色にできます。ハイライトカバーメーカーで同じ色のハイライトカバーを作れば、残しておくストーリーズがプロフィールとつながります。そのセットの計画方法は、ハイライトカバーのデザインの記事で紹介しています。

投稿前のチェックリスト

• 書き出した画像をスマホで全画面、通常の明るさで開き、3秒以内に読めるか確認する。
• ストーリーズの上部250ピクセルと下部320ピクセル、または投稿の端の近くに、大事なものがないか確認する。
• 本文は高さ約44ピクセル以上にして、写真の上に置くときは、後ろにボックスか暗い部分を入れる。
• 1つのストーリーズにつきメッセージは1つ。詳細は、キャプション、スタンプ、次のスライドに入れる。
• 投稿したストーリーズは編集できないので、スペル、日付、料金、ハンドルを2回確認する。
• フィード投稿では、代替テキストを書く。画像の中の文字はスクリーンリーダーに読まれませんし、Instagramでは、投稿の前でも後でも、写真の自動の代替テキストを置き換えられます（Instagramヘルプセンター (新しいタブで開きます)、2026年11月確認）。

使いたい写真の形が合わないときは、被写体を切り落とすのではなく、枠かぼかし背景でフレームに収めましょう。写真を切り取らずに全体を投稿するガイドで、3つの方法を紹介しています。当サイトが提供するすべてのストーリーズと投稿のデザインは、テンプレートギャラリーに1か所にまとまっています。

テンプレートのデザインについての質問