chatgpt的ui设计命令怎么写?老鸟手把手教你避坑,附真实案例

发布时间:2026/5/14 3:28:58
chatgpt的ui设计命令怎么写?老鸟手把手教你避坑,附真实案例

做UI这行六年了,真的被ChatGPT折磨过也真香过。

很多人问,为啥你生成的图那么准,我的全是怪物?

其实不是模型不行,是你没给对“指令”。

今天不整虚的,直接上干货,教你怎么让AI听懂人话。

先说个扎心的真相,别指望扔个词它就出精品。

我见过太多新手,上来就喊“画个APP界面”,结果出来的东西连排版都歪。

记住,AI是个顶级实习生,你得教它怎么干活。

第一步,给它定角色。

别光说“你是一个设计师”,太泛了。

要具体,比如“你是一位拥有10年经验的高级UI设计师,擅长极简主义和苹果风格”。

这样它脑子里的调色盘和字体库才会对路。

第二步,描述场景和痛点。

比如“这是一个针对老年人的健康管理APP,字体要大,对比度要高,操作路径要短”。

这时候你再让它生成,它就不会给你整那些花里胡哨的动效了。

第三步,明确结构元素。

这里有个坑,很多人只说“要有导航栏”。

AI会懵,到底在哪?多大?什么颜色?

你得说“顶部固定导航栏,高度60px,背景白色,包含三个主要图标”。

越细节,它越听话。

第四步,指定风格参考。

虽然它不能直接看图(除非用多模态),但你可以描述风格。

比如“参考Linear.app的深色模式,使用微渐变和玻璃拟态效果”。

这种具体的参照物,比说“高级感”有用一万倍。

第五步,迭代修改。

第一次出来的肯定不完美,别急。

拿着结果去挑刺,比如“按钮颜色太暗,换个亮橙色”,“间距太挤,加大20%”。

这就叫对话式设计,像跟同事改稿一样。

我有个朋友,之前用Midjourney搞UI,总是控制不住细节。

后来他用了这套指令逻辑,效率提升了三倍。

他跟我说,以前一天改十版,现在一小时出初稿。

当然,AI生成的代码或矢量图,还得人工去微调。

毕竟它不懂业务逻辑,只懂像素排列。

这里分享个我常用的prompt模板,大家可以抄作业。

“作为资深UI设计师,请为[产品名]设计[页面名称]。

目标用户是[人群],核心功能是[功能]。

风格要求[风格描述],色彩方案[颜色代码或描述]。

布局结构包括[具体元素列表],请输出详细的界面描述和配色建议。”

注意,别写错别字,AI对文字很敏感。

还有,标点符号要用英文半角,不然它可能理解偏差。

比如逗号用,而不是,。

这点小细节,很多人忽略,导致效果大打折扣。

最后,别把AI当万能钥匙。

它只是工具,你的审美和逻辑才是核心。

多试错,多总结,你会发现它真香。

如果你还在用那些老旧的提示词,赶紧换换。

毕竟,时代变了,咱们也得跟着变。

希望这篇能帮到你,少走弯路。

记得点赞收藏,下次找不到了别哭哦。

咱们下期见,聊聊怎么让AI帮你写文案。