安裝 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 圖像生成器無法可靠地渲染文字。 字母將會變形、拼錯或產生亂碼。
策略:
- 僅使用 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"
}'
可擴展性法則
標誌必須在各種尺寸下都能運作:
| 情境 | 尺寸 | 必須能運作的部分 |
|---|---|---|
| 網站圖示 (Favicon) | 16x16 px | 輪廓可辨識 |
| 應用程式圖示 | 1024x1024 px | 完整細節可見 |
| 社群頭像 | 400x400 px | 一眼就能看清 |
| 名片 | ~1 吋 | 印刷清晰 |
| 看板 | 10 英尺以上 | 不模糊,夠簡潔 |
可擴展性檢查清單
- 在 16px favicon 下仍可辨識 (瞇眼測試)
- 單色 (白底黑圖) 效果良好
- 反白 (黑底白圖) 效果良好
- 沒有會在小尺寸下消失的微小細節
- 沒有會因縮小而消失的細線
- 不靠顏色也能有清晰的輪廓
色彩指南
- 主標誌最多使用 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