技术

怎么让 AI 把页面设计美观好看的

使用 AI 生成界面有没有遇到过这种情况:功能布局都已经确定,界面效果又总是达不到自己想要的效果,让 AI “更美观一点”,它又会给你一套全新的风格,一直都达不到期望
最近正好碰到了这个问题,就分享几幅图来请大家讨论下。
这是我正在进行的开源抓包工具 Sniffy 中的根证书安装向导的界面,它的作用是让用户选择自己的设备,并按照页面提供的文字与截图进行操作。这是使用 gpt 画图生成的几版不同的设计方案:

不同方案都有一些值得使用的部分,但整体感觉有点过于强推:标题与图标、按钮、内容区都想突出表达出来,放到实际的软件中并不符合我的预期,我更希望整体看起来比较清爽,信息的优先级更加明确,能够与整体软件保持一致的风格
后来也用过设计相关的 Skills ,像 frontend-design 和 impeccable 等,给出了现有页面的图片,但“我觉得不好看”到底如何向 AI 表达才能让 AI 理解并输出符合期待的结果仍然存在比较大的不确定性,具体的要求需要详细给出,如字体字号、间距、高度和宽度比例,宽泛要求的情况下,则比较看运气
我最终参考如下自己先画出大致草稿的版本来做布局:

在顶部选择平台,然后左侧为当前步骤,右侧为操作截图。感觉更接近我的预期了,用户也可以直接看到应该操作什么内容,同时也欢迎大家看看几版方案中,哪版会更喜欢一些?
也很好奇大家使用 AI 生成 UI 时,一般会把设计要求明确到什么程度?

  • 参考图如何提供比较有效?是给完整的一张页面,还是分别给出布局、配色和控件风格?
  • 怎样描述“不好看”?有没有比“更好看一点”更好的描述?
  • 有什么实际使用中有好用的工具或者 Skills ?特别是信息密集的桌面工具类型界面
另外介绍下 Sniffy 支持 Windows 、macOS 和 Linux 系统,可以查看 HTTP/HTTPS/WebSocket 流量,可以做请求和响应修改、Mock 以及断点等调试操作。有抓包、调试接口等需求的,也可以试试,欢迎体验下,欢迎分享使用感受


⚠️内容来自互联网,如有侵权请点击反馈!侵权投诉
本帖共 1 条回复,登录后即可查看

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

hot.热文换一批
  1. 宇宙到底是大还是小?一张纸对折103次的厚度,宇宙已装不下
  2. 别眨眼!人类首次"看见"光子!你家灯泡里全是它!
  3. 人类至今无法彻底解释的15个顶级现象,看完敬畏万物
  4. 二十出头就显成熟?揭秘上一代人的"大人模样"背后原因
  5. 明明含有氢和氧,氢可燃氧助燃,为什么水偏偏不能燃烧?
  6. 🎉庆祝应用中心上架15个插件了,抽波优惠券![开奖时间:2026-04-26 20:00]
  7. 人类已发现外星生命?科学家:就在12亿公里外,可能以甲烷为食
  8. 又一个新游戏上线了,欢迎体验!
  9. 自来水微塑料3000万/升,煮沸后降到480万,比桶装水高还是低?
  10. 女装退货率飙至80%,商家为何挂密码锁发货?
  11. 现在这金价是不是还有余地
  12. 世界上最凶猛的10种鸟,金雕到底有多厉害?猎杀野狼轻而易举?
  13. 古人为何50岁就百病缠身?揭秘1972年7月30日“马王堆女尸”出土之谜
  14. 中国真挖到“宝”了!海水里藏45亿吨铀,美国70年难题被突破
  15. 太阳和银河系之间,还有一个神秘结构?
  16. 科学家:在人类出生前,有两种神秘的力量帮助构建了人脑
  17. 下潜到1万多米的海底,人类发现了不该出现的东西?需要引起警惕
  18. 🌱牛马论坛-每日早报-2026年10月08日
  19. 终于装上了LightSNS,然后模块一通买,还是花了上千
  20. 吃一块能顶一天?军用压缩饼干为啥抗饿?
  21. 小时候父母不让玩手机的秘密,网友亲测:经历过才懂!
  22. 牛马论坛[NIUMABBS]-行为规范准则
  23. [Day 21] - 10.26 - Tibo 又要重置了
  24. 测试
牛马论坛(niumabbs.com),一个专注于分享日常新鲜事、职场工作点滴、摸鱼乐趣与各类生活感悟的交流平台。

    关注我们

  • 加入Q群
  • 微信客服
  • QQ客服
Copyright © 2026 NIUMABBS 版权所有 All Rights Reserved. |网站地图 劰载中...
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表