即梦AI赋能电商设计!详情页视觉设计案例分享【保姆级教程】 --知识铺
Hi大家好,我是乐乐,一个专注用AI解决设计难点的AI设计师
今天是一期AI辅助电商设计搞定一套完整的产品的电商详情页
我会从:
一.同类产品分析
二.图片元素组成(让你清楚该怎么描述改图想法)
三.AI生图+四.AI再次优化
这四个方面来为你讲解
阶段一:一.同类产品分析
因为是纯AI创作连商品都是AI生成的,所以乐乐会在各大网购平台多搜集案例来进行这一次的全套详情页生成
之后对找到的图片进行一个归类总结,就得出了以下三类图片:
1.产品摄影海报
2.效果图
3.人物场景图
对于完整的电商详情页怎么做怎么系统的做其实乐乐并不知道,但是通过找这么几个对标,乐乐也就大概了解了关于洗面奶,同行在制作时候会去怎么搞了
无非是:
第一张:产品摄影海报(外加几个小标签)
第二、三张:之后是夸这个产品里面的成分怎么样好怎么样温和不伤肤,夸它解决了用户什么的痛点
第四、五张:是产品里面的特殊成分的效果展示、特殊护理机制的展示图
最后是人物使用场景、模特拍摄部分
所以乐乐在制作过程中也是按照这样的一套逻辑去制作
阶段二:二.生图
在接下来的阶段,每一种类型的图片都会按照:
二.图片元素组成
三.AI生图+四.AI再次优化
这样的框架去做一遍,直到最终完成
第一张:
首先是第一张图,对于产品海报的制作,我们参考下图:
画面很好分析:
倾斜的产品+左侧两端文本+两个小标签+底部的泡沫
于是我们提示词对应的这么写:
色调:浅橙色;将图一产品如图二产品一样轻微倾斜,摆放在画面的右下角,底部有绵密的泡沫,文案上仿照图二整体构图和谐;把“MIHOO护肤”换成“LELE护肤”字体颜色注意与画面主体色调相符、保持产品一致性
生图过程不一定一次顺利,我们可以结合失败的生图进行再次修改提示词从而达到想要效果
像我在生图时会遇到产品倾斜过大,我则对倾斜角度做出限制;
遇到了底部泡沫不足,则对底部泡沫做出修改让泡沫很多、铺满底部;
又比如文本我们想修改,我们告诉它,文本改成…颜色、衬线/非衬线等等
所以在制作图片的时候,我们一次性的描述画面元素不一定能做到非常精确,我们就要结合二次、三次修改提示词,来让AI精确的出图
第二张:
参考图如下
画面分析上依旧是老样子产品、文字、背景,只是文本变多了
对于文本的修改我们一定要按以下格式去修改:
把文案“…”修改成“…”
提示词:
色调:浅橙色;将图一产品如图二产品一样摆放,摆放在画面的右侧,底部铺满了绵密的白色泡沫,泡沫挡住了一部分产品,文案上仿照图二整体构图和谐,文案字体全部改成非衬线字体;颜色注意与画面主体色调相符、保持产品一致性,整体画面精致、美观、高档;
第三张:
这一张就完全摆脱了产品本身,属于是效果图
我们还是老样子,分析画面元素:
顶部两段文本+“1.表面….”+“毛孔….”+左右更一副清洁效果图+各自效果图底下的机理描述+背景
不难看出,我这一套描述逻辑是从上到下的描述方法,如果不能很好的精确定位,建议通过这样的方位词去让AI理解你的意思
提示词:
模仿图一内容,生成的画面色调:浅橙色;顶部文案字体必须是橘色非衬线字体、黑体、橙色色文本,右侧小图标去除;下方文本“1.表面胶束黑科技”改为“1.表面清洁活力剂”改为橙色字体,颜色注意与画面主体色调相符、画面整体做出清洁面部的两幅效果图,左边的是清洁小球进入毛孔,右边是清洁小区带走污垢小球,周围的细胞颜色采用肉色 ,整体画面精致、美观、高档;底部文字不变,所有“胶束”文字全部改为“活力剂”
第四张:
画面分析:顶部一段文字+右侧一段文字+左侧的花朵小球+下方一段文字+下方能量球和细胞效果图
提示词:
左上角球内展示一个切开的半个橙子,右边文本“独家专研山茶花PRO”改为“独家专研橙子MAX”精修画面,画面精致、文本清晰整体画面浅橙色;下方的金色效果球再精致一些,文本“锁水磁石”改为“锁水因子”
第五张:
画面描述:顶部文字+四个小画面+四段文字;每个小画面对应文本中描述的症状
提示词:
模仿图一内容,生成的画面色调:浅橙色;顶部文案字体必须是橘色非衬线字体、黑体、黑色文本,右侧小图标去除;颜色注意与画面主体色调相符、,整体画面精致、美观、高档;底部文字不变
第六、七张:
画面分析:
第六张:从上到下三段文字+右侧两幅画面
第七张:从上到下五段文字+左侧四个小画面
所以在修改时候,文字按照模板修改,画面根据心理预期让AI做出想要动作、效果
如:我想把文字换成非衬线,则说把图中的….文本换成非衬线黑体字体
想单独修改小图标,则说把…文字旁边的小图标换成….图案
如:把柑橘…清香文案换成橙子特调香薰,左侧的图案换成橙子
提示词:
图一画面修改:色调:浅橙色;文案字体必须全部改成非衬线字体、黑体、橙色文本;颜色注意与画面主体色调相符、保持产品一致性,整体画面精致、美观、高档;让图一中用手挤压泵头的泵头换成图二的泵头
图一画面修改:色调:浅橙色;所有的金色的文案字体改成非衬线字体、黑体、橙色文本;黑色、灰色文本能保持不变;“柑橘调西柚清香”改为“橙子特调香薰”对应的左侧画面改成切开的橙子;底部的泵头改为图二的泵头,顶部右边小图标去除;最下面的按压人性设计的左侧手中拿的产品为图二产品,确保产品一致性
第八张:
画面分析:上方一二级标题+底部三段文字+人物+背景
修改上,我更偏向于替换人物而非文字
提示词:
图一画面修改:色调:浅橙色;文案字体必须全部改成非衬线字体、黑体、橙色文本;颜色注意与画面主体色调相符、保持产品一致性,整体画面精致、美观、高档;换漂亮的美女闭眼开心的用双手触摸脸,脸部非常光滑、美丽
最后我们就走完这一整套流程了来看看成品
好了今天的分享就到这里,我们下期见
最近很多粉丝都在问我有没有DeepSeek的学习资料。说实话,DeepSeek这一波的爆火让很多人靠着信息差在过年期间卖资料都爆赚一笔。
但是有很多资料其实都是之前的ChatGPT包装了一下就拿出来了。很多资料都是重复且无用的。
今天乐乐给大家整理了一些DeepSeek的学习资料。包含了清华出品的104页PDF。有需要的关注后扫描乐乐的二维码,免费送:(限量100份)
资料一:零基础使用DeepSeek高效提问技巧
资料二:50个高阶DeepSeek提示词
资料三:DeepSeek15天指导手册-从入门到精通
资料四:如何正确使用DeepSeek
资料五:让你的DeepSeek能力翻倍的使用指南
资料六:《DeepSeek 15天指导手册——从入门到精通 》
资料七:50份副业SOP实战资料
资料八:《超级个体从零到百万变现》电子书
资料九:刻意练习 如何从新手到大师
最后送个免费福利,最近国内头部 AI 社群「AI 破局俱乐部」推出了 3天 免费体验卡,我也是这一期的AI绘画教练!如果不知道从何入手AI,可以试试我们的免费的三天公开课(扫描最后的二维码,添加助教)。包含AI视频、AI绘画、AI数字人、AI写作、AI提示词等各种热门AI赛道的玩法和实战,名额不多,赶紧加入吧。
既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐~谢谢你看我的文章,我们,下次再见。
- 原文作者:知识铺
- 原文链接:https://index.zshipu.com/ai/post/20251007/%E5%8D%B3%E6%A2%A6AI%E8%B5%8B%E8%83%BD%E7%94%B5%E5%95%86%E8%AE%BE%E8%AE%A1%E8%AF%A6%E6%83%85%E9%A1%B5%E8%A7%86%E8%A7%89%E8%AE%BE%E8%AE%A1%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com