<!-- Generated by scripts/export-user-manual.mjs from the rendered manual. Do not edit. -->

# 先探索風格與預覽，再批次生成完整素材

使用已確認的客服訓練規劃，準備角色與服務櫃檯。先選擇相容的預覽、確認選擇，再檢查產出的素材，接著安排學員的互動路徑。

<a id="asset-workflow"></a>

## 依規劃準備素材，逐項預覽並確認

素材包含角色、場景與至少一首背景音樂；流程驗證會檢查是否有播放背景音樂。先比較預覽並確認風格，再到資源側欄檢查正式素材，需要時修改或上傳自備檔案。資源側欄最上方另有「面板」區，用來上傳機台面板（見下方「機台面板」）。

01

### 收到素材需求與風格指引

1. 在客服訓練專案上方選「資源」。
2. 出現「沿用這份企劃？」時，核對這個專案目前的規劃名稱後按「沿用這份企劃」。
3. 已有沿用企劃時可按「查看」核對內容，確認後按「生成素材」。

<a id="doc2sim-assets-step1"></a>

#### 先確認素材清單與風格

1. 在「資源」對話補充共同風格，例如「客服與客戶使用相同的寫實風格，場景是服務櫃檯」。核對預覽中是否有需要的人物與場景；這次不需要的素材不要只因為已生成就採用。

**設定理由**先確認共同方向，可以減少後續重做與不一致。

**完成後檢查**代表性角色與場景符合訓練場域，不會讓學員誤認人物或環境。

沒有得到預期結果？

場景與公司情境不同就指出差異並修正，不只用「再好看一點」描述需求。

02

### 派發風格探索與預覽生成

1. 等待產生預覽。
2. 客服案例先找客服、客戶與服務櫃檯，檢查是否符合規劃用途。
3. 顯示「生成中」時先等待；某項失敗時，該列會顯示原因、「回報錯誤」與 ↻ 圖示（提示文字「重試」），閱讀原因後再按 ↻ 重試。
4. 若出現「產圖已結束，但沒有可選的預覽」，表示還沒有圖片可選，不能確認風格；先查看失敗資訊或重試。

03

### 比較風格變體與鎖定選擇

1. 在每一組預覽中點選要使用的圖片，讓客服、客戶與櫃檯採用相容的風格。
2. 若仍顯示「待選擇」，補選列出的項目，再按「確認選擇」。
3. 確認後會顯示「✓ 風格已確認。如需修改，請至右側面板。」；之後要改風格，請到資源側欄的素材卡按 🔄。
4. 風格確認後仍要等待正式素材產出，不能把選完預覽當成整份教材完成。

04

### 檢查素材，需要時重新選擇或替換

1. 按頁首 🖼️「查看產出」圖示打開資源側欄，開啟客服、客戶與櫃檯的圖片預覽，確認人物一致且適合情境；背景音樂也要試聽。
2. 素材卡上的按鈕都是圖示，游標停留時會顯示說明：🔄 重新選擇風格、✏️ 修改圖片、⬇ 下載圖片、⬆ 替換共用素材（所有使用此素材的位置都會更新）、🗑 刪除此圖片（只出現在候選圖片上，需再按一次「確認刪除？」）。
3. 卡片徽章標示版本：「目前使用」「候選圖片」「保留版本」或「已選候選，尚未建置」。保留版本可按「共用素材改用此版本」切回；上傳新檔不會刪除已保存的舊版本。
4. 自備的圖片或音訊請在資源側欄的素材卡用 ⬆ 上傳。機台面板不在素材卡上替換，請使用側欄的「面板」區。
5. 已符合需求便可選上方「流程」繼續。

<a id="doc2sim-assets-step2"></a>

#### 逐項核對，再替換不適合的素材

1. 按頁首 🖼️「查看產出」開啟資源側欄，預覽角色、背景並試聽背景音樂。符合規劃就可繼續流程。
2. 只有需要換成自備檔案時才按素材卡的 ⬆「替換共用素材」；此操作會更新所有使用該共用素材的位置，選檔前先核對素材與用途。
3. 替換後重新預覽受影響的場景，不要只確認檔案上傳成功。

**設定理由**圖片漂亮不代表文字、標誌或人物一致性正確；這些仍需人工確認。

**完成後檢查**清單中的素材都能對應規劃用途，且沒有已知缺漏。

沒有得到預期結果？

重選或替換後重新檢查相關場景；不要假設所有引用畫面都已符合預期。

05

### 需要微調時，用 ✏️ 修改圖片

1. 在素材卡按 ✏️「修改圖片」，輸入框上方會出現「修改素材」標籤，提示文字為「請描述需要的修改...」。
2. 描述要保留與要改變的細節後送出。修改後仍需比對新舊圖，不能保證角色完全不變。

<a id="doc2sim-assets-step3"></a>

#### 用 ✏️ 修改圖片提出可驗證的微調

1. 需要同一角色的其他表情時，在素材卡按 ✏️「修改圖片」，描述「保留制服與髮型，只改成困惑表情」等具體變更。比對新舊圖後再接受。

**設定理由**參考有助於維持一致，但不保證每次生成都完全相同。

**完成後檢查**角色仍可辨認，修改符合要求，場景使用的也是確認過的版本。

沒有得到預期結果？

人物走樣或細節錯誤就重新調整或改用已確認素材，不要直接進入發布。

<a id="asset-panels"></a>

## 機台面板

面板是一張真實控制面板的照片，並在上面圈出每個控制項。面板不會自動生成，需要自行上傳；本節只說明上傳與編輯。

1. ### 開啟面板編輯器

   

   1. 在「資源」按頁首 🖼️「查看產出」，資源側欄最上方是「面板」區，按「新增面板」。
   2. 流程宣告了面板卻還沒上傳時，驗證、建構或發佈的錯誤旁會出現「上傳面板 {id}」按鈕；從這裡開啟時，面板 id 會預先填好且不能修改。
   3. 列表中每個面板會顯示狀態：「已就緒」「缺少照片」「缺少控制項檔案」「尚未上傳」或「控制項檔案無效」；流程有引用的面板會加上「流程使用中」徽章。按「上傳」或「編輯」開啟編輯器。
   4. 上傳前需先開啟一個對話，否則會顯示「請先開啟一個對話，再上傳面板。」
2. ### 填寫 id 並選擇照片

   

   1. 填寫「面板 id（流程以此引用）」與「顯示名稱」。
   2. 按「選擇照片」選一張正面拍攝的面板照片，格式為 PNG、JPEG 或 WebP；之後可按「更換照片」。
3. ### 圈出每個控制項

   

   1. 在照片上逐點點擊加入頂點；至少 3 個頂點後，點第一個頂點、按 Enter 或按「封閉輪廓」封閉。按 Esc 或「取消輪廓」放棄正在畫的輪廓。
   2. 拖曳頂點可調整位置，雙擊頂點可刪除。
   3. 每個控制項填寫 Id、名稱，並選擇類型：按鈕、開關、旋鈕、指示燈、顯示器或其他。
   4. 按「復原」（或 Ctrl/⌘+Z）撤銷上一步。已有控制項檔案時，可按「匯入控制項 JSON」（支援 machine\_panel/v1 與 panel-hotspots/v1）。
4. ### 通過檢查後上傳

   

   1. 編輯器頁尾會顯示第一個尚未通過的問題，例如面板 id 必須以英文字母或 \_ 開頭且只用英文字母、數字與 \_、至少要圈出一個控制項、輪廓需封閉、每個控制項要有名稱與類型。
   2. 問題全部解決前不能按「上傳面板」。上傳會取代這個面板已儲存的照片與控制項檔案。

<a id="asset-evidence"></a>

## 可選的實際產出證據

這張截圖只保留作為補充證據；上方流程是由共用的 Doc2Sim 真實元件渲染。

![Doc2Sim 資源工作區，供使用者檢查生成的資源變體。](https://speedl.ai/assets/images/docs/doc2sim-asset-clean.png)

真實的素材工作區：依規劃書或對話指令生成風格預覽，鎖定後批次產生正式素材。

<a id="asset-capabilities"></a>

## 確認素材可用，再進入流程

客服、客戶、服務櫃檯與背景音樂都已能預覽，且符合確認過的規劃後，在專案上方選「流程」。

### 風格探索與多樣變體

未指定風格時，預覽會用差異明顯的畫風（例如動漫、寫實、像素）供比較；你也可以在對話中指定想要的風格。

### 全套資產一致性生成

依規劃準備角色、場景與背景音樂。背景音樂是必要素材，流程驗證會檢查是否有播放；機台面板不會自動生成，需要自行上傳。

### ✏️ 修改圖片

從素材卡按 ✏️ 把素材帶入對話，說明要保留與修改的特徵。生成後比對角色外觀與表情，滿意後再使用。

### 靈活編輯與自訂上傳

可在素材卡用 ⬆ 上傳自備檔案：圖片支援 png、jpg、jpeg、webp、gif；音訊支援 mp3、wav、ogg、m4a、aac、flac。替換後仍需在模擬中檢查呈現。

[設計選擇、後果與結局](doc2sim-flow.md)