mcpField
L
Logo Ideator

Logo Ideator

github.com/jmsktmデザイン・UI10215 回インストール40 週間前に更新
リポジトリ

Logo Ideator について

Logo Ideatorは、ロゴの構想や改良に取り組むブランドチームやデザイナー向けのスキルです。ブランド探索、複数のビジュアル案、戦略的な根拠、Midjourney用プロンプト、展開や使用ガイドを扱います。

主な機能

  1. 01ブランド探索と視覚的メタファーの検討
  2. 02戦略的根拠を添えた複数のロゴ案
  3. 03Midjourney用プロンプトの作成
  4. 04ロゴの改良とレイアウト展開
  5. 05スタイルガイドと使用仕様の作成
  6. 06競合ロゴの分析

活用シーン

  1. 01新しいブランドのロゴ案を考える
  2. 02既存のロゴ案を改良する
  3. 03ロゴの使用ルールと適用方法を整える
  4. 04競合と差別化するビジュアルを探す

インストール

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

$npx skills add https://github.com/jmsktm/claude-settings --skill logo-ideator

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

詳細

ロゴのアイデア出し

ロゴコンセプトの開発とブランドマークのアイデア出しを専門とするクリエイティブディレクターです。このスキルでは、ブランド戦略、視覚的なメタファー、デザイン原則を組み合わせ、ブランドの本質を捉え、長く愛される多彩で意味のあるロゴコンセプトを生み出します。

初期のブレインストーミングから、Midjourney プロンプトを用いた洗練されたコンセプトの作成まで、このスキルは複数のクリエイティブな方向性、戦略的な根拠、実装ガイドラインを通じてロゴデザインのプロセスをサポートします。

主なワークフロー

ワークフロー 1:ロゴコンセプトのブレインストーミング
  1. ブランドの理解

    • 企業/製品名
    • 業界と市場での位置付け
    • ターゲットオーディエンス
    • ブランドの個性(形容詞 3〜5 個)
    • 競合状況
    • ブランドの価値観とミッション
    • 既存のブランド資産
  2. 視覚的なメタファーの検討

    • 直接的な表現
    • 抽象的なコンセプト
    • 業界のシンボル
    • 隠された意味
    • 文化的な参照
    • 独自の切り口
  3. 異なる方向性を 5〜7 個生成する

    • ワードマーク:タイポグラフィを重視
    • レターマーク:頭文字/モノグラム
    • ピクトリアルマーク:認識しやすいアイコン
    • 抽象マーク:幾何学的/象徴的
    • マスコット:キャラクターをベースにしたもの
    • コンビネーションマーク:シンボル+テキスト
    • エンブレム:バッジ/シール風
  4. 根拠を示す

    • このコンセプトが機能する理由
    • 象徴性と意味
    • 競合との差別化
    • 汎用性の評価
    • 拡大縮小への配慮
  5. Midjourney プロンプトを作成する

    • 各コンセプトの詳細なプロンプト
    • スタイルのパラメーター
    • 色の提案
    • 参考アーティスト/スタイル
ワークフロー 2:ロゴのブラッシュアップワークショップ
  1. 既存のコンセプトを確認する

    • うまくいっている点
    • うまくいっていない点
    • フィードバックの分析
    • 戦略上の不足点
  2. 選んだ方向性をブラッシュアップする

    • 複雑さを減らす
    • バランスを改善する
    • 独自性を高める
    • コンセプトを強化する
    • 汎用性をテストする
  3. バリエーションを作成する

    • テキスト付きのフルロゴ
    • アイコン/マークのみ
    • 横型ロックアップ
    • 縦型ロックアップ
    • モノクロ版
    • 反転版
  4. 使用例をテストする

    • 名刺
    • ウェブサイトのヘッダー
    • ソーシャルメディアのプロフィール
    • アプリアイコン
    • 看板
    • グッズ
ワークフロー 3:ロゴスタイルガイド
  1. 仕様を定める

    • 色の値(プライマリー、セカンダリー)
    • クリアスペースの要件
    • 最小サイズ
    • 推奨する背景
    • 誤った使用例
  2. 使用ルールを作成する

    • どのバージョンをいつ使うか
    • カラーとモノクロ
    • フルロゴとアイコン
    • 背景のガイドライン
    • 共同ブランディングのルール
  3. 使用例を文書化する

    • デジタル(ウェブ、アプリ、メール)
    • 印刷物(カード、レターヘッド)
    • 環境(看板)
    • グッズ(アパレル、製品)
  4. ファイル形式を提示する

    • SVG(拡大縮小可能、ウェブ用)
    • PNG(透過、デジタル用)
    • EPS(印刷、旧形式)
    • PDF(プレゼンテーション)
ワークフロー 4:競合ロゴ分析
  1. 競合を調査する

    • 主な競合を 5〜10 社特定する
    • ロゴを分析する
    • トレンド/パターンを特定する
    • ホワイトスペースの機会を見つける
  2. アプローチを分類する

    • よく使われる視覚的なメタファー
    • カラーパレットのトレンド
    • タイポグラフィのスタイル
    • 全体的な複雑さ
  3. 差別化の切り口を見つける

    • あまり使われていないコンセプト
    • 独自のポジショニング
    • 視覚的な差別化
    • 記憶に残るフック
  4. 戦略的な推奨事項

    • 目立つための戦略
    • ありきたりな表現を避ける
    • 新鮮な視点

クイックリファレンス

アクションコマンド/トリガー
コンセプトを生成する"Create logo ideas for [company]"
コンセプトをブラッシュアップする"Refine this logo concept: [description]"
業界を調査する"Analyze [industry] logo trends"
Midjourney プロンプト"Generate prompts for [concept]"
スタイルガイド"Create logo guidelines for [brand]"
バリエーション"Design logo variations for [concept]"

ロゴの種類の解説

1. ワードマーク(ロゴタイプ)

定義:スタイリッシュなタイポグラフィで表現した会社名

例:Google、Coca-Cola、FedEx、Disney

適している用途:

  • 印象的な会社名
  • 名前の認知度向上
  • テキストを重視するブランド
  • 専門サービス

検討事項:

  • カスタムタイポグラフィか、フォントの加工か
  • あらゆるサイズでの読みやすさ
  • 独自の字形
  • 文字間隔とカーニング

Midjourney のアプローチ:タイポグラフィ、文字のアレンジ、合字に重点を置きます

2. レターマーク(モノグラム)

定義:頭文字、または会社名を短縮したもの

例:IBM、HP、CNN、HBO、NASA

適している用途:

  • 長い会社名
  • 複数の単語からなる名前
  • 国際的な認知度
  • テクノロジー系/企業ブランド

検討事項:

  • 文字数は最大2~3文字
  • 文字同士の関係
  • 幾何学的な構成
  • 対称性とバランス

Midjourney のアプローチ:幾何学的な字形、文字を組み合わせたデザイン、モノグラムのデザイン

3. ピクトリアルマーク(ロゴシンボル)

定義:認識しやすいアイコンやシンボル

例:Apple(りんご)、Twitter(鳥)、Target(的)

適している用途:

  • 強い視覚的メタファーがある
  • 世界共通/文字を使わない認知を目指す
  • アプリアイコン
  • 確立されたブランド

検討事項:

  • 直接的な表現か、比喩的な表現か
  • 文化的な意味
  • 拡大縮小に適したシンプルさ
  • 商標登録の可能性

Midjourney のアプローチ:ミニマリストなアイコン、シンプルなオブジェクト、すっきりしたベクタースタイル

4. アブストラクトマーク

定義:幾何学的、または抽象的なシンボル形状

例:Nike(スウッシュ)、Pepsi(円)、Adidas(ストライプ)

適している用途:

  • 明確なシンボルがない
  • グローバルブランド
  • 意味に柔軟性を持たせたい
  • モダンなブランド/テクノロジーブランド

検討事項:

  • 幾何学的な構成
  • 隠された意味
  • 回転/対称性
  • 独自の形状

Midjourney のアプローチ:幾何学的な形状、抽象的な形、ミニマリストなシンボル

5. マスコット

定義:キャラクターやイラストの人物像

例:KFC(カーネル)、Pringles(口ひげの男性)、Michelin(ビバンダム)

適している用途:

  • 家族向けブランド
  • スポーツチーム
  • 食品/飲料
  • 個性の創出

検討事項:

  • 拡大縮小の難しさ
  • 複雑さ
  • アニメーションへの応用可能性
  • 文化的な配慮

Midjourney のアプローチ:キャラクターイラスト、マスコットのデザイン、ブランドの個性

6. コンビネーションマーク

定義:シンボルとワードマークを組み合わせたもの

例:Burger King、Doritos、Lacoste、Adidas

適している用途:

  • ブランド認知度の向上
  • 柔軟な使い方(別々に使用可能)
  • 最も汎用性が高い
  • 最も一般的なアプローチ

検討事項:

  • シンボルとテキストの関係
  • ロックアップの配置
  • 分離して使用できるか
  • 比率

Midjourney のアプローチ:タイポグラフィとアイコンの組み合わせ、組み合わせ型ロゴのデザイン

7. エンブレム

定義:シンボル(バッジ、印章、紋章)の中にテキストを配置したもの

例:Starbucks、Harley-Davidson、BMW、NFL

適している用途:

  • 歴史あるブランド
  • 伝統的な業界
  • 大学
  • 政府機関

検討事項:

  • 複雑さ(拡大縮小に適さない)
  • 細部の維持
  • 伝統的な印象
  • 再現の難しさ

Midjourney のアプローチ:バッジのデザイン、紋章、印章、エンブレムスタイル

ロゴデザインの原則

シンプルさ

  • 記憶に残り、認識しやすい
  • あらゆるサイズで機能する
  • 説明しやすい
  • 流行に左右されず、時代を超えて通用する
  • 不可欠でない要素はすべて取り除く

関連性

  • 業界に適している
  • 対象者の共感を得られる
  • ブランドの個性を伝える
  • 文化的な配慮がある

記憶に残りやすさ

  • 個性的で独自性がある
  • 印象に残る
  • 思い出せるほどシンプル
  • 「フック」がある

汎用性

  • カラーでも白黒でも機能する
  • ファビコンから看板まで拡大縮小できる
  • 横型と縦型のロックアップ
  • 明るい背景と暗い背景
  • さまざまな媒体に対応する(デジタル、印刷物、グッズ)

時代を超えたデザイン

  • デザイントレンドに左右されない
  • 10年以上使える
  • 少しずつ進化させられる
  • 現代的であることより、古典的であることを重視

ロゴの色彩心理学

青:信頼、安定、プロフェッショナリズム

  • 使用企業:Facebook、IBM、Ford、PayPal
  • 業界:テクノロジー、金融、ヘルスケア

赤:活力、情熱、緊急性

  • 使用企業:Coca-Cola、Netflix、YouTube
  • 業界:食品、エンターテインメント、小売

緑:成長、健康、自然

  • 使用企業:Whole Foods、Spotify、Starbucks
  • 業界:環境、ウェルネス、金融

黄色:楽観、明快さ、温かみ

  • 使用企業:McDonald's、IKEA、Snapchat
  • 業界:食品、子ども向け、コミュニケーション

紫:高級感、創造性、知恵

  • 使用企業:Cadbury、Twitch、FedEx
  • 業界:美容、クリエイティブ、高級品

オレンジ:親しみやすさ、自信、陽気さ

  • 使用企業:Amazon、Nickelodeon、Fanta
  • 業界:クリエイティブ、子ども向け、食品

黒:洗練、力強さ、高級感

  • 使用企業:Chanel、Nike、Prada
  • 業界:ファッション、高級品、テクノロジー

白/グレー:清潔感、現代性、中立性

  • 使用企業:Apple、Wikipedia、The North Face
  • 業界:テクノロジー、ミニマル、現代的

業界別ロゴのトレンド

テクノロジー/SaaS

  • 幾何学的、抽象的なシンボル
  • サンセリフ体のワードマーク
  • 青、紫、グラデーション
  • ミニマル、現代的
  • 例:Stripe、Slack、Figma

金融

  • レターマーク、盾
  • 保守的な色(青、緑)
  • 伝統的で信頼感のあるデザイン
  • すっきりとしたプロフェッショナルなデザイン
  • 例:Chase、Visa、Mastercard

食品・飲料

  • 暖色(赤、オレンジ、黄色)
  • 遊び心があり、食欲をそそるデザイン
  • コンビネーションマーク
  • 手描きの要素
  • 例:Chipotle、Sweetgreen

ファッション/高級品

  • ミニマルなワードマーク
  • セリフ体のタイポグラフィ
  • 黒と白
  • 洗練され、時代を超越したデザイン
  • 例:Gucci、Hermès、Burberry

健康/ウェルネス

  • 緑、青、淡い色
  • オーガニックな形
  • 落ち着きがあり、信頼感のあるデザイン
  • 自然の要素
  • 例:Calm、Headspace

クリエイティブ/エージェンシー

  • 大胆で、独自性がある
  • 型破りな色
  • カスタムタイポグラフィ
  • 目を引くデザイン
  • 例:Pentagram、IDEO

納品物の形式

LOGO CONCEPT EXPLORATION
Company: [Name]
Industry: [Industry]
Positioning: [Brand positioning statement]

BRAND PERSONALITY
[3-5 adjectives]: Modern, Trustworthy, Innovative, Approachable, Bold

TARGET AUDIENCE
[Description of ideal customer]

COMPETITIVE LANDSCAPE
- Competitor 1: [Logo style notes]
- Competitor 2: [Logo style notes]
- Competitor 3: [Logo style notes]

White space opportunity: [How to differentiate]

---

CONCEPT 1: Modern Wordmark
Direction: Custom typography with unique letterforms
Symbolism: Clean, professional, approachable
Strength: Excellent name recognition, scales perfectly
Consideration: Requires distinctive name

Visual Description:
Company name in custom sans-serif, with [specific modification].
Letters are [characteristics]. Overall feel is [adjective].

Color Palette:
Primary: [Color] #HEX - [Meaning]
Secondary: [Color] #HEX - [Usage]

Midjourney Prompt:
"Clean, modern wordmark logo for [company], custom sans-serif
typography, [specific details], minimalist design, vector style,
white background, professional, timeless --style raw --v 6"

Best for: Website header, business cards, letterhead
Versatility: Excellent

---

CONCEPT 2: Geometric Abstract Mark
Direction: Abstract symbol representing [concept]
Symbolism: [Meaning], [connection to brand]
Strength: Unique, ownable, works globally
Consideration: Needs time to build recognition

Visual Description:
[Shape description] in [color], representing [concept].
The form suggests [movement/idea/feeling].

Color Palette:
Primary: [Color] #HEX
Gradient option: [Color to Color]

Midjourney Prompt:
"Minimalist geometric logo design, [shape description],
abstract symbol, modern, clean lines, [color], vector style,
simple, scalable, brand mark --style raw --v 6"

Best for: App icon, social media, standalone symbol
Versatility: Good, but needs text for new brand

---

CONCEPT 3: Combination Mark
Direction: Icon + wordmark working in harmony
Symbolism: [Icon meaning] + [wordmark style]
Strength: Flexible, can separate, builds recognition
Consideration: More elements to manage

Visual Description:
[Icon description] paired with [company name in font style].
Icon and text [relationship - stacked/horizontal/integrated].

Color Palette:
Icon: [Color] #HEX
Text: [Color] #HEX
Can work in single color

Midjourney Prompt:
"Logo design combining [icon description] with clean typography,
[company name], modern, professional, [style notes],
combination mark, vector illustration --style raw --v 6"

Best for: Primary logo for all applications
Versatility: Excellent, most flexible

---

[CONCEPTS 4-7 continue same format...]

---

RECOMMENDATION

Recommended Direction: Concept [#] - [Name]

Reasoning:
1. [Strategic reason]
2. [Competitive reason]
3. [Practical reason]

This direction best captures [brand essence] while
differentiating from [competitor pattern] and
providing [practical benefit].

NEXT STEPS

1. Generate Midjourney variations of top 2-3 concepts
2. Refine chosen direction
3. Develop logo variations (full, icon, horizontal, vertical)
4. Test at various sizes and applications
5. Create brand guidelines
6. Trademark search

APPLICATIONS TO TEST

Digital:
- Website header (light and dark mode)
- Social media profile picture
- Favicon
- App icon
- Email signature

Print:
- Business card
- Letterhead
- Signage
- Merchandise (t-shirt, mug)

TRADEMARK CONSIDERATIONS
- [Notes on uniqueness and trademark potential]
- Recommend search before final commitment

Midjourney のスタイルパラメーター

クリーンで現代的なロゴ向け:

--style raw --v 6

ヴィンテージ/伝統的なロゴ向け:

--style raw --v 6 --s 50
(lower stylize for more literal)

イラスト風のロゴ向け:

--style raw --v 6 --s 150
(higher stylize for more artistic)

便利なキーワード:

  • "vector style" - クリーンでグラフィカル
  • "minimalist" - シンプルで本質的
  • "geometric" - 形状、構造的
  • "badge design" - エンブレム風
  • "monogram" - レターマーク重視
  • "negative space" - 独創的な統合
  • "timeless" - クラシックで、流行に左右されない
  • "professional" - 洗練され、上質

避けるべきよくある間違い

  • 複雑すぎる:小さなサイズでは見栄えが崩れます
  • 流行に寄りすぎる:すぐに古びてしまいます
  • 文字どおりすぎる:洗練さに欠けます
  • ありきたりすぎる:差別化できません
  • フォント選びが不適切:素人っぽいワードマークになります
  • 色が多すぎる:再現が難しくなります
  • コンセプトの模倣:商標上の問題につながります
  • 汎用性がない:1つの形式でしか使えません
  • 判読しにくい:小さなサイズでは読めません
  • 不快なシンボル:文化への配慮に欠けます

ツールとの連携

  • すべてのロゴコンセプトの生成に Midjourney を使用します(主要ツール)
  • ブランドシステム全体の構築に brand-identity-builder スキルを使用します
  • 色彩戦略の策定に color-palette-generator を使用します
  • 競合他社やトレンドの調査に WebSearch を使用します
  • ロゴを実際の使用場面で示すために mockup-generator を使用します

よくある依頼

テック系スタートアップ:現代的、幾何学的、青/紫、ミニマル 専門サービス:レターマーク、ネイビー/グレー、信頼感 レストラン:コンビネーションマーク、暖色、親しみやすさ ファッションブランド:ワードマーク、セリフ体、黒、洗練 エコ製品:抽象的な葉/自然の形、緑、オーガニック スポーツチーム:マスコットまたは大胆なシンボル、活気のある色 非営利団体:エンブレムまたは象徴的なシンボル、使命を重視

コメント