电商详情页怎么做？AI出图+PS排版实操全流程

先拍好一张能用产品图

做详情页的第一步是拍素材，不是直接上手设计。挑一个干净、光线均匀的背景，手机对焦清晰，一般手机都能满足入门需求。

拍的时候把焦距往后调一点、放大了拍，主体不容易变形。这张图后面要喂给 AI 做精修，底子越干净，后面越省事。

用 AI 把产品图精修成白底或透明图

把拍好的图丢给 AI，输入一段通用的产品精修提示词，让它把产品抠出来、修成白底或透明图。白底图是详情页的基础素材，也方便后续换场景。

不同工具效果差别不小：快而省的选择出图快、细节一般，应付小客户够用；追求质感的用高端一点的模型，光影和质感更到位。预算有限就从快的开始，做小单完全够。

生成场景图：参考图加提示词优化

详情页需要场景图。去花瓣或站酷找一张风格合适的参考图，把它的文字和多余小图去掉，再把你自己的产品主体换进去，描述成清晰的一段提示词。

提示词要讲清楚主体（例如"透明机身、内部结构清晰可见"）、构图比例和背景风格，一次出不来就多生成几版挑，效果不满意再改词重出，这是常态。

构图一般选 3:4，给上下留点空间方便排版。有些效果 AI 一次做不到位，可以用生成图的扩展功能补出来，这种时候换个质量好的工具效果会更稳。

PS 排版：分区块、字体统一

把白底图、场景图、参数卖点图拼进详情页时，按信息分区块排：一屏讲卖点，一屏讲参数，一屏讲材质和细节，避免所有文字堆在一起。

最容易被忽略的是字体统一，整条详情页尽量用同一套字体和字号层级，否则每一屏风格都不一样，显得很乱。

常见避坑点

原片拍得越差，AI 修图越费劲，前期别在拍摄上偷懒。

提示词要反复优化，不要出一张图就用一张，多个工具多版本对比再定。

排版时先把素材按场景分好，再统一字体，最后过一遍每一屏的留白和重点。

🛠️ 相关工具推荐

🛒 电商人好物（拼多多）