はじめる

Ciyo 実践ガイド

確認済みの商品仕様から、比較グラフィックを作る

均整の取れた幾何学的な形で、共通の基準による商品評価を表したイメージ。

商品比較の図は、一方の列をよく見せるためではなく、購入者の選択を助けるためのものです。入力で単位が混在し、不都合な違いを省き、不明な仕様を作ってしまうと、洗練されたデザインが問題を見えにくくします。

このチュートリアルでは、確認済みの仕様表を基に、Ciyo でレイアウトと素材を整え、明確な比較図を作ります。例の項目は説明用です。実際の商品情報は、モデルの推測ではなく、商品責任者や信頼できる仕様資料から得てください。

基本の流れ:検証、選択、配置、照合、書き出し

実在する種類を二つか三つ選び、仕様表の形式をそろえます。購入判断に関係する違いを残し、読みやすい比較図を作り、書き出したファイルを元資料と照合してください。

デザイン前に作る比較ワークシート
項目種類 A種類 B
正確な種類名・識別子[確認済みの名称][確認済みの名称]
単位付きの寸法・容量[確認済みの値][確認済みの値]
素材・仕上げ[確認済みの説明][確認済みの説明]
関連する互換性・対応[確認済みの値、または不明][確認済みの値、または不明]
出典と日付[資料・責任者][資料・責任者]
適した用途[事実に基づく理由][事実に基づく理由]

1. 事実確認に耐えられる元の表を作る

正確な種類名を使い、各情報の出典を記録します。比較前に単位をそろえ、条件も残してください。片方の「容量」ともう片方で測り方が違う場合、説明せず同じものとして比べてはいけません。

欠けている値は、明確に不明と示します。空欄は商品責任者への確認事項であり、モデルが答えを推測してよいという意味ではありません。選択の中心になる情報が欠けていれば、最終デザインの前に解決してください。

架空のマグカップの練習では、サンプルと明示した値だけを使います。説明用の容量や手入れ方法が、本物の商品掲載に紛れないようにしてください。商品写真は見た目の参考になりますが、容量、食洗機対応、素材の品位の証明にはなりません。

架空のマグカップの正確な仕様と、二つの Unknown 項目を Ciyo に渡す指示。
説明用の事実を明示し、不明な仕様の創作は依頼していません。

2. 購入者の疑問に答える違いを選ぶ

読者が何を選ぶのか考えます。机用か持ち運び用か、少量か大容量か、どちらの互換性が必要か。その疑問に役立つ行を選んでください。ほぼ同じ仕様を長く並べると、一つの重要な違いが埋もれることがあります。

測定された属性と、編集上の推奨を区別します。「記載容量が小さい」は事実の比較です。「少量のエスプレッソ飲料に向いている」は理由を示す必要のある推奨で、利用者の好みにも依存します。

目的が異なる商品に、総合的な勝者を決めないようにします。ある場面には A、別の場面には B と勧めれば、どちらかを欠点だらけに見せずに選択を助けられます。

3. 単位と見せ方をそろえる

種類ごとに読む順序、文字の階層、写真の縮尺をそろえます。画像が実寸比でない場合は明記し、見た目の大小で実物の寸法を暗示しないようにしてください。

対応していれば、事実に関する文章は実際のテキスト要素や編集可能な元データで扱います。生成された文字は自然でも、数字や単位が変わる場合があります。ラスター画像のプレビューが返る手順では文字を校正し、正式な仕様表を別に保管してください。

コピーして使える商品比較の制作指示
添付の使用許可済み商品画像と、次の確認済み表を使い、[種類 A] と [種類 B] の読みやすい比較図を作成する:[表を貼り付け]。すべての値、単位、条件を保つ。不明な情報は不明と表示し、優位性を推測しない。両方を同じ視覚的な重みで扱い、スマートフォンで読む順序を明確にする。写真が実寸比でなければ明記する。対応していれば編集可能なテキストまたは元データと、事実確認用のプレビューを用意する。

4. 図をセルごとに照合する

小数点、単位、条件を含む表示値を、すべて元の表と比べます。その後、配置を確認してください。正しい値でも、違う列に置かれていれば事実誤認です。

写真が記載した種類に対応し、切り取りで識別に必要な特徴が隠れていないか確認します。推奨表現は仕様行とは別に見てください。根拠のない「最高」のラベルは、何に適するかを示す具体的な説明に置き換えます。

承認前の確認項目
項目確認する問い
商品の特徴写真と正確な種類名が一致しているか?
値すべての数字と条件が出典と一致しているか?
単位同等の測定値を一貫した単位で示しているか?
不明な項目欠けている情報が未解決だと分かるか?
情報の階層購入者が重要な違いをすぐ見つけられるか?
推奨示した用途を確認済みの事実で説明できるか?

5. 実際に読むサイズで書き出しを確認する

デザイン用キャンバスの外でファイルを開きます。スマートフォンサイズでも、すべてのセルを拡大しなくても選択のポイントが伝わる必要があります。伝わらなければ、重要度の低い行を削る、図を分ける、読み取り可能なテキスト表を添える方法を使ってください。

承認済みの元表と編集可能なデザインを、書き出しと一緒に残します。仕様が変わったら元表から更新し、それを使う全素材を特定してください。静的な比較図は、見栄えがよいままでも情報が古くなります。

小規模店舗では、二種類と購入判断に影響する少数の行から始めます。カタログチームでは共通テンプレートを使いつつ、商品ごとの事実と承認は分けて管理します。テンプレートを再利用しても、次の表の正確さまで保証されるわけではありません。

実例:数字が合っていても、図には修正が必要な場合がある

架空の元表には、容量250 mL と350 mL の二種類のマグカップを指定しました。どちらもマットなアイボリーで、持ち手はチャコール色、食洗機対応は Unknown です。値はこの教材だけのもので、実際の商品仕様ではありません。

Ciyo の直接 Image Generator で GPT Image 2.5 Sunburst、High 品質、3:2 を指定すると、見積もりは5クレジット、出力は1248 × 832でした。ダウンロード画像を確認したところ、二つの容量、単位、仕上げ、持ち手の文言、両方の Unknown は説明用の表と一致しました。

一方、指定した FICTIONAL SPECIFICATION DEMO の表示は抜け、山の装飾イラストが追加されていました。完成した商品比較表としては承認できません。教材なら不足した表示を加え、本物の比較なら創作された商品画像を使用許可済み写真に置き換えたうえで、セルごとの照合をやり直してください。

だからこそ、元の表が基準であり続けます。数字が正しくても、生成された図の他のすべてが正しいとは限りません。

このデモで使った説明用の仕様
項目Desk MugLarge Mug
容量250 mL350 mL
仕上げマットなアイボリーマットなアイボリー
持ち手チャコール色チャコール色
食洗機対応不明不明
生成した二列のマグカップ比較図を表示する Ciyo。
確認結果:指定した表の値は一致しましたが、架空のデモである表示がなく、装飾が創作されていました。この候補には修正が必要です。

次の引き渡しに合う形式を選ぶ

SNS や商品ページの概要には簡潔な図を使います。多数の仕様や選択できる読み取り可能な文章が必要なら、通常の表を使ってください。同じ承認済み資料を基にしていれば、図と表は互いを補えます。

Ciyo はビジュアルの配置や修正を支援しますが、未確認の商品訴求を正しい情報に変えるものではありません。画像生成と Design agent の作業を費用に含め、完了条件に事実確認を入れてください。

よくある質問

不足する仕様を AI に埋めてもらえますか?

推測した仕様を商品情報として使わないでください。不明と示し、商品責任者や信頼できる出典から確認します。

一枚の図で何商品を比較するべきですか?

小さな画面向けなら二つか三つから始めるのが実用的です。最終表示でも読める場合だけ増やしてください。比較数が多ければ、通常の表のほうが適している場合があります。

写真は実寸比にするべきですか?

大きさが比較の一部なら正確な縮尺を使います。それ以外は実寸比でないと明記し、確認済みの寸法を別に示してください。

生成した図は編集できますか?

ラスター画像はピクセルで構成されています。後の編集を約束する前に、実際のテキスト要素や編集可能な元データが提供されたか確認してください。

製品仕様書の代わりになりますか?

購入向けの簡潔な図では、通常は細部を省きます。完全な正式仕様を参照できる状態にし、図では関連する違いを強調してください。

事実をそろえてから、比較図を作る

二つの商品種類、使用許可済み写真、確認済みの表を用意します。不明点は責任者が解決するまで、見える状態で残しましょう。