商品详情页设计制作流程

美工最怕的不是画图，是接到一句「随便做一版看看」然后被反复打回。运营那边也委屈：说不清要什么，只能等图出来再说不对。这篇把详情页从策划到出图的顺序排一遍，哪一步谁签字、哪一步能返工、哪一步返工成本最高，都说清楚。按这个顺序走，改图次数能压下来，交期也好谈。

美工最怕的不是画图，是接到一句「随便做一版看看」然后被反复打回。运营那边也委屈：说不清要什么，只能等图出来再说不对。这篇把详情页从策划到出图的顺序排一遍，说清楚哪一步谁签字、哪一步能返工、哪一步返工成本最高。

整体思路只有一句：把「做图」拆成「定需求、排结构、画灰模、精修、交付、回收数据」六段，每一段都有明确的输入和验收口径。顺序对了，改图次数能压下来，交期也好谈；顺序错了，后面全是白做。

先拿到能开工的需求单，别急着打开软件

美工接单第一步不是打开设计软件，而是确认手里那张需求单能不能支撑开工。判断标准很简单：拿着这张单子，你能不能在不动手画的情况下，把最想突出什么、先给谁看、什么绝对不能出现这三件事讲清楚。讲不清就是单子不合格，回去补，别自己猜着做，猜错就是整版重做。

• 需求单至少要有四项：主推人群、核心卖点排序、必须出现的资质或参数、禁用的表达和图案；缺哪项就当面问，别凭经验补
• 卖点排序由运营定，美工只负责呈现强度；把运营给的三条卖点按视觉权重排一遍发回去确认，确认了再动手
• 先定尺寸规范：主图区、详情区、移动端长图分别按平台要求来，尺寸错了后面全部重来，具体规格到 /tools 里对一遍当时的版本
• 改稿轮次提前写进需求单（比如两轮内调整、第三轮起重新排期），口头约定不算数，聊天记录里也要落一句

需求单

能让人不动手就讲清主推人群、卖点顺序、硬性参数和禁用项的开工凭证

视觉权重

同一个卖点用多大、多亮、放在第几屏，决定用户先看到谁

改稿轮次

双方事先约定的免费调整次数，超过就重排交期，避免无限返工

先排信息层级，再谈好看不好看

很多详情页被打回，不是因为不好看，而是因为信息顺序不对——用户在第二屏还没搞懂这东西是干嘛的，你已经开始讲品牌故事了。这一步的任务是把长图切成几个板块，并且给每个板块写出一句「看完这块用户要知道什么」，写不出来就说明这块是凑数的，删掉比硬加好。

卖点之间的先后顺序要按购买决策链走，不是按你画起来顺手的顺序走。比如先解决「这东西适合我吗」，再解决「它比同类好在哪」，最后解决「买了出事找谁」。首屏尤其别塞满字，移动端一屏能看清的信息量比你以为的少，把最想让人记住的一点单独放大就够了。

低保真先过一遍，确认后再精修

这一步是全文里返工成本最低的环节，也是最容易被跳过的一环。用灰模或草图把板块顺序和占比过给运营看，只改结构不改视觉，改起来几乎不花时间。等结构签字了再上配色和字体，能省掉大量「颜色不对重做」的无效返工。

1. 出灰模只画板块框和文字占位，标出每块的占比；发给运营确认顺序和删减，改完再进入下一轮
2. 定视觉规范确定主色、字体、字号层级；同一店铺内保持一套，别每张详情页换风格，用户会以为是两个店
3. 处理素材授权记录每张图的来源和授权状态，商用范围和署名要求看清楚；拿不准的先换掉，别等上线后才发现问题
4. 批量出图需要 AI 出图或修图的，先把提示词和风格参考固定下来，再统一批量生成，避免一张一个画风

交出去的成品要能直接上架，不是能打开就行

验收口径要提前对齐：什么叫「做完了」？不是源文件能打开，而是运营拿到手就能直接上传、替换素材、不用再回来问你哪张是哪张。这一步建议列一张交接清单，双方按清单逐项打勾，勾完才算交付。

• 交付清单：分层源文件、压缩后的切片图、移动端长图、字体与图片授权说明、色值标注
• 导出前逐项检查：文字有没有被压糊、切图接缝有没有错位、颜色模式对不对、单张体积有没有超平台限制
• 命名统一按「产品-板块-序号」来，运营替换素材时不用再回来问哪张是哪张
• 上线后回收一次数据反馈（哪一屏跳出、哪一屏停留久），下一版迭代才有依据，这一步最容易被省掉

具体平台的体积上限、尺寸规格、支持格式会变，别照抄几个月前的笔记，导出前到 /tools 里看当时的说明。回收数据也一样，不同品类的表现差异很大，别拿别家的结论直接套自己的页面，到 /price-watch 和 /rankings 里对一眼同类商品的公开信息再下判断。