マーケットプレイス向けインフォグラフィックのテンプレート：入手先と使い方

背景、アセット、商品カード用の完成レイアウト。マーケットプレイスの商品カードは、いまや一枚の写真だけでは売れません。購入者は検索結果を数秒で流し見し、利点や成分、サイズ、他社との違いがひと目で分かるカードを選びます。そうしたカードを速く、しかも一定の品質でそろえるための土台になるのがテンプレートです。この記事では、テンプレートの入手先、自前のテンプレートとブランドブックの組み立て方、スライドの種類、サイズ要件、そして大規模カタログでの量産のコツまでを、実務の目線で整理します。

入手先は多く、それぞれに向いている使い方が違います。主なものを見ていきましょう。

Canva

プロ向けのエディターを使わない人にとって、もっとも入りやすい入口です。Canva のライブラリには商品カードに合う縦型レイアウト（900x1200 px などの比率）がそろっており、ブラウザ上でそのまま作業できます。長所は、始めるハードルが低いこと、無料素材が豊富なこと。短所は、見栄えのよいレイアウトの多くが有料で、無料版は何千ものセラーが使っているために見覚えのあるものになりがちなことです。Canva はスタート地点として、また細かい修正の道具として優秀ですが、既製テンプレートだけに頼るのは独自性の面でリスクがあります。

Figma

仕組みを作り込みたい人向けのプロの選択肢です。Figma Community には各マーケットプレイス向けに作られた専用セットが公開されており、安全マージンやコンポーネントがあらかじめ設定されているものも少なくありません。Figma の最大の強みはコンポーネントとオートレイアウトです。利点プレートや仕様ブロックを一度組めば、あとはすべてのカードで再利用できます。マスターコンポーネントの色を変えれば、すべてのスライドに反映されます。大規模カタログ向けの拡張可能なテンプレートを組むなら、Figma がもっとも便利です。

既製セットと PSD

有料バンドルは、表紙、スライドセット、アイコン、フォントの組み合わせ、完成した背景までを含む一つのデザインシステムです。こうしたセットはデザイン素材のマーケットプレイスやテーマ別のコミュニティで販売されており、価格はセット単位で幅がありますが、内容量と販売者によって大きく変わるので、そのつど最新の提示価格を確認してください。Photoshop 用の PSD テンプレートは一ピクセル単位まで細かく制御でき、複雑なレタッチ合成や影、リアルな下地が必要なときに向きます。その代わり Photoshop を扱う技術が要り、Figma のコンポーネント方式ほど拡張性は高くありません。

サブスクと Pro 版

別の話題として、エディターの有料サブスクがあります。Canva Pro などはプレミアム素材、背景除去、ワンクリックのリサイズ、ブランドセットの保存などを解放します。カードを継続的に作るチームなら、サブスクは作業時間の節約で元が取れます。数点の商品を一度だけ出すだけなら過剰投資です。料金は変動するので、契約前に現行プランを確認しましょう。

既製テンプレートは作業の 7 割を片づけますが、本当に強いカタログは、あなた独自の小さな商品カードのブランドブックがあるときに生まれます。分厚い企業文書ではなく、一画面に収まる簡潔なルール集で、カードに触れる全員がそれに従うものです。

グリッド

グリッドは骨格です。端からの余白（重要な要素が入り込まない安全マージン）、カラム数、ブロック間の基本ピッチを決めます。900x1200 px の縦型なら、外周の余白を 60 から 80 px 程度、縦方向のリズムを統一しておくと扱いやすくなります。グリッドを固定すると、どのスライドも予測どおりに組め、スライドの連なりが寄せ集めではなく一つのまとまりに見えます。

フォント

フォントは 2 種類で足ります。見出し用が一つ、本文用が一つ。ときには一つの書体ファミリーの太さ違いで十分です。具体的な文字サイズを決めておきましょう。スライド見出し、小見出し、プレート内テキスト、キャプション。可読性の要は、カードがスマホで見られることです。したがって本文は、900x1200 のレイアウト換算で 28 から 32 px 程度より小さくしないこと。目を細めないと読めないなら、テンプレートは逆効果に働いています。

色

3 から 4 色のパレット。基調色（ブランドのアクセント）、補助色、ニュートラルな背景、そして価格や割引のような重要な強調用の色。色コードを固定し、すべてのカードでアクセントが「似ている」ではなく「まったく同じ」になるようにします。統一されたアクセント色こそが、検索結果でシリーズを一つにまとめる最大の力になります。

アイコン

アイコンは同じセットの同じスタイルでそろえます。すべて線画、あるいはすべて塗り、線の太さも同一に。アイコンのスタイル混在は、素人くさいインフォグラフィックのもっとも多い兆候です。Flaticon や Icons8 のようなセットなら、統一スタイルのシリーズをまとめてダウンロードできます。利点プレート用のアイコンサイズを一つ決め、それを守ります。

余白

余白は、整ったカードと窮屈なカードを分けるものです。プレート内側の余白と、プレート同士の間隔を統一します。余白はスペースの無駄ではなく、商品を見せ、読みやすさを助ける手段です。すべてが詰め込まれた過密なカードは読みづらく、安っぽく見えます。

強いテンプレートは一枚のレイアウトではなく、目的別の定型スライドのセットです。マーケットプレイスのカードは連なりであり、それぞれのスライドが購入者の判断のステップを一つずつ担います。以下は、テンプレートに仕込んでおきたい主な種類です。

すべての種類がどのカードにも必要なわけではなく、それでかまいません。表紙と内容スライド 1 から 2 枚はほぼ必ず必須で、残りは商品の必要に応じてつなぎます。シンプルな商品なら表紙、利点、保証で足り、複雑な技術系の商品なら仕様も寸法も使い方も比較も要ります。テンプレートの役割は、これらのスライドを完成した部品としてあらかじめ用意しておき、描き直すのではなく数分で組めるようにすることです。この種類を一度仕込めば、あとは商品ごとに構成を発明せず、ブロックを積むようにカードを組めます。表紙、ニッチに合わせた内容スライド 2 から 3 枚、レビュー、保証。組み立ての流れそのものは、別記事「商品カードのインフォグラフィックの作り方」で詳しく解説しています。

同じ骨組みでも、カテゴリーが違えば中身の入れ方は変わります。テンプレートは、商品の特性に合わせられるくらい柔軟でありながら、統一スタイルを保てるくらい厳格であるべきです。

衣料や靴では、サイズ表、着用感、生地、ディテールのスライドが前面に出ます。ここでは大きく質感の分かる写真と分かりやすい実測が重要です。化粧品やサプリでは、成分、効果、使い方、法的な注意書きが要になります。家電やエレクトロニクスでは、仕様、同梱物、互換性、接続図が必要です。日用品では使用シーン、インテリアでの寸法、素材が効きます。子ども向け商品では、安全性、素材、対象年齢の強調が中心です。

ニッチへの適応はテンプレートの作り直しではなく、その中でのアクセントの置き換えです。グリッド、フォント、パレット、アイコンのスタイルはそのまま残し、変えるのは内容スライドの組み合わせと順番だけ。こうすることで、カテゴリーの特性を押さえつつブランドの見分けやすさも保てます。商品写真の撮影と下ごしらえの一般的な考え方は、ガイド「マーケットプレイス向けの商品写真」で扱っています。

テンプレートは各プラットフォームの技術ルールを織り込む必要があります。さもないと、きれいなカードでも審査を通らなかったり、切れて表示されたりします。要件は変わるので、公開前には必ず各マーケットプレイスの最新ヘルプを確認してください。ただし一般的な考え方は次のとおりです。

フォーマットと解像度

商品カードで汎用的に扱いやすいのは、アスペクト比 3:4 の縦型です。900x1200 px のレイアウトは信頼できる下限で、大きな画面でも鮮明さを保つために、同じ比率でより高い解像度で作るほうが安全です。縦型はモバイルの検索結果で占有面積が大きく、マーケットプレイスの主要な流入はモバイルです。

画像上のテキスト

多くのカードを台無しにする決定的な制約が、画像に占めるテキストの割合です。プラットフォームは、画像が文字で埋め尽くされるのを嫌います。読みやすく審査も通る快適なカードの目安は、テキストが面積の 30 から 40 パーセント程度まで。メイン画像はテキストを最小限にするか、まったく入れないことです。商品がきれいに見える状態を保つためです。メイン写真やテキストの正確な要件は各プラットフォームで異なり、随時更新されるので、この数字は法律ではなく目安として持っておいてください。

たいてい禁止されていること

ほぼどこでも同じものが禁止されています。他社ブランドやプラットフォーム自体のロゴや透かし、連絡先の記載やプラットフォーム外への誘導、画像上での割引やキャンペーンの約束、根拠のない主張（最高、ナンバーワン、治る、など）、そしてプラットフォームの UI を模した攻撃的な枠や矢印です。よいテンプレートは最初から禁止要素のための領域を持たず、追加したくなる誘惑そのものを生みません。

一枚のカードが完璧でも、ブランドの力はラインナップ全体が並んだときに現れます。一貫性とは、同じシリーズの 10 商品が一つの家族のように見える状態です。

これを実現するのがシリーズ用テンプレートです。ロゴの位置とスタイル、プレートの色と形、表紙のスタイル、アイコンのセットといった不変の要素を固定します。変わるのは商品とその具体的なデータだけ。結果として、検索結果であなたのラインナップは一つのまとまりとして読まれ、購入者は同じ販売者の品ぞろえだと理解し、一つの商品への信頼が他のすべてに移ります。

バリエーションのあるシリーズ（同じ商品の色違い、味違い、容量違い）では、テンプレートに色分けや、ライン全体を示すナビゲーション用スライドを仕込んでおくと役立ちます。購入者はすぐに選択肢を見渡せ、代替品を探しに離脱することが減ります。

テンプレートは作業を速めますが、部品にミスが仕込まれていればそのミスも量産します。テンプレートで組んだカードをよく損なうのは次のような点です。

• スライドの詰め込みすぎ。 すべてを一度に収めたい欲がスライドをゴミ捨て場にします。一枚のスライドは一つのメッセージ。利点スライドに 6 項目、小見出し 3 つ、さらに注記まで載せれば、購入者は何も読みません。
• 文字が小さい。 エディターのレイアウトでは読めそうに見えても、スマホの画面では潰れます。カードは必ずスマホで実寸チェックし、モニターだけで判断しないこと。
• 適応なしのテンプレート。 ダウンロードして手を加えずに貼っただけの他人のテンプレートは、何百ものセラーが使っているのですぐ見分けられます。最低でも自社ブランドに合わせて色とフォントを変え、自分の本当の利点を書きましょう。
• スタイルの混在。 別々のセットのアイコン、噛み合わない 2 から 3 種のフォント、角丸や影のばらつき。これらがまとまりの感覚を壊します。
• 危険領域のテキスト。 端ぎりぎりや、プラットフォームの UI やプレビューの切り取りで隠れる場所に重要情報を置くこと。だからこそテンプレートの安全マージンのルールがあります。
• 商品と喧嘩する背景。 派手すぎたり雑多すぎたりする下地は注意を奪います。背景は舞台であって主役ではありません。落ち着いた単色、柔らかいグラデーション、控えめな質感（コンクリート、石、木）が、けばけばしいものより効きます。
• 要素の低解像度。 引き伸ばしたアイコンやぼやけた背景は、よい商品さえ台無しにします。テンプレートのすべての要素は、最終サイズに対して十分な解像度であるべきです。

これは二者択一ではなく、段階と物量の問題です。それぞれに向いた領域があります。

既製テンプレートはスピードとコストで勝ります。スタート時、素早い商品投入、仮説検証、同種の大量出品に最適です。弱点は独自性。適応させても他人の元アイデアの枠内に残り、競争の激しいニッチでは検索結果で隣と埋もれるリスクがあります。

オーダーデザインは差別化と、商品に合わせた精度で勝ります。旗艦商品、長く物語を築くブランド、標準スライドでは足りない複雑な商品に必要です。その対価は時間と予算で、大規模カタログの各カードを個別に作るのは非現実的です。

多くのセラーにとって現実的な戦略はハイブリッドです。強力なオーダーメイドのテンプレートシステム（独自の商品カードのブランドブック付き）を一度作り込み、あとはそれでカタログ全体を量産する。こうすればオーダーデザインの独自性とテンプレートの速さを同時に手にできます。マーケットプレイス向けインフォグラフィックの制作サービスも、まず専用のカードシステムを組み、その上に全品ぞろえを乗せるという同じ論理で成り立っています。

商品が数百点になると、一枚ずつの手組みは選択肢でなくなります。ここでテンプレートは便利さから必需品に変わり、その周りにプロセスが組み上がります。

自動化の第一段階は、Figma のコンポーネント化テンプレートです。プレート、仕様ブロック、表紙を再利用可能なコンポーネントとして組み、データ（仕様、利点）はプラグインで表から流し込めます。すると、カードの記入は各スライドの手作業レイアウトではなく、値の差し替えに集約されます。

第二段階はパイプラインです。商品写真の撮影と加工、背景の統一処理、必要サイズへの一括準備、そしてテンプレートによるスライド組み立て。分業も進みます。カメラマンが撮り、レタッチャーが素材を整え、組み立て担当が完成システムでカードを組む。各自が速いのは、デザインの判断をしないからです。判断はすでにテンプレートで済んでいます。

第三段階は補助ツールです。背景の除去や差し替え、統一サイズへの変換、下地の準備は、人からルーチンを取り除くオンラインツールで速くなります。こうした作業の一部は、繰り返しの単純作業にチームの時間を割かないよう、オンライン加工ツールで片づけられます。

スケールの主原則は、あらかじめテンプレートに埋め込む判断が多いほど、生産は速く安定するということです。300 点のカタログでは、システムで作業するか勘で作業するかの差は、一週間と一か月の差、そして統一ブランドとつぎはぎの差になります。

カタログ全体でテンプレートを稼働させる前に、このリストで点検しましょう。

• フォーマットは縦型、比率 3:4、解像度は 900x1200 px 以上。
• 端からの安全マージンが設定され、重要な要素が危険領域に入り込まない。
• フォント 2 種と、テキスト種別ごとの具体的な文字サイズが固定されている。
• 本文がスマホ画面で目を細めずに読める。
• 3 から 4 色のパレットが正確なコードで定義され、ブランドのアクセントが統一されている。
• アイコンが同一セット、同一スタイル、同一サイズ。
• プレート内とブロック間の余白が統一され、余白がきちんとある。
• 定型スライドが仕込まれている。表紙、利点、仕様、寸法、使い方、レビュー、保証、比較。
• 画像上のテキスト割合が妥当で、メイン写真がきれい。
• プラットフォーム禁止要素の領域がない（他社ロゴ、連絡先、割引の約束）。
• コンポーネントで組まれ、マスターの修正が全カードに反映される。
• テンプレートで組んだ複数商品のラインが一つの家族に見える。
• すべての要素が十分な解像度で、ぼやけもピクセルの荒れもない。

すべての項目を満たせば、手元にあるのは単なるきれいなレイアウト集ではなく、どんな物量でも品質を保ち、カタログを見分けやすくする実用的な生産システムです。

よいテンプレートは、ファイル内の秩序でもあります。カタログを複数人で扱うとき、乱雑なプロジェクトは足かせになります。人は必要なスライドを探して時間を浪費し、要素を重複させ、うっかり他人のレイアウトを壊します。だからファイル構造も、カードそのものと同じくらい練るべきです。

ファイルを分かりやすい区画に分けます。コンポーネントのライブラリ（プレート、アイコン、仕様ブロック、ナビゲーションボタン）を一区画、パレットとフォントスタイルを別区画、完成したスライドテンプレートを別区画、具体的なカードを組む作業領域を別区画に。コンポーネントとスタイルは「真実の source」です。システム的な修正はそこだけで行い、それが自動で全カードに波及します。この秩序は、マスターコンポーネントがすべてのインスタンスを一括で制御する Figma でとくに重要です。

組み立ての短い手順書を、ファイル内かその隣に書いておきましょう。どのスライドが何を担うか、どこにデータを差し込むか、触ってはいけないフィールドはどれか。これで新しいメンバーの疑問の大半が解消し、テンプレートが偶発的な変更から守られます。組み立て担当が下す判断が少ないほど、結果は安定し、作業は速く進みます。

テンプレートのバージョンも別に管理します。システムを改善すると、古いカードは旧版で組まれており、どの商品が新版に移行済みでどれが未対応かを把握することが重要です。ファイル名やメモに簡単なバージョン表記を付けるだけで、カタログを一度にではなく段階的に更新するときの混乱を防げます。

背景は、テンプレートの中でもっとも過小評価されがちな部分ですが、それは間違いです。背景こそ商品の舞台を設定し、プレートやアイコンに劣らずラインをまとめます。正しく仕込まれた背景は商品のために働き、間違った背景は商品から注意を奪います。

下地として汎用的に扱いやすいのは、同じ 900x1200 px の縦型を、スライドごとに複数バリエーションであらかじめ用意しておくことです。テンプレートには複数種類の背景と、その使い分けルールを仕込むとよいでしょう。単色の明るい背景は、商品を最大限きれいに見せたい表紙やスライドの基本です。柔らかいグラデーションは注意を奪わずに奥行きを足し、利点スライドで映えます。控えめな質感（コンクリート、御影石、大理石、明るい木）は、商品の性格を伝えたり使用シーンをほのめかしたりしたい場面、たとえばアクセサリーの下の石、食器の下の木などで適します。

背景の主原則は、明るさとコントラストで商品と喧嘩しないことです。商品が暗ければ背景を明るく落ち着かせ、商品が明るければ背景を少し濃くして商品が溶けないようにします。テンプレートには、明るい商品用と暗い商品用の下地を 2 から 3 種あらかじめ用意しておくと、組み立て担当が毎回手で探さずに済みます。すべての背景は十分な解像度であるべきです。引き伸ばしてぼやけた質感は、よい商品さえ台無しにし、素人仕事を一瞬で露呈させます。

テンプレートは終着点ではなく、以後データで改善していく最初の稼働版です。強いシステムでも実際の購入者による検証が必要です。デザイナーに説得力があると感じられるものが、必ずしも購買層を説得するとは限らないからです。

まずはデバイス上での基本チェックから。テンプレートでカードを組み、スマホで実寸、競合に混じった検索結果、そしてプレビューで見てください。まさにそれが購入者の見え方で、エディターの拡大表示ではありません。この段階で、文字の小ささ、窮屈なレイアウト、商品と溶ける背景といった問題の大半が浮かびます。

次の段階は意味のチェックです。その商品を初めて見る人の目でスライドを追い、カードが主要な問いに答えているか自問します。これは何か、何でできているか、どのサイズか、なぜまさにこれを選ぶべきか。見終えて明らかな疑問が残るなら、テンプレートに必要な種類のスライドが欠けているか、アクセントの置き場所が違います。

さらにプラットフォーム自身の指標が加わります。カードのコンバージョン、スライドの閲覧深度、カート追加を見ます。購入者が重要なスライドまでめくらないなら、テンプレートの順番が間違っていて、強い論拠が後ろすぎるのかもしれません。変更は一つずつテストするのが良策です。一部の商品だけ表紙を変え、残りと比べ、効いたものを残す。こうして一枚のカードではなくテンプレート全体、つまり将来のカタログ全体を改善します。

重要な原則は、テンプレートの改善がライン全体に波及することです。より強い利点スライドの構成を見つけたら、それをマスターコンポーネントに入れ、全カードを一括更新します。だからこそテンプレートのテストへの投資は、個別カードの手直しより回収が良いのです。改善しているのは単一の一品ではなくシステムだからです。

Canva の無料テンプレートをそのまま使って手を加えなくてよい？

技術的には可能ですが、おすすめしません。人気の無料レイアウトは何千ものセラーが使っており、あなたのカードは似たものの中に埋もれます。最低限の適応は必須です。自社の色、自社のフォント、自社の本当の利点、自社のアイコンスタイル。これがないとテンプレートはブランドの見分けやすさに逆行します。

インフォグラフィックにおける Canva と Figma の違いは？

Canva は入りやすいシンプルなブラウザ型エディターで、素早いカードや細かい修正に向きます。Figma はコンポーネントとオートレイアウトを備えたプロ向けツールで、大規模カタログ向けの拡張可能なシステムを組むのに便利です。数点の商品なら Canva で足り、本格的な品ぞろえなら Figma が向きます。

カードに何枚のスライドを入れるべき？

厳密な数はありませんが、実用的な範囲はおよそ 5 から 8 枚です。表紙、ニッチに合わせた内容スライド 2 から 3 枚、レビューや社会的証明、保証や同梱。10 枚を超えると購入者はたいてい見切れません。だから大事なのは枚数より順番と論理です。

各マーケットプレイス向けにどのサイズで作るべき？

汎用的に安全なのはアスペクト比 3:4、900x1200 px 以上の同比率レイアウトです。主要な各プラットフォームに対応できます。解像度やメイン写真の細かい要件は各プラットフォームで異なり更新されるので、アップロード前に各マーケットプレイスの最新ヘルプを確認してください。

カードにどれくらいテキストを載せてよい？

読みやすく審査も通る目安は、テキストが面積の 30 から 40 パーセント程度まで。メイン画像はきれいなまま、あるいはほぼ文字なしに保つのがよいです。正確な上限は各プラットフォーム固有で随時変わるので、この数字は目安として使い、最新ルールを確認しましょう。

既製テンプレートか、オーダーデザインを頼むか？

最適なのはハイブリッドです。独自の商品カードのブランドブックを備えた強力なオーダーメイドのテンプレートシステムを一度作り、あとはそれでカタログ全体を組む。こうすれば独自性と速さの両方が手に入ります。純粋な既製テンプレートはスタートやテストに向き、各カードを丸ごとオーダーする純粋なオーダーデザインは大規模な品ぞろえには拡張できません。

商品ライン全体を統一感のある見た目にするには？

テンプレートに不変の要素を固定します。ロゴの位置とスタイル、プレートの色と形、表紙のスタイル、統一したアイコンセットとパレット。変えるのは商品とそのデータだけ。同一商品のバリエーションには色分けや、ライン内を案内するスライドを加えると、カタログが一つの家族として読まれます。

数百点の商品まで品質を落とさずスケールするには？

Figma でコンポーネント化テンプレートを組み、プラグインで表からデータを流し込み、作業をパイプライン（撮影、背景処理、テンプレートでの組み立て）に分け、背景除去や統一サイズ化のようなルーチンにオンラインツールを使います。あらかじめテンプレートに埋め込む判断が多いほど、物量における生産は速く安定します。