实用设计工作流

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 和价格的表格。先做小型销售单页，逐字段核对后再扩展。