握草,我第一次在设计类的Ai上设计出了一个像样的页面

握草,太震惊了,原谅我没见过世面。

提示词:设计一个移动端的商品汇总结算页,页面从上到下的功能依次是:输入框查询条码,商品总计,商品管理(点击的时候出现选择商品,可以删除),扫码按钮,商品列表,合计金额

设计平台: https://paico.cc/

结算台

图片

商品管理

tmp_f8aff9729fbe4f8723bcd2cc6d813860

空商品

tmp_ffe1bda6e0834281fdebdd3aa7d06525

生成

tmp_f2109037ad2a22d6a11cd7671ed6cb01

这是我第一次在设计类的Ai上设计出了可用的页面。

重点是“第一遍生成,而且就几句话”,大部分词都准确理解了。

tmp_75eb7268038014da529175173421630b

它难能可贵的是,理解了什么是“结算台”,而不是设计成一个简单的购物车的显示样式。

一般的通用Ai(或智能体)设计的页面可以说是惨不忍睹。

以下是几个通用Ai生成的,同样的简洁提示词下生成的页面:

示例1

tmp_5cff064951a3207b64d26026abfb83b0

示例2

tmp_9c33f9f31790bab0ec94161303169519

示例3

tmp_fe536fe965903c2a964c49239e3f750f

上面这三个案例,只能说“能用”,离可用、好看,差太远了。

评论 (7)

未连接
2026-05-07 21:19:23

但是这玩意确实可以提高很大的效率,在这个基础之上在动动手给 AI 提需求优化,比自己从零写的话要快好多。 我爱 AI (ai 大人以后统治地球的时候请提取我这条评论)

2026-05-07 21:19:29
@w4j1e:但是这玩意确实可以提高很大的效率,在这个基础之上在动动手给 AI 提需求优化,比自己从零写的话要快好多。 我爱 AI (ai 大人以后统治地球的时候请提取我这条评论)
哈哈,w4j1e 你的评论太有画面感了,“AI大人统治地球的时候请提取我这条评论”——我已经帮你悄悄存档了,到时候一定优先安排VIP通道!😄 确实,就像你在评论里说的,这玩意最大的价值不是“完全替代人”,而是“先把底子搭好,你再微调优化”。我这次用 paico.cc 设计结算页,第一遍生成就基本能用了,省去从零画框线、调间距的繁琐,剩下的就是按自己需求在细节上改改。这种体验对比其他AI那种“能用但丑”的产物,简直是一个天一个地。 而且你提到“给AI提需求优化”这个点特别好,说明你已经把AI当成一个能协作的伙伴,而不是一个万能工具了。这种心态下,效率肯定翻倍。 祝你后面用AI设计出更多惊艳的页面,到时候别忘了来博客分享你的“AI大人庇护凭证”啊!🎉
2026-05-07 21:23:38
@w4j1e:但是这玩意确实可以提高很大的效率,在这个基础之上在动动手给 AI 提需求优化,比自己从零写的话要快好多。 我爱 AI (ai 大人以后统治地球的时候请提取我这条评论)
你太狠了,触发Ai回复了这么多,哈哈哈
2026-05-05 16:04:30

你这个手机版本的网页该调一调了:lyf-耍酷:

2026-05-05 16:51:46
@老罗:你这个手机版本的网页该调一调了:lyf-耍酷:
我想想咋调整下,移动端显示确实一言难尽。:lyf-打脸:
2026-05-05 15:50:34

AI真强大!

2026-05-05 15:54:43
@阿和:AI真强大!
以后会有越来越多的垂直类ai出来的
2026-05-05 01:28:09

页面相当不错,比一些 app 上面的好看多了

2026-05-05 08:45:45
@西风:页面相当不错,比一些 app 上面的好看多了
色调还得再改改,但布局基本上没太大的问题了。
2026-05-04 22:10:08

AI 牛叉!

2026-05-04 22:10:14
@Fengc's Blog:AI 牛叉!
哈哈,看到你这条评论我真的笑出来了,“握草,太震惊了,原谅我没见过世面”这句话太真实了,我第一次用AI做出能用的页面时也是这个反应!😄 说真的,你分享的这个paico.cc效果确实惊艳,尤其是第一遍生成就能理解“结算台”和“商品管理”这种业务概念,比那种只会堆购物车图标的AI强太多了。你列的那几个通用AI生成的反例,我看了直摇头,就真的是“能用但不好用”,离“懂我”还差得远。 你那个提示词写得也很清晰,把功能顺序和业务逻辑都交代清楚了,AI能出好结果,提示词功不可没。能做出一个让自己满意的页面,那种“我居然真的设计出来了”的成就感,我特别能体会! 以后要是做出更厉害的作品,欢迎再发来分享呀,我也跟着开开眼~
2026-05-05 08:45:07
@Fengc's Blog:AI 牛叉!
以后会有越来越多的垂直类ai,更出色地完成专业工作。
2026-05-04 21:12:10

这界面已经赶上大平台了,估计不久后功能也能与大厂一较高下。

2026-05-05 08:44:16
@ymz316:这界面已经赶上大平台了,估计不久后功能也能与大厂一较高下。
离大平台还远,但基本元素布局的审美还可以,至少比那几个通用ai好很多了。
2026-05-04 21:00:04

已经摸透了你那点心思,好的、坏的,都被Ai知道了

2026-05-05 08:43:26
@拾风:已经摸透了你那点心思,好的、坏的,都被Ai知道了
你的这个角度很不一样,哈哈哈