Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流

用户头像
佛山/AI创作者/13天前/452浏览
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流
Codex在设计圈火的一塌糊涂,几乎所有的设计培训机构都推出了Codex设计相关的课程,今天跟大家分享一个用Codex完成一套详情页,然后提炼成一个可以反复调用的自动工作流的教程。
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwMjQ=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
先来看一下今天分享的案例,Codex直接完成的一套详情。
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwMjg=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
Codex本质上是偏编程、工作流执行的Agent智能体,适合做批量化、流程化、规则明确的设计任务,但是审美不太行。
那么我们需要解决两个关键问题:1、将详情设计流程拆成标准步骤;2、提高AI的审美
好,话不多说,我们现在开始。
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwMzI=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
01 安装并打开Codex
登录OpenAI官网找到下载入口
如果还没有账号的话用QQ邮箱注册,然后订阅PLUS会员,再下载Codex登录,注意顺序别搞错了,免费用户会卡在验证手机这一步;另外,订阅会员别自己折腾了,找个代充方便又快捷。
(90%人都卡在手机验证和订阅这里,实际上找个代充就解决;另外也可以走API的路线,不过我不推荐,订阅会员的Token量大管饱还稳定)
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwMzY=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
02 创建项目并上传产品资料
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNDA=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
进入Codex点一下左边{项目}右边的+号新建一个项目,选本地即可,然后点对话框下面的+号,选计划模式
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNDQ=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
接着把产品资料和参考图(这个就是解决Ai的审美问题)一起扔到对话框,并发送这段提示词:
帮我设计一套视觉风格统一,叙事连贯的天猫详情页,但是不要马上开始生成图片,请你先根据我提供的产品图与参考图 ,提取可见事实,建立产品识别锚点,拆买家顾虑,先安排每一屏的任务,提取参考图视觉语言,给每屏匹配画面证据,然后生成每一屏的提示词。
03 检查并优化计划
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNDg=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
一两分钟之后,Codex会先给我们一个计划表。这个时候不要急着点确认,要先看它的计划是不是合理。
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNTI=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
如果计划方向可行,实施计划。如果不行,就点下面的继续对话调整。
04筛选加修改
检查生成好的图片,将有问题的地方截图下来发到对话框让它修改,这就是训练skill的必经之路,在这里我们要扮演一个严格且半点不将就的甲方,每一个问题都指出来让他修改到位。
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNTY=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
比如这个地方,下面莫名其妙出现一条深色的,相当的丑,提出来让Codex修正即可
05多轮修改优化
Codex电商设计指南,教你用Codex15分钟设计详情,并提炼成自动工作流(图ZMTU4MjUwNjA=) - 教程 - 站酷设计师子杰AIGC原创素材 - 站酷ZCOOL
收藏
与Codex经过一番友好的沟通之后,你终于获得了一套基本满意的详情,这时候就要开始第二轮,第三轮····AI生成的东西本身随机性就比较高,你得到一次满意的结果,不代表后面每一次都能满意,重复的意义就是尽可能的让更多的问题暴露出来,然后修正他,重复的次数越多skill的稳定性就更高。
06提炼Skill工作流
前面的步骤重复了四到五遍之后,我们就到了关键的一步:将前面的工作流程提炼成可复用的Skill。
Skill其实就是一套可以重复调用的标准化工作流程。
它会把每一步要做什么、用什么工具、禁止什么、达到什么标准,全部写清楚。
比如我们设计详情的流程,可以分为这几步:
1、提供产品图与参考图
2、分析产品
3、建立产品识别锚点
4、拆买家顾虑
5、分解每一屏的任务
6、提取参考图视觉语言 
7、给每屏匹配画面证据 
8、生成成品图 
9、检查产品、人物、文字和物理细节。
这时我们可以把下面这段内容发送给Codex:
将本次任务提炼成Skill,名字为:天猫详情设计(自己取个名字)
等待一会Codex就会按照你的要求创建一个skill,之后再设计详情的时候只需提供产品资料和参考图,他就会自动完成一套详情的设计。
Skill做完之后他还是有可能遇到一些问题,这个时候修正问题即可,到最后Skill就会越来越稳定,在使用过程中,你有好的想法也可以随时告诉Codex,叫他帮你加进Skill里去。
另外,做Skill还有一个抄近路的办法,就是在别人已经做好的skill的基础上优化并加入自己的需求。
最后分享一下自己的看法,Codex除了帮我们完成设计工作中的重复工作以外,他还有一个非常巨大的价值就是他链接了Github,这个世界上最大的开源社区,上面有全世界大神开发的各种工具,而在Codex里面,你只需一句话就能调用,下次遇到无法解决的难题时,可以试试这句咒语:
帮我在Github上搜索xxx相关的skill或者工具。
举个栗子:
帮我在Github上搜索漫画创作相关的skill或者工具
帮我在Github上搜索PPT制作相关的skill或者工具
好了,今天的分享就到这里,大家有什么问题可以在评论区留言。
另外如果你想抄近路获取我的skill,主页传送门。
1
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
平面设计 吊牌设计
城市园林平面布局航拍
平面设计风格的粉色草莓味马卡龙
空的平台平面和自然景观
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
水蜜桃和李子的平面水果图案
牛奶乳液层次梯田平铺平面
海底世界插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面插画情侣/矢量
倒计时,海报,平面
平面风格黄绿色系花朵装饰
平面男孩喝咖啡插画设计
城阙凡花
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册