SeaXen/標誌設計指南

安裝 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
}'

標誌類型

類型	說明	使用時機	範例
文字標誌 (Wordmark)	公司名稱直接設計為標誌	品牌名稱強而有力，且字數少 (< 10 個字元)	Google, Coca-Cola
字母標誌 (Lettermark)	僅使用名稱縮寫	公司名稱較長、正式場合	IBM, HBO, CNN
圖像標誌 (Pictorial)	可辨識的圖示/符號	通用品牌，不需文字也能識別	Apple, Twitter bird
抽象標誌 (Abstract)	幾何/非具象形狀	科技公司、概念性品牌	Nike swoosh, Pepsi
吉祥物標誌 (Mascot)	角色插圖	親切友善的品牌、食品/運動	KFC Colonel, Pringles
組合標誌 (Combination)	圖示 + 文字標誌並存	需要同時增加辨識度與名稱的新品牌	Burger King, Adidas

AI 的關鍵限制

AI 圖像生成器無法可靠地渲染文字。 字母會變形、拼錯或變得無法辨識。

策略：

1. 僅用 AI 生成圖示/符號
2. 在設計工具（Figma, Canva, Illustrator）中加入文字/文字標誌
3. 或採用組合方式：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"
}'

可擴展性規則

標誌必須在任何尺寸下都能正常顯示：

情境	尺寸	必須達到的效果
網站圖示 (Favicon)	16x16 px	輪廓可辨識
應用程式圖示 (App icon)	1024x1024 px	所有細節清晰可見
社群頭像 (Social avatar)	400x400 px	一瞥即明
名片 (Business card)	~1 英寸	印刷複製清晰
看板 (Billboard)	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 / Favicon	網站圖示（16, 32, 48px）
高解析度 PNG（4096px+）	印刷、看板

注意：AI 生成的是點陣圖 (PNG)。如需真正的向量 SVG，請以 AI 輸出作為參考，在向量工具中進行描圖，或使用 AI 轉 SVG 的工具。

相關技能

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering

瀏覽所有應用：belt app list