belt CLIスキルをインストール:
npx skills add belt-sh/cli
ロゴデザインガイド
inference.sh CLIを介したAI画像生成で効果的なロゴをデザインします。
クイックスタート
inference.sh CLI（
belt）が必要です。インストール手順
belt login
# ロゴコンセプトを生成
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",
"width": 1024,
"height": 1024
}'
ロゴの種類
| 種類 | 説明 | 使用するタイミング | 例 |
|---|---|---|---|
| ワードマーク | 会社名をロゴとしてスタイリング | 強いブランド名、短い（10文字未満） | Google, Coca-Cola |
| レターマーク | 頭文字のみ | 長い会社名、フォーマル | IBM, HBO, CNN |
| 絵文字（ピクトリアル） | 認識可能なアイコン/シンボル | テキストなしで機能するユニバーサルブランド | Apple, Twitterの鳥 |
| 抽象 | 幾何学的/非リテラルな形状 | テクノロジー企業、コンセプチュアルブランド | Nikeスウッシュ, Pepsi |
| マスコット | キャラクターイラスト | 親しみやすいブランド、フード/スポーツ | KFCカーネル, Pringles |
| 組み合わせ | アイコン+ワードマーク | 認知と名前の両方を必要とする新ブランド | Burger King, Adidas |
重要なAIの限界
AI画像生成機はテキストを確実にレンダリングできません。 文字は歪んだり、スペルミスが発生したり、文字化けします。
戦略:
- AIでアイコン/シンボルのみを生成
- デザインツール（Figma, Canva, Illustrator）でテキスト/ワードマークを追加
- または、組み合わせアプローチを使用: AIアイコン + 手動で設定したタイポグラフィ
ロゴのプロンプト作成
効果的なキーワード
flat vector logo, simple minimal icon, single color silhouette,
geometric logo mark, clean lines, negative space design,
line art logo, flat design icon, minimalist symbol
失敗するキーワード
❌ photorealistic logo（矛盾 — ロゴは写真ではない）
❌ 3D rendered logo（複雑すぎて縮小できない）
❌ gradient logo（結果が不安定、再現が難しい）
❌ logo with text "Company Name"（テキストレンダリングに失敗する）
プロンプト構造
flat vector logo of [主題], [スタイル], [色の制約], [背景], [追加の詳細]
ロゴタイプ別の例
# 抽象幾何学
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"
}'
# 絵文字（ピクトリアル）自然
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"
}'
# マスコットスタイル
belt app run bytedance/seedream-4-5 --input '{
"prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"
}'
# テクノロジー抽象
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"
}'
拡張性ルール
ロゴはあらゆるサイズで機能する必要があります:
| コンテキスト | サイズ | 機能すべきもの |
|---|---|---|
| ファビコン | 16x16 px | シルエットが認識可能 |
| アプリアイコン | 1024x1024 px | 詳細がすべて見える |
| ソーシャルアバター | 400x400 px | ひと目でクリア |
| 名刺 | 約1インチ | きれいに印刷再現 |
| 看板 | 10フィート以上 | ピクセル化なし、十分シンプル |
拡張性チェックリスト
- 16pxのファビコンとして認識可能（目を細めてテスト）
- 単色で機能する（白背景に黒）
- 反転しても機能する（黒背景に白）
- 小さいサイズで消える細かい詳細がない
- 縮小すると消える細い線がない
- 色なしでシルエットがはっきりしている
カラーガイドライン
- プライマリロゴは最大2〜3色
- 単色（黒、白、またはブランドプライマリ）で機能する必要がある
- 色彩心理を考慮する:
- 青: 信頼、プロフェッショナル（金融、テクノロジー、ヘルスケア）
- 赤: エネルギー、緊急性（食品、エンターテイメント、小売）
- 緑: 成長、自然（健康、サステナビリティ、金融）
- オレンジ: 親しみやすい、クリエイティブ（スタートアップ、ユースブランド）
- 紫: 高級、知恵（美容、教育）
- 黒: プレミアム、エレガント（ファッション、高級、テクノロジー）
- 明るい背景と暗い背景の両方でテストする
反復ワークフロー
# ステップ1: 5〜10の幅広いコンセプトを生成
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"
}' --no-wait
done
# ステップ2: 最良のコンセプトをバリエーションで洗練
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
}'
# ステップ3: 最終版を高解像度で生成
belt app run bytedance/seedream-4-5 --input '{
"prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",
"size": "2K"
}'
# ステップ4: プロダクション用にアップスケール
belt app run falai/topaz-image-upscaler --input '{
"image": "path/to/best-logo.png",
"scale": 4
}'
よくある間違い
| 間違い | 問題 | 修正 |
|---|---|---|
| 詳細すぎる | 小さいサイズで見えにくくなる | 本質的な形状に簡略化 |
| 色に依存する | 白黒コンテキストで機能しない | まず黒でデザイン |
| AI生成にテキストを含める | 文字が歪んだりスペルミスが発生する | アイコンのみを生成し、テキストは手動で追加 |
| トレンド効果（グロー、シャドウ） | すぐに古くなる、再現に問題がある | フラットでタイムレスなデザインにこだわる |
| 色が多すぎる | 再現が難しく、印刷コストが高い | 最大2〜3色 |
| 目的のない非対称 | 未完成に見える | 意図的な非対称性を使用するか、バランスを保つ |
ファイル形式の納品
| 形式 | 使用例 |
|---|---|
| SVG | 拡張可能なベクター、ウェブ、編集 |
| PNG（透明） | デジタル使用、プレゼンテーション |
| PNG（白背景） | ドキュメント、メール署名 |
| ICO / ファビコン | ウェブサイトファビコン（16, 32, 48px） |
| 高解像度PNG（4096px+） | 印刷、看板 |
注: AIはラスター画像（PNG）を生成します。真のベクターSVGを得るには、AI出力を参照として使用し、ベクターツールでトレースするか、AI-to-SVG変換ツールを使用します。
関連スキル
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
すべてのアプリを参照: belt app list