AI 設計應用指南
  • 前言:如何把 AI 應用在設計中
  • 本指南的目的與使用方法
  • 設計師為何需要了解與應用 AI
  • 對 AI 的觀察與分享
    • AI 生成的圖到底有沒有商業價值?
  • 我怎麼挑選AI工具的
  • 🖍️AI 在平面設計中的應用
  • 用 ChatGPT 來生成提示詞
  • 常用 AI 設計工具指南
    • ChatGPT 圖片生成應用
      • 基礎功能與概念
      • 設計師的 7 種應用案例
      • 用 JSON 寫 GPT 圖片提示詞:新手也能秒上手
      • 常見實用案例
        • 如何生成去背圖
        • 樂高風格
        • 貼圖生成
        • 生成漫畫
        • 房子照片生成不同裝潢風格
        • 如何生成一組 3D icon
        • 貼紙
        • 黑板畫
      • 創意生成案例
        • 生成梗圖
        • PANTONE 水果色票
        • 台灣小吃
        • 咖啡豆組合
        • 雲朵氣球
        • 寵物擊掌
        • 條紋重塑
      • 特殊應用案例
        • 請 AI 參考色票生成圖片
        • 搭配 Pose 工具控制圖片動作
        • 把湯麵加上熱氣
        • 生成材質球
        • 移除照片模糊
        • 改變光源
        • 修復老照片
      • 素材生成案例
        • 泡沫
        • 檸檬片
        • 球體
        • 搬家服務用素材
      • IP 應用案例
        • YouTube 封面設計-ChatGPT
        • 人物照片多風格與動作生成
        • 用 AI 設計了系列海報(實驗)
  • Recraft
    • AI Mackup 功能
  • 即夢
    • 平面設計靈感參考應用
  • Flair AI
    • 介面說明
    • 特色說明
    • 產品合成應用案例
  • Gemini
    • 在 Figma 中使用 Gemini AI 圖像編輯功能:完整指南
    • 修改物體顏色
    • 更換畫面內容
    • 添加物件到畫面
    • 統一物件色系
    • 製作照片剪影效果
  • Freepik
    • 2025 最全面:Freepik 使用指南,最全面的設計師工具與資源
    • Assistant 對話生成
  • Adobe Photoshop
    • 修改圖片手指瑕疵
    • 畫面擴圖
    • 移除帽子
    • 插畫修圖+後製
    • 人物照片修復
    • Photoshop-AI 生成應用
  • FLORA
    • 單圖一次生多種背景
    • YouTube 封面生成流程
  • 非視覺相關 AI 應用技巧
    • 利用 Raycast+DeepL 達成快速翻譯的技巧
    • ChatGPT 圖片辨識應用
  • 相關資源推薦
    • AI 圖庫素材
    • Prompt 資源
      • 找 Prompt 資源
      • 下 Prompt 輔助工具
  • About
    • 關於我
    • 合作邀約
Powered by GitBook
On this page
  • 1.為什麼要用 JSON?
  • 2.五大核心欄位一次搞懂
  • 3.超簡單範例:一鍵換色、換光線
  • 4.進階應用案例:遊戲角色介紹欄位
  • 5.參考圖片 × JSON 同步應用
  • 6.還有哪些重點?
  • 🚀 工具推薦|PromptChef GPT|JSON 圖像提示助手
  1. 常用 AI 設計工具指南
  2. ChatGPT 圖片生成應用

用 JSON 寫 GPT 圖片提示詞:新手也能秒上手

嗨,我是 Kevin!在這篇教學裡,我要用最簡單的方式,帶你從零開始學會「用 JSON 來寫 GPT 圖片生成提示詞」。

只要掌握一個觀念—把提示詞當成「圖像食譜」,就能精準控制配色、光線、構圖位置、調整配件等操作,隨時複製改數值、快速產出各種穩定的圖像。

1.為什麼要用 JSON?

在多數圖像模型(如 Midjourney、Stable Diffusion)裡,我們通常用長長一段英文 prompt 來描述畫面。但當需求越來越細:

  • 想一次測試多組配色

  • 要把主角位置往上移

  • 要換光線方向、密度

光是手動改字串就很痛苦。用 JSON 的好處在於:

好處
說明

結構清晰

把「主題描述、風格、可變參數」拆成欄位,一眼就知道哪裡能改。

重複利用

只改 parameters 就能產生新版本,其他欄位完全不用碰。

團隊協作

設計、行銷、工程各自負責不同欄位,避免互相衝突。

下面就來詳細介紹一下怎麼用 JSON 寫生圖提示詞。


2.五大核心欄位一次搞懂

把它想成料理食譜:

  • prompt =主食材

  • style =調味方式

  • parameters =可替換配料

  • medium =烹調手法

  • size =出餐規格

欄位
功能
常見內容範例

prompt

主要畫面描述

「在 {{environment}} 中,一個 {{subject}} 正在 {{action}}。」

style

風格 & 氛圍

柔和氛圍、清新風格、美式風格、可愛風…

parameters

所有可變數值

主體、顏色、位置、光線、替換文字、動作…

medium

呈現媒介

3D 渲染、數位插畫、油畫…

size

解析度 / 比例

1024×1024 、16:9 、Reels 尺寸


3.超簡單範例:一鍵換色、換光線

以下是一份「極簡未來風格名片」模板,你只要改 parameters 就能得到全新版本。

{
    "prompt": "一張極簡未來風格名片,名片底圖採用 {{bg_gradient_start}} 至 {{bg_gradient_end}} 的漸層。版面中央偏 {{name_position}} 顯示 {{user_name}},下方標註 {{job_title}},再下一行顯示 {{contact_email}}/{{contact_phone}}。文字配色使用 {{primary_text_color}} 搭配 {{secondary_text_color}}。名片上方以角度 {{lines_angle}}° 的纖細線條點綴,線條顏色為 {{line_color}}。整體光線自 {{lighting_direction}} 照射,亮度 {{lighting_intensity}}。圖片生成尺寸使用{{size}}",
    "style": {
        "design_style": "極簡科技",
        "mood": "專業、未來感",
        "lighting": {
        "type": "soft studio light",
        "direction": "{{lighting_direction}}",
        "intensity": "{{lighting_intensity}}"
},
    "composition": {
        "name_position": "{{name_position}}",
        "lines_angle": "{{lines_angle}}"
}
},
    "parameters": {
        "user_name": "Kevin Kuo",
        "job_title": "Visual Designer",
        "contact_email": "info@creatorhome.tw",
        "contact_phone": "+886 111 222 333",
        "bg_gradient_start": "深藍 #0A1F3F",
        "bg_gradient_end": "黑色 #000000",
        "primary_text_color": "薄荷綠 #00FFC2",
        "secondary_text_color": "白色 #FFFFFF",
        "line_color": "電光藍 #0099FF",
        "name_position": "上三分之一",
        "lines_angle": 12,
        "lighting_direction": "左上",
        "lighting_intensity": "70%"
},
    "medium": "3D 渲染/平面設計合成",
    "size": "1200×675"
}

快速練習

  • 想改成暖色系 → 把 bg_gradient_start 改成橙色,logo_primary_color 換成金色。

  • 想把光線打正面 → lighting_direction 填「正面」,lighting_intensity 提高到 90%。

  • 想改成自己的資訊 → 把 user_name job_title contact_email contact_phone 修改成自己的資訊就可

案例展示:


4.進階應用案例:遊戲角色介紹欄位

以下提供「遊戲角色介紹欄位」的 JSON 範例,保留與先前一致的欄位結構(prompt → style → parameters → medium → size)。直接複製程式碼區塊後,只需在 parameters 調整色彩、角色、風格、配件或標語,就能瞬間換出全新角色卡!

{
  "prompt": "一個裝飾華麗的角色介紹框,外框配色為 {{frame_primary_color}} 搭配 {{frame_secondary_color}},風格採 {{frame_style}}。框內中央是一位 {{subject_type}} — {{subject_name}},身穿 {{subject_outfit_style}},手持 {{subject_weapon}},頭戴 {{subject_accessory}}。下方以精緻字體呈現角色標語「{{tagline}}」。整體畫面以 {{art_style}} 風格繪製,背景為柔和漸層,凸顯角色氛圍。",
  "style": {
    "design_style": "{{art_style}}",
    "mood": "{{mood}}",
    "lighting": {
      "type": "soft studio light",
      "direction": "{{lighting_direction}}",
      "intensity": "{{lighting_intensity}}"
    },
    "composition": {
      "frame_thickness": "{{frame_thickness}}",
      "subject_position": "畫面中央"
    }
  },
  "parameters": {
    "frame_primary_color": "皇家金 #FFD700",
    "frame_secondary_color": "深紫 #4B0082",
    "frame_style": "魔法符文",
    "subject_type": "龍族戰士",
    "subject_name": "Aldor",
    "subject_outfit_style": "蒸氣龐克鎧甲",
    "subject_weapon": "炙焰雙刃斧",
    "subject_accessory": "龍角頭盔",
    "tagline": "Burn it all to protect the glory!",
    "art_style": "二次元立繪",
    "mood": "熱血、史詩",
    "lighting_direction": "左上",
    "lighting_intensity": "80%",
    "frame_thickness": "8px"
  },
  "medium": "數位插畫/角色概念藝術",
  "size": "1080×1350"
}

如何快速變換

  1. 換框配色→ 改 frame_primary_color、frame_secondary_color。

  2. 換角色主體→ 改 subject_type、subject_name、subject_outfit_style。

  3. 換整體風格→ 改 art_style(如「3D 實感」、「像素風」)。

  4. 換角色配件→ 改 subject_weapon、subject_accessory。

  5. 換文字→ 改 tagline 或新增其他文案欄位。

直接複製上方 JSON 到你的圖像生成工具,調整 parameters 即可秒換角色卡樣式!

案例展示:


5.參考圖片 × JSON 同步應用

當你想把「自己拍的照片」或「已完成的草圖」直接拿來改風格,只要先拖拉圖片到對話視窗,再貼上下方 JSON 模板,就能讓生成模型自動以「剛上傳的圖片」為基底重繪,這邊用一個案例說明。

這段 JSON 的核心用途是:「把你剛上傳的人物照片,快速換成任何指定風格,並放進任意背景場景。」

{
  "prompt": "請參考剛才上傳的圖片,保留人物五官與姿勢,並將整體風格轉換為 {{target_style}}。背景改為 {{bg_scene}},主配色採 {{primary_color}} 搭配 {{secondary_color}},光線來自 {{lighting_direction}},強度 {{lighting_intensity}}。左下角加入標語「{{tagline}}」。",
  "style": {
    "design_style": "{{target_style}}",
    "mood": "{{mood}}",
    "lighting": {
      "type": "soft studio light",
      "direction": "{{lighting_direction}}",
      "intensity": "{{lighting_intensity}}"
    },
    "composition": {
      "subject_position": "畫面中央",
      "text_position": "左下角"
    }
  },
  "parameters": {
    "target_style": "油畫寫實風",
    "bg_scene": "夕陽下的海灘",
    "primary_color": "暮橙 #FF8C42",
    "secondary_color": "深紫 #4B0082",
    "tagline": "Chase the Sun",
    "mood": "溫暖、自由",
    "lighting_direction": "右上",
    "lighting_intensity": "75%"
  },
  "medium": "數位油畫重繪",
  "size": "1024×1024"
}

使用步驟

  1. 上傳圖片:把參考照拖進對話視窗。

  2. 貼上 JSON:複製上面程式碼,改好 parameters(風格、場景、配色、標語…)。

  3. 送出生成:模型會抓「最新一張上傳的圖片」當參考,自動完成風格化。

📝 小提醒:如果一次上傳多張,先加一句話說明「請以最後一張為主」或「請用第一張草圖」,可避免模型抓錯圖。

案例展示:

怎麼做到?

  1. 參考最新上傳的圖片  模型會自動抓「上傳的照片」當作人物基底,保留五官與姿勢。

  2. parameters 決定一切  - target_style —— 想換油畫、漫畫、像素、3D… 直接改這裡。  - bg_scene —— 夕陽海灘、賽博城市、雪地森林… 任意背景一句話搞定。  - primary_color / secondary_color —— 主配色、對比色自由搭配。  - 其他如 tagline(文字標語)、lighting_direction(光線角度)都集中在 parameters,改數值就能秒換效果。

  3. 一次生成成品  把照片拖進對話 ➜ 貼上 JSON ➜ 送出,模型就會:  - 先讀照片做人臉/姿勢參考  - 再按你的風格+背景指令重新繪製  - 最後輸出一張「同一主角、全新畫風+場景」的圖片


適合什麼場合?

  • 社群頭像改造:把自拍照換成油畫、動漫或像素風。

  • 創作概念圖:把模特兒照片放進奇幻森林或宇宙太空,做情境示意。

  • 行銷海報:快速把人物商品照轉為一致視覺風格、配上主題背景。

  • 角色立繪:攝影棚素描 → 換賽博龐克城市,生成遊戲宣傳圖。

換句話說,這份 JSON 就是一個「照片→風格轉換+背景替換」的即用模板;你只需要改 parameters 裡的風格和場景,就能把任何人物照片變成不同世界觀的專屬藝術作品。

你也可以依照這個概念換成任何圖片風格轉換或搭配生成提示詞模板。


6.還有哪些重點?

概念
為什麼重要?
快速檢查方法

欄位層級一致

prompt、style、parameters 等應全在同一層;子欄位再往內縮排。

觀察大括號 {} 是否對稱、縮排是否齊。

中英文標點一致

中文內容建議全形標點;英數與中文留半形空格,避免模型讀錯符號。

Ctrl + F 搜尋半形逗號、句點混用。

使用易讀變數名

subject_type、bg_colors… 越直白越好;別用 x1、clrA 等難以回憶的縮寫,想分享別人也不好理解。

「看變數可秒懂用途」為原則。

數值單位一致

角度統一用度數(°)、透明度用百分比等;避免有時用 0-1、有時用 0-100。

在 parameters 加註單位,如 15deg、80%。

避免魔法字(Magic Words)

模型對「最高畫質」「Ultra HD」等詞反應不一,先測圖再決定是否保留。

很多時是心理作用,實測有幫助再放。

想加新配件、配色等卻塞進 style 或 prompt

如果你想放進 Prompt 的東西是希望可以調整的,盡量就把他變成變數,這樣未來調整、測試都方便

一律放進 parameters(ex. accessory_type、accessory_color),方便後續調整


🚀 工具推薦|PromptChef GPT|JSON 圖像提示助手

學完 JSON 提示詞結構後,如果還覺得「手動排版太花時間」或「怕漏掉關鍵欄位」,試試我專門打造的 PromptChef GPT|JSON 圖像提示助手 吧!

核心功能

  1. 一句靈感 → 完整 JSON 輸入一句描述(例如:「蒸氣龐克風的女騎士立繪」),PromptChef 會即時產出含 prompt/style/parameters/medium/size 五大欄位的 JSON 草稿。

  2. 互動式提問補漏 自動偵測缺少資訊(配色、光線、尺寸、構圖位置…),用條列問題引導你勾選或輸入,不怕忘記細節。

  3. 欄位說明表,一目瞭然 輸出 JSON 的同時,附上「欄位可改什麼」的快速表格,方便新手立刻動手調參。

  4. 確認/迭代兩段式流程 先預覽 → 確認 ✅ 就收工;想調整 ❌ 就只問未滿足項,省去重複溝通。

  5. 方便應用 JSON 提示詞複製就能帶走,隨時可以修改、給他人使用,超方便。

建議使用時機

  • 快速原型:靈光一閃,需要短時間內試 5 套風格/配色。

  • 團隊協作:設計師改配色、寫手改文案、工程改解析度,各管各的 parameters,互不衝突。

  • 教學示範:帶新手練習「配色 → 光線 → 構圖」的影響,一鍵換值即可比較效果。

  • 資產批量產出:遊戲角色卡、商品封面、社群貼圖,只要換 parameters 就能量產。

基本操作流程

  1. 打開 PromptChef GPT(在 GPT Store 搜尋名稱即可)。

  2. 輸入概念描述(不必一次寫很長)。

  3. 回答 GPT 提問:配色?尺寸?光線?—— 照需求填。

  4. 複製 JSON → 貼到你的 ChatGPT 就能用或是直接分享給他人。

  5. 想修改:只改 parameters,30 秒重新出圖。

Tips: 如果你已經有半成品 JSON,只要貼給 PromptChef,讓它幫你檢查逗號、引號、欄位順序,秒修好格式再繼續創作!

用 PromptChef GPT,你可以把「寫提示詞」這件事交給 AI,一心專注在配色、構圖和創意發想。學完本文就去試試,看它如何加速你的圖像工作流程!


結尾

以上就是「用 JSON 寫 GPT 圖像提示詞」的完整新手指南!試著把靈感拆成欄位、改用 parameters 玩配色跟光線,你會發現迭代速度大幅提升。如果還有任何 JSON 提示詞的疑難雜症,歡迎到社群或寫信跟我交流,一起讓 AI 幫你高效率產出更多創意作品。

行動任務: 立刻複製上方任意範例,先從換掉參數,貼到你的 ChatGPT 生成看看,接著就能開始慢慢修改,甚至客製屬於你的 JSON 模板了,感受 JSON 模板帶來的極速迭代魅力!

Previous設計師的 7 種應用案例Next常見實用案例

Last updated 1 day ago