Codex在设计圈火的一塌糊涂,几乎所有的设计培训机构都推出了Codex设计相关的课程,今天跟大家分享一个用Codex完成一套详情页,然后提炼成一个可以反复调用的自动工作流的教程。
先来看一下今天分享的案例,Codex直接完成的一套详情。
Codex本质上是偏编程、工作流执行的Agent智能体,适合做批量化、流程化、规则明确的设计任务,但是审美不太行。
那么我们需要解决两个关键问题:1、将详情设计流程拆成标准步骤;2、提高AI的审美
如果还没有账号的话用QQ邮箱注册,然后订阅PLUS会员,再下载Codex登录,注意顺序别搞错了,免费用户会卡在验证手机这一步;另外,订阅会员别自己折腾了,找个代充方便又快捷。
(90%人都卡在手机验证和订阅这里,实际上找个代充就解决;另外也可以走API的路线,不过我不推荐,订阅会员的Token量大管饱还稳定)
进入Codex点一下左边{项目}右边的+号新建一个项目,选本地即可,然后点对话框下面的+号,选计划模式
接着把产品资料和参考图(这个就是解决Ai的审美问题)一起扔到对话框,并发送这段提示词:
帮我设计一套视觉风格统一,叙事连贯的天猫详情页,但是不要马上开始生成图片,请你先根据我提供的产品图与参考图 ,提取可见事实,建立产品识别锚点,拆买家顾虑,先安排每一屏的任务,提取参考图视觉语言,给每屏匹配画面证据,然后生成每一屏的提示词。
一两分钟之后,Codex会先给我们一个计划表。这个时候不要急着点确认,要先看它的计划是不是合理。
如果计划方向可行,实施计划。如果不行,就点下面的继续对话调整。
检查生成好的图片,将有问题的地方截图下来发到对话框让它修改,这就是训练skill的必经之路,在这里我们要扮演一个严格且半点不将就的甲方,每一个问题都指出来让他修改到位。
比如这个地方,下面莫名其妙出现一条深色的,相当的丑,提出来让Codex修正即可
与Codex经过一番友好的沟通之后,你终于获得了一套基本满意的详情,这时候就要开始第二轮,第三轮····AI生成的东西本身随机性就比较高,你得到一次满意的结果,不代表后面每一次都能满意,重复的意义就是尽可能的让更多的问题暴露出来,然后修正他,重复的次数越多skill的稳定性就更高。
前面的步骤重复了四到五遍之后,我们就到了关键的一步:将前面的工作流程提炼成可复用的Skill。
Skill其实就是一套可以重复调用的标准化工作流程。
它会把每一步要做什么、用什么工具、禁止什么、达到什么标准,全部写清楚。
将本次任务提炼成Skill,名字为:天猫详情设计(自己取个名字)
等待一会Codex就会按照你的要求创建一个skill,之后再设计详情的时候只需提供产品资料和参考图,他就会自动完成一套详情的设计。
Skill做完之后他还是有可能遇到一些问题,这个时候修正问题即可,到最后Skill就会越来越稳定,在使用过程中,你有好的想法也可以随时告诉Codex,叫他帮你加进Skill里去。
另外,做Skill还有一个抄近路的办法,就是在别人已经做好的skill的基础上优化并加入自己的需求。
最后分享一下自己的看法,Codex除了帮我们完成设计工作中的重复工作以外,他还有一个非常巨大的价值就是他链接了Github,这个世界上最大的开源社区,上面有全世界大神开发的各种工具,而在Codex里面,你只需一句话就能调用,下次遇到无法解决的难题时,可以试试这句咒语:
帮我在Github上搜索xxx相关的skill或者工具。
帮我在Github上搜索漫画创作相关的skill或者工具
帮我在Github上搜索PPT制作相关的skill或者工具
好了,今天的分享就到这里,大家有什么问题可以在评论区留言。
另外如果你想抄近路获取我的skill,主页传送门。