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

嗨，我是 Kevin！在這篇教學裡，我要用最簡單的方式，帶你從零開始學&#x6703;**「用 JSON 來寫 GPT 圖片生成提示詞」**。

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

### 1．為什麼要用 JSON？

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

* **想一次測試多組配色**
* **要把主角位置往上移**
* **要換光線方向、密度**

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

<table><thead><tr><th width="160.47265625">好處</th><th>說明</th></tr></thead><tbody><tr><td><strong>結構清晰</strong></td><td>把「主題描述、風格、可變參數」拆成欄位，一眼就知道哪裡能改。</td></tr><tr><td><strong>重複利用</strong></td><td>只改 <code>parameters</code> 就能產生新版本，其他欄位完全不用碰。</td></tr><tr><td><strong>團隊協作</strong></td><td>設計、行銷、工程各自負責不同欄位，避免互相衝突。</td></tr></tbody></table>

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

***

### 2．五大核心欄位一次搞懂

> 把它想成料理食譜：
>
> * `prompt` ＝主食材
> * `style` ＝調味方式
> * `parameters` ＝可替換配料
> * `medium` ＝烹調手法
> * `size` ＝出餐規格

<table><thead><tr><th width="164.0234375">欄位</th><th width="213.62109375">功能</th><th>常見內容範例</th></tr></thead><tbody><tr><td><code>prompt</code></td><td>主要畫面描述</td><td>「在 {{environment}} 中，一個 {{subject}} 正在 {{action}}。」</td></tr><tr><td><code>style</code></td><td>風格 &#x26; 氛圍</td><td>柔和氛圍、清新風格、美式風格、可愛風…</td></tr><tr><td><code>parameters</code></td><td>所有可變數值</td><td>主體、顏色、位置、光線、替換文字、動作…</td></tr><tr><td><code>medium</code></td><td>呈現媒介</td><td>3D 渲染、數位插畫、油畫…</td></tr><tr><td><code>size</code></td><td>解析度 / 比例</td><td>1024×1024 、16:9 、Reels 尺寸</td></tr></tbody></table>

***

### 3．超簡單範例：一鍵換色、換光線

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

```json
{
    "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` 修改成自己的資訊就可

**案例展示：**

<figure><img src="/files/c9NYTVrb967AZEDJqohf" alt=""><figcaption></figcaption></figure>

***

### 4．進階應用案例：遊戲角色介紹欄位

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

```json
{
  "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` 即可秒換角色卡樣式！

**案例展示：**

<figure><img src="/files/Nnjzkk5KDemIcFUEHLxX" alt=""><figcaption></figcaption></figure>

***

### 5．參考圖片 × JSON　同步應用

當你想把「自己拍的照片」或「已完成的草圖」直接拿來改風格，只要先**拖拉圖片到對話視窗**，再貼上下方 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. **送出生成**：模型會抓「最新一張上傳的圖片」當參考，自動完成風格化。

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

**案例展示：**

<figure><img src="/files/dHFT37DuZYofxctqNvcu" alt=""><figcaption></figcaption></figure>

#### 怎麼做到？

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 模板帶來的極速迭代魅力！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://creatorhome.gitbook.io/ai-design/chang-yong-ai-she-ji-gong-ju-zhi-nan/chatgpt-tu-pian-sheng-cheng-ying-yong/yong-json-xie-gpt-tu-pian-ti-shi-ci-xin-shou-ye-neng-miao-shang-shou.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
