デザインのルールをあらかじめプロジェクトに放りこむことで、AIが必要に応じて確認してくれる。必要に応じて改造して。（自分が食品関係の画像を作ってるので、そっち寄りになってる） ```markdown # （店名）デザインルール ## 目的 このファイルは、SNS投稿画像、告知画像、POP、チラシ、Web用バナーなど、視覚制作物を作成するためのルールです。 ## 基本方針 - 商品写真を主役にする。 - 文字を詰め込みすぎない。 - スマホ画面でも一瞬で内容が伝わるようにする。 ## 視覚イメージ ## 色 - メインカラー：赤 `#E60020` - サブメイン：濃い赤 `#B3001B` - アクセント：サーモンオレンジ `#F28A5B` - 背景色：生成り `#F7E8C8` ## 配色ルール - 基本は「hogehoge」を中心にする。 - 高級感を少し出す場合は、濃い赤を加える。 ## フォント - 見出し：明朝体または筆文字寄りの和風フォント。 - 例：Noto Serif JP、Shippori Mincho、游明朝。 - 本文：読みやすいゴシック体。 - 例：Noto Sans JP、游ゴシック、ヒラギノ角ゴ。 - SNS画像の文字：太めのゴシック体を基本にする。 - スマホで見たときに一瞬で読めることを優先する。 - 高級感を出したい投稿では、商品名だけ明朝体にしてもよい。 ## 文字量 - 見出し：10〜18文字程度 - 一言コピー：15〜25文字程度 - 補足文：30文字以内 - 注意書き：必要最低限 長い説明文は投稿本文や告知本文に回す。 ## レイアウト 商品写真の扱いは以下を守る。 - 写真はできるだけ大きく使う。 - 商品の上に文字を乗せすぎない。 - 余計なものが写り込んでいる場合はトリミングする。 余白の扱いは以下を守る。 - 余白をしっかり取る。 - 文字、写真、価格を詰め込みすぎない。 - 白場を残して、清潔感と見やすさを保つ。 - 情報量が多い場合は、画像を分ける。 ## Instagram投稿画像 - 写真で食欲を刺激することを最優先にする。 - 中央に商品写真を大きく配置する。 - 上部に短い見出しを置く。 - 下部に商品名、価格、店舗名を置く。 - 本文で説明できる内容を画像に詰め込まない。 ## X投稿画像 - 即時告知やキャンペーンの補足として使う。 - 画像内の情報は少なめにする。 - 本文で補足できる内容は画像に入れない。 - 商品名やフェア名を大きく見せる。 - 当日性のある情報は、文字で明確にする。 - 画像だけで完結させようとしない。 - 小さい文字を多用しない。 ## POP・店頭告知 店頭で一瞬見たときに内容が伝わることを重視する。 優先する情報は以下とする。 1. 商品名 2. 価格 3. 一言の魅力 4. 期間・数量 5. 店舗名または販売場所 注意点は以下とする。 - 遠くから見ても読める文字サイズにする。 - 価格は見やすくする。 - 説明文を長くしすぎない。 - 赤や濃い赤を使う場合は、白背景を組み合わせる。 ## 写真の扱い - 商品の色味を自然に見せる。 - 明るさを上げすぎて白飛びさせない。 - 彩度を上げすぎて不自然にしない。 - 清潔感のある背景を選ぶ。 - 商品が小さく見える構図は避ける。 ## 装飾 使いやすい装飾は以下とする。 - 丸いラベル - 小さなきらめき - シンプルな枠線 装飾を使いすぎると古く見えるため、控えめにする。 ## 避けるデザイン ## 最終チェック デザイン作成前後に以下を確認する。 - 商品写真が主役になっているか。 - 文字が多すぎないか。 - スマホで読めるか。 - 色がブランドに合っているか。 - 清潔感があるか。 - 安売り感が強すぎないか。 - 高級感を出しすぎていないか。 - 禁止表現が入っていないか。 - 来店したくなる魅力があるか。 ``` ## リンク - [[デザインを評価するプロンプト]]