實用設計工作流

AI 產品目錄製作：把產品照片整理成買家可用的銷售單頁

Ciyo 團隊2026年10月21日

買家需要知道眼前是什麼產品、多少錢，以及如何下單。如果照片對應了另一個 SKU，再漂亮的目錄頁也不合格。

我們在 Ciyo 中探索了虛構 Alder Goods 的三款產品目錄。下面從已確認的輸入表開始，把事實欄位與視覺創作分開，最後審閱銷售單頁；這不是庫存同步功能的演示或承諾。

快速回答：先對應資料，再設計頁面

每個 SKU 準備一行資料和一張匹配的獲批圖片。在 Ciyo 中選擇頁面層級、安排圖片，再新增名稱、價格、表面處理及訂購說明。將匯出的單頁與源表逐行核對。

正式目錄應使用真實產品照片。示例中的陶瓷商品是虛構概念產品，生成圖片不能證明商家實際持有這些庫存。

三款 SKU 的頁面，就足以在擴充套件前暴露對應關係和版式問題。列出準確貨號、產品名稱、幣種、價格、已確認表面處理及源圖片檔名。缺失事實應標為未知，不要讓模型補編。

虛構示例僅使用下表事實，並不暗示尺寸、認證、庫存數量或交貨日期。

Alder Goods 示例源資料
SKU 貨號	產品	已確認價格	表面處理
AG-101	Pebble 杯	$18	啞光象牙色
AG-102	筆筒	$24	森林綠
AG-103	雜物托盤	$28	暖陶土色

把獲批照片上傳到獨立畫布，並用 SKU 標記。若是概念系列，應註明圖片是概念示意。把原圖保留在頁面旁邊，讓審閱者能追溯每件產品的來源。

買家需要準確瞭解在售商品時，不要用生成的重新演繹圖替代。若需清理背景，應把編輯後產品與原圖比較，拒絕改變外形、配件或表面處理的版本。

要求設計助手製作一頁目錄，包含三個大小一致的產品區塊和簡潔頁首。每個區塊的圖片、名稱、價格應相鄰，貨號和表面處理也要容易找到。目錄回答的是購買問題，內部照片對照表主要回答的是對應關係問題。

示例訂購文案是“聯絡 Alder Goods 確認可供情況”。真實業務應替換為核實過的訂購渠道，並說明所列價格是否包含相關條件。不要編造結賬連結。

目錄頁面需求說明

為[商家]建立一頁面向買家的產品目錄。使用附件中的準確源照片和獲批 SKU 表。包含[欄位]以及這條已核實的訂購說明：[說明]。保留每張照片與 SKU 的對應關係。不要推斷尺寸、庫存、認證或交貨日期。儘可能保持事實文字可編輯，並註明需要在外部完成的排版步驟。

先選可重複使用的結構，再做裝飾。三款產品可橫向排成一行，也可縱向堆疊；確定前先比較目標印刷頁與手機預覽。只有產品資訊也能讀清，大尺寸源圖才有意義。

確認實際輸出的檔案型別。PNG 內生成的文字屬於扁平影象。如果線上執行沒有提供可編輯版式，就匯出獲批圖片，在文件或排版編輯器中新增事實文案。更改價格不應需要重畫產品。

實際執行完成了三張 1024 × 1024 概念照片，但沒有完成目錄排版。我們使用儲存的照片與獲批表格，在外部組裝了所連結的 HTML 銷售單頁。文字與圖片保持分離，可編輯，也可透過瀏覽器列印。這是交付示例，不是 Ciyo 原生目錄匯出。

從輸入表讀出 AG-101，在單頁上找到它的圖片、名稱、$18 價格和啞光象牙色表面處理。對 AG-102、AG-103 重複此過程。這樣有意逐項檢查，能發現漂亮但位置放錯的產品區塊。

然後獨立開啟儲存檔案，檢查最小字號、訂購說明及意外裁切。僅按適應視窗大小檢視，可能掩蓋被截斷的 SKU 或遺漏的貨幣符號。

保留帶日期的可編輯原始檔、獲批圖片資料夾和客戶版匯出檔案。若經常改價，應記錄誰更新表格、誰批准下次匯出。靜態銷售單頁不會自動反映庫存或店鋪價格變化。

獨立賣家可以從三件產品與人工核查開始。更大的產品線適合使用已驗證資料連線的專用目錄或電商工作流；不要從 AI 頁面設計演示推斷這些功能。

可以起草措辭，但事實主張必須由商家提供或確認。未經核實的尺寸、材料和認證不應加入。

設計好的頁面屬於靜態交付物。資料庫同步、庫存更新和結賬需要各自配置的系統。

使用實際商品的準確照片或獲批渲染圖。規劃未釋出系列時，應清楚標註虛構概念圖。

保留具有可編輯事實文字的文件或版式原始檔。圖片或扁平化 PDF 適合分發，但不一定保留可編輯欄位。

帶上三張獲批照片，以及列出名稱、SKU 和價格的表格。先做小型銷售單頁，逐欄位核對後再擴充套件。