一套耳机详情页 20 分钟:AI 分屏生成的完整流程

用户头像
巴黎/设计爱好者/39天前/353浏览
一套耳机详情页 20 分钟:AI 分屏生成的完整流程
做 3C 详情页的人都知道,最贵的不是排版,是素材。一套十屏的详情页,场景图、佩戴图、细节图全靠实拍或者买图库,成本高、风格还难统一;等素材凑齐,排版又得花掉半天。
这篇讲一套我现在的流程:把"找素材"这一步改成"生成素材",用 PS 里的 StartAI 插件逐屏生成,最后在 PS 里统一排版。以头戴降噪耳机为例,其他品类逻辑一样。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NTI=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
一、先改思路:详情页是"模块",不是"一张海报"
新手做详情页容易想着"做一张好看的图",但电商详情页其实是一套有固定顺序的模块:
1、首屏主视觉 —— 氛围 + 核心卖点,决定点击和停留
2、卖点细节 —— 材质、单元、按键,解决"值不值"
3、佩戴/场景 —— 解决"适合我吗"
4、功能说明 —— 参数、续航、连接,解决"确认下单"
关键变化在这里:这些模块的图不需要一次生成一整张,而是逐屏单独生成,产品主体保持一致、背景和文案各不重复。这样每一屏都能改,比生成一张长图灵活得多。
二、逐屏提示词怎么写
下面这五段是我做头戴耳机详情页时在用的提示词,可以直接改成你们的品类。注意每段的结构都是 「根据这款XX + 设计第N屏 + 画面描述 + 文案」,文案直接写进提示词,AI 会把字一起排版进去。
第 1 屏 · 首屏主视觉
根据这款头戴耳机,设计电商详情页首屏,简约穿搭年轻模特佩戴头戴耳机,倚靠窗边放松听歌,氛围感柔和治愈,文案:一键主动降噪 / 隔绝嘈杂环境 / 内置高清拾音麦,一键切换通透模式,随取随听
第 2 屏 · 细节展示
根据这款头戴耳机,设计电商详情页第 2 屏(耳机细节展示),文案:静享治愈声场 / 日常随身影音 / 头戴式无线降噪耳机 / 40mm 大动圈单元・触控操作面板・多设备一键互联
第 3 屏 · 材质与佩戴
根据这款头戴耳机,设计电商详情页第 3 屏,展示产品的材质和佩戴优势,文案:高弹蛋白皮耳罩,久戴不闷不压耳,全包耳设计隔绝杂音,轻量化机身无负重,舒适佩戴,一机多用适配听歌、游戏、网课
第 4 屏 · 功能模式
根据这款头戴耳机,设计电商详情页第 4 屏,文案:6 大音频模式随心切换,多元场景沉浸体验,音乐 / 游戏低延迟 / 网课通话 / 通透模式 / 深度降噪 / 空间环绕声,多元影音随心享
第 5 屏 · 续航与互联
根据这款头戴耳机,设计电商详情页第 5 屏,展示长续航与多设备互联功能,文案:多设备记忆连接功能 断开无需重新配对,切换设备自动续连,72H 超长续航,实时剩余电量显示,影音游戏不间断,专属音效还原原声细节不丢失
小技巧:文案里的「/」和「・」在生成时能起到分隔作用,视觉上会形成标签感,比一整句长文案好看。
三、生成与排版
生成环节
1、在 PS 顶部菜单栏找到「增效工具」,打开 StartAI 面板,切到 GPT 生图分区。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NTY=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
2、上传这款耳机的白底图,把上面那段提示词粘进去。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NjA=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
3、点生成,等一会儿出图。
4、循环:改提示词里的文案和场景描述,重复"上传白底图 → 输入提示词 → 生成"。需要几屏就做几次。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NjQ=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
生成结果会分层落在 PS 画布里,产品主体保持一致,背景和氛围各屏不同——这正是我们要的。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5Njg=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
排版环节
1、新建一个详情页高度的长画布(常见 750px 或 790px 宽)。
2、把逐屏生成的画面按顺序摆放,注意屏与屏之间的过渡,不要硬切。
3、统一调色:所有分屏放完后,在最上面加一个全局色彩调整图层(曲线 + 色相饱和度),让整套图的色温和亮度一致。这一步不能省,否则一眼看出是拼的。
4、耳罩印花如果涉及贴图,用插件的曲面贴图功能处理,别用自由变换硬拉——弧形面上的图案一拉就废。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NzI=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
四、批量复用:一套模板吃一个季度
这套流程真正省时间的地方在复用:
· 把上面五段提示词存成一个文本文件;
· 换新款耳机时,只换白底图,提示词几乎不用改;
· 需要多版本做主图 A/B 测试,改一改首屏文案就能出一套新的。
同样的方法,充电宝、键盘、音箱这些 3C 类目都能套。先按品类把提示词模板沉淀下来,后面就只剩换图。
一套耳机详情页 20 分钟:AI 分屏生成的完整流程(图ZMTU5MjQ5NzY=) - 教程 - 站酷设计师Z763404151原创素材 - 站酷ZCOOL
收藏
五、避坑清单
1、白底图一定要完整无遮挡。耳罩被挡一半,生成的耳机会直接变形。
2、提示词里加画质约束后缀,成片稳定很多:
8K 超高清,商品实拍质感,柔和自然光影,细节纹理清晰,无扭曲畸变,电商详情商业摄影
3、多屏色调不统一,用全局色彩调整图层解决,不要一屏一屏单独调。
4、场景别太满。AI 很容易把背景做得很热闹,抢产品主体,提示词里补一句"背景简约干净,重点突出产品"。
5、单屏小瑕疵局部修,不用整张重新生成,仿制图章和修补工具更省时间。
6、哑光和金属材质分别标注:哑光加"哑光细腻磨砂质感",金属加"金属拉丝反光,明暗层次自然"。
六、小结
详情页的成本结构,一半在素材、一半在排版。把素材这一步从"拍/买"改成"生成",省下的是最贵的那部分;排版这一步 AI 帮不上太多,还是得靠模块化的思路和一屏一屏核对细节。
我现在做一套十屏的 3C 详情页,从提示词到排版大概 20–35 分钟,比之前纯手工的 4–6 小时是数量级的差别。
上面用到的 StartAI 是我自己在用的 PS 插件,GPT 生图和曲面贴图这两个模块在详情页场景里比较顺手。
站酷的朋友可以用邀请码 UZ277P 领 100 积分先试核心功能:
https://www.istarry.com.cn/?sfrom=UZ277P
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
学习,优惠券,平面,海报
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
平面书法字手写
水蜜桃和李子的平面水果图案
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
城市园林平面布局航拍
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
玄关入门地毯印花图案红地毯
牛奶乳液层次梯田平铺平面
课程海报,平面素材
城阙凡花
平面插画情侣/矢量
海底世界插画
平面插画设计女孩喝咖啡
城市园林平面布局航拍
金色颗粒质地的平面
空的平台平面和自然景观
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
你可能喜欢
相关收藏夹
大家都在看
登录注册