利用ai进行ui设计的一些问题

2026-04-11 12:071阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

ai在做ui设计的时候经常会偷懒, 具体表现为: 倾向于将全部功能放置在统一页面, 需要强提示才会粗暴地做对不同功能的ui分离, 这点在gpt上特别明显

再有就是即便明显地提示ai要重新开始做第2版设计, 也会潜移默化地照搬前文或者项目中已有的设计稿 (不要去想大象说是)

尝试过一些skill和mcp, 也试过用pencil之类的工具, 但是不知道是提示词有问题还是ai本身就不擅长这样的工作, 结果都不太人满意

想知道佬们是怎么利用ai做ui的呢?

网友解答:
--【壹】--: 工问千具:

这点在gpt上特别明显

我的建议就是不要让GPT做前端,换成Claude或者Gemini,前端一片海阔天空()
GLM5.1的UI都比GPT5.4好……


--【贰】--: 工问千具:

想知道佬们是怎么利用 ai 做 ui 的呢?

在做 UI 之前一定要知道自己想要的是什么,AI 只负责落地不负责设计。

如果自己写不好,让一些比较笨的小模型帮你找思路也可以,聪明的大模型(GPT-5.4、Gemini-3.1 之类的)反而做不好设计,不知道有什么玄学。

另外就是多看一些好用的 UI,试着用中文描述出样子,多积累也是好的。

我做的不是公司官网 UI,就是自己的小博客,希望有帮助。


--【叁】--:

用ui-ux-pro-max这个skill会稍微好些,当然还是要自己告诉他怎么做


--【肆】--:

如果你能找到个类似的网站让他抄,就更好了。开发UI最大的问题是你自己也形容不出来到底做成啥样的。


--【伍】--:

感谢分享


--【陆】--:

支持2楼观点,不要试图假定你告诉ai做一个“好看 清晰 合理”的ui,他就会做出来;你必须发挥能动性限制和引导他的设计


--【柒】--:

感谢佬友的详细分享


--【捌】--:

开始前先 plan 一下,确定你要的代码风格以及样式风格,你可以给它参考图,让它写一个 style-preview 页面,把一些重要的组件及动效多写几个版本让你挑选,确定后再真正进入代码编写环节。


--【玖】--:

感谢建议,这就试试,我目前用 5.4,确实一言难尽

问题描述:

ai在做ui设计的时候经常会偷懒, 具体表现为: 倾向于将全部功能放置在统一页面, 需要强提示才会粗暴地做对不同功能的ui分离, 这点在gpt上特别明显

再有就是即便明显地提示ai要重新开始做第2版设计, 也会潜移默化地照搬前文或者项目中已有的设计稿 (不要去想大象说是)

尝试过一些skill和mcp, 也试过用pencil之类的工具, 但是不知道是提示词有问题还是ai本身就不擅长这样的工作, 结果都不太人满意

想知道佬们是怎么利用ai做ui的呢?

网友解答:
--【壹】--: 工问千具:

这点在gpt上特别明显

我的建议就是不要让GPT做前端,换成Claude或者Gemini,前端一片海阔天空()
GLM5.1的UI都比GPT5.4好……


--【贰】--: 工问千具:

想知道佬们是怎么利用 ai 做 ui 的呢?

在做 UI 之前一定要知道自己想要的是什么,AI 只负责落地不负责设计。

如果自己写不好,让一些比较笨的小模型帮你找思路也可以,聪明的大模型(GPT-5.4、Gemini-3.1 之类的)反而做不好设计,不知道有什么玄学。

另外就是多看一些好用的 UI,试着用中文描述出样子,多积累也是好的。

我做的不是公司官网 UI,就是自己的小博客,希望有帮助。


--【叁】--:

用ui-ux-pro-max这个skill会稍微好些,当然还是要自己告诉他怎么做


--【肆】--:

如果你能找到个类似的网站让他抄,就更好了。开发UI最大的问题是你自己也形容不出来到底做成啥样的。


--【伍】--:

感谢分享


--【陆】--:

支持2楼观点,不要试图假定你告诉ai做一个“好看 清晰 合理”的ui,他就会做出来;你必须发挥能动性限制和引导他的设计


--【柒】--:

感谢佬友的详细分享


--【捌】--:

开始前先 plan 一下,确定你要的代码风格以及样式风格,你可以给它参考图,让它写一个 style-preview 页面,把一些重要的组件及动效多写几个版本让你挑选,确定后再真正进入代码编写环节。


--【玖】--:

感谢建议,这就试试,我目前用 5.4,确实一言难尽