欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 养生 > Cursor生成的UI太丑?如何减少UI拉扯?

Cursor生成的UI太丑?如何减少UI拉扯?

2025/3/31 20:48:34 来源:https://blog.csdn.net/weixin_47339511/article/details/146551388  浏览:    关键词:Cursor生成的UI太丑?如何减少UI拉扯?

方法一:常见UI组件库/风格+文字描述

目前有很多常见的UI组件库,比如:

  • React UI组件库有Material-UI、Ant Design
  • Vue.js UI组件库有Element UI
  • 通用UI组件库有Bootstrap等

但这种UI组件库需要根据项目类型选择,初学者选择起来有一定难度,所以我们可以换个思路,给AI指定一些通用的UI风格,比如:

  • 苹果的Apple Design
  • 谷歌的Material Design
  • 适合企业应用的Ant Design
  • 以及磨砂玻璃风的Glassmorphism
  • 扁平风的Flat Remix
参考Apple Design风格对UI进行重构优化,整体功能架构保持不变
参考Glassmorphism风格对UI进行重构优化,整体功能架构保持不变

方法二:参考图+具体描述

如果你想模仿竞品增加一些页面和功能,最快捷的方法就是把参考图丢给cursor,并具体描述你想参考的方向。
大家注意这里的描述提示词:

这个小程序有三个页面,分别是首页、订单、我的。
三个页面共享底部的Tabs,点击Tabs上的三个按钮可以切换至不同页面,我们目前已经有了“首页”,
请为“订单”和“我的页面”分别创建页面,页面信息可以参考上传的图片
(暂时不用考虑这两个新页面的功能实现),UI风格需要和原来的风格保持一致。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词