方法一:常见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风格需要和原来的风格保持一致。
Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐