mcpField
L
logo-ideation

logo-ideation

github.com/kbravhデザイン・UI044 回インストール6 日前に更新
リポジトリ

logo-ideation について

logo-ideationは、ブランド調査、競合分析、ビジュアル探索を通じてロゴ案を検討するデザインスキルです。svg-logo-creatorに引き継げる構造化されたコンセプト概要を作成します。

主な機能

  1. 01ブランド情報の確認
  2. 02競合ロゴの分析
  3. 033~5案のビジュアル方向の検討
  4. 04構造化されたコンセプト概要
  5. 05ロゴの種類と色の参考情報

活用シーン

  1. 01新ブランドのデザイン案の検討
  2. 02競合と差別化するビジュアルの探索
  3. 03SVG制作に向けた承認済み案の準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/kbravh/skills --skill logo-ideation

インストール後、Claude Code で/logo-ideationを入力して読み込まれたか確認します。

同梱ファイルreferences/color-psychology.md

詳細

ロゴのアイデア創出

ブランドの発見、競合分析、ビジュアルの検討を通じて、ロゴのコンセプトを作成します。svg-logo-creator ですぐに使えるコンセプトブリーフを出力します。

ワークフロー

1. ブランドの発見

基本的な情報を集めます。次の項目について質問します。

  • 名称とタグライン:どのテキストを表示する必要がありますか?
  • 業界と提供内容:会社は何をしていますか?
  • ターゲットオーディエンス:顧客は誰ですか?
  • ブランドの個性:3~5 個の形容詞(例:「現代的、信頼できる、革新的」)
  • 既存のブランド要素:すでに使用している色、フォント、ビジュアル素材はありますか?
  • 制約:避けるべきイメージはありますか?必須の形式はありますか?
2. 競合分析

WebSearch を使って、競合他社のロゴを 5~10 個探します。次の点を分析します。

  • 共通パターン:業界で主流となっているビジュアルテーマは何ですか?
  • 色の傾向:どの配色が使われすぎていますか?
  • タイポグラフィ:セリフ体とサンセリフ体のどちらが多いですか?
  • 差別化の機会:何が不足していますか?何が目立つでしょうか?

調査結果を競合環境の概要としてまとめます。

3. ビジュアルの方向性の検討

異なるコンセプトの方向性を 3~5 種類作成します。それぞれについて、次の項目を記載します。

コンセプト名:短く、覚えやすいタイトル
ロゴの種類:下記の参考情報を参照
ビジュアルメタファー:中心となるイメージや象徴
色の方向性:主要な配色を選ぶ理由
タイポグラフィのスタイル:フォントの特徴
ブランドの個性との適合性:ブランドの形容詞をどのように反映しているか
差別化:競合他社とどのように差別化するか

4. コンセプトブリーフの出力

実現可能な各方向性について、構成されたブリーフを作成します。

## Concept: [Name]

**Type**: [Wordmark / Lettermark / Pictorial / Abstract / Combination / Emblem]
**Metaphor**: [Core visual idea]
**Colors**: [Primary, secondary, rationale]
**Typography**: [Style description]
**Variations needed**: [Horizontal, stacked, icon-only, etc.]
**Notes**: [Special considerations]

ロゴの種類

種類説明最適な用途
ワードマークスタイリングされたタイポグラフィによる会社名個性的な名称、パーソナルブランド
レターマーク頭文字や略称会社名が長い場合
ピクトリアル見て認識できる画像やアイコン幅広い訴求力、確立されたブランド
アブストラクト幾何学的または抽象的な形状テクノロジー、コンセプトの表現
コンビネーションアイコン+ワードマーク汎用性、新しいブランド
エンブレムシンボルやバッジの中にテキストを配置伝統的、組織的な印象

色彩心理

色が連想させるものや業界ごとの指針について詳しくは、references/color-psychology.md を参照してください。

クイックリファレンス:

  • 青:信頼、安定(金融、テクノロジー、ヘルスケア)
  • 緑:成長、自然(環境、健康、金融)
  • 赤:活力、緊急性(食品、エンターテインメント、小売)
  • 紫:創造性、高級感(美容、クリエイティブサービス)
  • オレンジ:親しみやすさ、活力(若年層向けブランド、食品)
  • 黒:洗練、高級感(高級品、ファッション)
  • 黄:楽観、明快さ(消費者向け製品、子ども向け製品)

デザイン原則

  • シンプルさ:小さいサイズでも認識できる
  • 関連性:ブランドの意味と結びついている
  • 記憶に残りやすさ:個性的で、ブランド独自のものにできる
  • 汎用性:あらゆる場面で使える
  • 時代を超えたデザイン:すぐに古くなる流行の要素を避ける

svg-logo-creator への引き継ぎ

ユーザーがコンセプトの方向性を承認したら、実装のためにコンセプトブリーフを svg-logo-creator に渡します。セクション 4 の詳細をすべて含めてください。

コメント