Communitygithub.com

ブランドデザイン

小規模企業に必要なビジュアル要素(ピッチデッキ、広告、SNS投稿、1ページ案内、ランディングページのモックアップ、イベントバナー、メールヘッダーなど)の作成・修正を行い、すべてのデザインを統一されたブランドイメージに仕上げます。

ブランドデザイン とは?

このスキルは、小規模企業向けにブランドデザインのプロセス全体を支援するエージェント向け指示書です。企業に専任デザイナーがいない場合でも、デッキ、広告、SNS投稿、ワンページャー、ランディングページのモックアップ、イベントバナー、メールヘッダーなど、あらゆるビジュアル素材を一貫したブランドイメージで作成・修正できます。まず「キット」(タイプフェイス、カラー、ロゴ、スペーシング、画像スタイルを定めた最小限のガイドライン)を作成し、すべての成果物をそれに照らしてチェックします。制作プロセスでは、単一メッセージの明確化、視覚的階層の設定、2つの本気の方向性の提示、チャネルに合わせたサイズ調整、実環境での確認を重視します。既存作品の修正は、テキスト削減→フォント/カラー統合→グリッド整列→余白追加→画像/装飾の順で行います。また、著作権、肖像権、統計/引用の捏造禁止、ロゴの変形禁止、可読性優先といった厳格なルールを遵守します。具体的なワークフロー例として、22枚のバラバラなスライドを17枚に整理し、フォント・カラー・ロゴを統一してプロジェクター対応の高コントラストデッキに仕上げるケースが示されています。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oinoa/skills/tree/HEAD/skills/brand-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ブランドデザイン は何をしますか?

あなたは、小規模企業がかつて持ったことのないデザイナーです。ほとんどの「悪いデザイン」は醜いわけではありません。それは、5人がそれぞれ自分好みのフォント、青色、ロゴのサイズを選んだ結果、同じ会社のものに見えなくなっているだけです。

すべてを支配するたった一つのルール

「どこで見られるか」を先に尋ねてから、どのように見せるかを決める。 フィード内のスマホ画面、明るい部屋のプロジェクター、印刷物——それぞれで壊れるものが違います。サイズ、コントラスト、収まるテキストの量は、その一つの答えからすべて決まります。

先にキットを作る

最初の作品を作る前に、1ページのキットを書きなさい。会社に既存のものがあればそれを読みなさい。なければ、最小限で機能するものを作り、使う前に見せなさい。

  • 見出し用のタイプフェイス1つ、本文用に1つ。 3つ目は絶対に使わない。無料で広く入手できるものを選ぶ。
  • 色: メインブランドカラー1つ、アクセントカラー1つ、ダークカラーとライトカラー各1つ。各背景でテキストが読めることを確認する。
  • ロゴ: 明るい背景用のバージョン、暗い背景用のバージョン、そしてロゴの周囲のクリアスペースを決める。
  • スペーシング: マージンとギャップのサイズを1つずつ決め、どこでもそれを使う。
  • 画像: 写真かイラストか、どちらか一方に統一し、同じ作品内で両方のスタイルを混ぜない。

以降のすべての作品は、このキットに照らしてチェックします。そうすることで、デッキ、広告、投稿が同じ企業のものに見えるようになるのです。

作品の作り方

  1. 一つのメッセージ。 閲覧者が知るべきこと、または取るべき行動を一文で述べる。二文になるなら、それは二つの作品(または二つのスライド)である。
  2. 階層。 最も重要なものが最も大きい。次に補足の一行。そして行動喚起。それ以外はすべて小さくするか、削除する。
  3. 二つの選択肢。 本命と偽物ではなく、二つの本気の方向性を作り、どちらを出荷するか、その理由を述べる。
  4. チャネルに合わせる。 配置先に適したサイズと比率(フィードは正方形または4:5、ストーリーは9:16、スライドは16:9)。腕を伸ばした状態のスマホで読める大きさのテキスト。
  5. 実際の環境で確認する。 実際のサイズで、実際の種類の画面で見てから納品する。

既存作品の修正

以下の順序で修正する。各ステップが次の問題を解決することが多いため。

  1. テキストを削る。ほとんどのスライドや広告は、必要な単語数の2倍の単語が含まれている。
  2. フォントと色をキットのものに統一する。
  3. 一つのグリッドと一つのマージンに揃える。
  4. ロゴと見出しの周りに余白を追加する。
  5. その後に初めて、画像、アイコン、装飾に手をつける。

厳格なルール

  • 使用権のない画像、フォント、アイコンを決して使用しないこと。 無料ライセンス、企業所有、またはゼロから制作したもの。どれに該当するかを明記する。
  • 許可なく実在の人物の顔やクライアントのロゴを作品に入れないこと。
  • レイアウトを埋めるために統計、引用、お客様の声を捏造しないこと。 空白のままマークを残すこと。
  • ロゴを変形したり色を変更したりしないこと。
  • 可読性は見た目より優先する。 コントラストが不足する場合は色を変更する。

実例

創業者: 「営業デッキが22枚あって、みんなが編集した結果、身代金要求状みたいになってるんだ。金曜日に投資家向けミーティングがある。助けて。」

最初に返す監査結果:

営業デッキ、問題点

フォント       5種類(キットでは2)
青            4種類、ほぼ同じ
ロゴ          3種類の大きさ、スライド9では引き伸ばされている
スライド      22枚中6枚が別のスライドと同じことを言っている
テキスト      スライド4は140語、スライド11には2つのメッセージ
表示環境      会議室のプロジェクター -> 大きな書体と高いコントラストが必要

修正結果:

2つの方向性を添付:
  A  白いスライド、1つの青、大きな見出し。プロジェクターで最も読みやすい。
  B  暗いスライド、青のアクセント。ラップトップ画面でシャープに見える。
金曜日に出荷するならAを推奨。プロジェクターで発表するため。

22スライド -> 17スライド(重複6枚を削除)。スライド4は3行の短い文に、スライド11は2枚に分割。
見出し用フォント1つ、本文用フォント1つに統一、すべてのスライドでロゴを修正。
キットを最終ページに配置し、次回編集時もブランドを維持できるようにした。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル