做 3C 详情页的人都知道,最贵的不是排版,是素材。一套十屏的详情页,场景图、佩戴图、细节图全靠实拍或者买图库,成本高、风格还难统一;等素材凑齐,排版又得花掉半天。
这篇讲一套我现在的流程:把"找素材"这一步改成"生成素材",用 PS 里的 StartAI 插件逐屏生成,最后在 PS 里统一排版。以头戴降噪耳机为例,其他品类逻辑一样。
新手做详情页容易想着"做一张好看的图",但电商详情页其实是一套有固定顺序的模块:
1、首屏主视觉 —— 氛围 + 核心卖点,决定点击和停留
2、卖点细节 —— 材质、单元、按键,解决"值不值"
3、佩戴/场景 —— 解决"适合我吗"
4、功能说明 —— 参数、续航、连接,解决"确认下单"
关键变化在这里:这些模块的图不需要一次生成一整张,而是逐屏单独生成,产品主体保持一致、背景和文案各不重复。这样每一屏都能改,比生成一张长图灵活得多。
下面这五段是我做头戴耳机详情页时在用的提示词,可以直接改成你们的品类。注意每段的结构都是 「根据这款XX + 设计第N屏 + 画面描述 + 文案」,文案直接写进提示词,AI 会把字一起排版进去。
根据这款头戴耳机,设计电商详情页首屏,简约穿搭年轻模特佩戴头戴耳机,倚靠窗边放松听歌,氛围感柔和治愈,文案:一键主动降噪 / 隔绝嘈杂环境 / 内置高清拾音麦,一键切换通透模式,随取随听
根据这款头戴耳机,设计电商详情页第 2 屏(耳机细节展示),文案:静享治愈声场 / 日常随身影音 / 头戴式无线降噪耳机 / 40mm 大动圈单元・触控操作面板・多设备一键互联
根据这款头戴耳机,设计电商详情页第 3 屏,展示产品的材质和佩戴优势,文案:高弹蛋白皮耳罩,久戴不闷不压耳,全包耳设计隔绝杂音,轻量化机身无负重,舒适佩戴,一机多用适配听歌、游戏、网课
根据这款头戴耳机,设计电商详情页第 4 屏,文案:6 大音频模式随心切换,多元场景沉浸体验,音乐 / 游戏低延迟 / 网课通话 / 通透模式 / 深度降噪 / 空间环绕声,多元影音随心享
根据这款头戴耳机,设计电商详情页第 5 屏,展示长续航与多设备互联功能,文案:多设备记忆连接功能 断开无需重新配对,切换设备自动续连,72H 超长续航,实时剩余电量显示,影音游戏不间断,专属音效还原原声细节不丢失
小技巧:文案里的「/」和「・」在生成时能起到分隔作用,视觉上会形成标签感,比一整句长文案好看。
1、在 PS 顶部菜单栏找到「增效工具」,打开 StartAI 面板,切到 GPT 生图分区。
2、上传这款耳机的白底图,把上面那段提示词粘进去。
3、点生成,等一会儿出图。
4、循环:改提示词里的文案和场景描述,重复"上传白底图 → 输入提示词 → 生成"。需要几屏就做几次。
生成结果会分层落在 PS 画布里,产品主体保持一致,背景和氛围各屏不同——这正是我们要的。
1、新建一个详情页高度的长画布(常见 750px 或 790px 宽)。
2、把逐屏生成的画面按顺序摆放,注意屏与屏之间的过渡,不要硬切。
3、统一调色:所有分屏放完后,在最上面加一个全局色彩调整图层(曲线 + 色相饱和度),让整套图的色温和亮度一致。这一步不能省,否则一眼看出是拼的。
4、耳罩印花如果涉及贴图,用插件的曲面贴图功能处理,别用自由变换硬拉——弧形面上的图案一拉就废。
· 把上面五段提示词存成一个文本文件;
· 换新款耳机时,只换白底图,提示词几乎不用改;
· 需要多版本做主图 A/B 测试,改一改首屏文案就能出一套新的。
同样的方法,充电宝、键盘、音箱这些 3C 类目都能套。先按品类把提示词模板沉淀下来,后面就只剩换图。
1、白底图一定要完整无遮挡。耳罩被挡一半,生成的耳机会直接变形。
2、提示词里加画质约束后缀,成片稳定很多:
8K 超高清,商品实拍质感,柔和自然光影,细节纹理清晰,无扭曲畸变,电商详情商业摄影
3、多屏色调不统一,用全局色彩调整图层解决,不要一屏一屏单独调。
4、场景别太满。AI 很容易把背景做得很热闹,抢产品主体,提示词里补一句"背景简约干净,重点突出产品"。
5、单屏小瑕疵局部修,不用整张重新生成,仿制图章和修补工具更省时间。
6、哑光和金属材质分别标注:哑光加"哑光细腻磨砂质感",金属加"金属拉丝反光,明暗层次自然"。
详情页的成本结构,一半在素材、一半在排版。把素材这一步从"拍/买"改成"生成",省下的是最贵的那部分;排版这一步 AI 帮不上太多,还是得靠模块化的思路和一屏一屏核对细节。
我现在做一套十屏的 3C 详情页,从提示词到排版大概 20–35 分钟,比之前纯手工的 4–6 小时是数量级的差别。