最近,我需要给一个客户做小程序的设计。
UI需求很简单:功能入口清晰、视觉清爽、符合主流审美。我把梳理完整的prd文档丢给cursor,分步生成了demo原型,但总感觉首页的UI不是那么完美,思来想去,决定试试workbuddy的设计,所以我把cursor设计的原始页面截图发给workbuddy,选择了设计创意+移动端APP+Ardot专家,将整个首页的风格全新设计了出来。

接下来,我又把cursor设计的首页,跟workbuddy设计的首页,丢给 Gemini 做了个盲评。
先说结论:WorkBuddy 的设计,在结构清晰度、视觉审美、信息层级三个维度上,都明显优于 Cursor。这跟我个人观点比较吻合,我也倾向于workbuddy设计的这版,感觉更加清爽,结构也更清晰,填补了原先对cursor设计说不出来的那种感觉。(当然,每个人的审美不一样,不代表所有人的观点)
Cursor 的设计:实用,但总觉得少了点什么
Cursor 交出来的方案,怎么说呢——该有的功能都有。功能入口排在顶部,往下是信息列表,底部有导航栏,感觉也挑不出来啥毛病。
它的结构是平铺式的。所有的图标平铺在顶部,所有的功能区域放在了同一层级。用户一眼看过去,信息密度高,但没有主次。你知道所有功能在哪,但你的眼睛不知道该先看哪里。
视觉上,配色偏保守。白色背景占主导,图标用了基础色,整体给人的感觉是"一个功能型后台",而不是"一个会员服务的门户"。

WorkBuddy 的设计:有层次感,知道"该突出什么"
WorkBuddy 交出来的版本,第一眼就能感受到差异。
第一,功能分区有了"呼吸感"。
WorkBuddy 把功能按场景拆成了四个独立区块,每个区块有独立的色系标识和标题栏,区块之间用卡片间距做了自然分隔。
这看似是视觉上的调整,其实是信息架构的优化。
第二,色彩体系更成熟。
WorkBuddy 用了蓝色渐变作为品牌基调,各功能区块配了独立的渐变色图标。整体色调统一但不单调,一眼就能感受到这是"有设计的",不是"拼出来的"。
第三,细节经得起推敲。
卡片圆角、文字间距、区块的可折叠交互、底部的毛玻璃导航栏——这些细节单独拎出来都不算大事,但放在一起,就构成了"质感"。
质感是什么?质感就是你不需要专家告诉你"这好看",你自己就能感觉到。


Gemini 的评测:不是"好一点",是"好一个档次"
我把两个页面截图发给 Gemini,问它:"如果你是用户,你更愿意用哪个?请从视觉审美、信息层级、交互体验三个维度评分。"
结果是这样的:
Cursor 版本在"功能完整性"上没有问题,但在"视觉一致性"和"信息层级"上被扣了分。Gemini 的评价大意是:功能入口清晰但缺乏层次引导,视觉风格偏功能型,更像管理后台而非用户门户。
WorkBuddy 版本在三个维度上全部拿到更高分。尤其是在"信息层级"这一项上,差距拉得最大。Gemini 的原话是:"清晰的区块划分配合渐变色体系,让用户能在 3 秒内建立页面认知模型。"
3 秒。 这就是现代设计的标准——用户还没开始思考,就已经形成了对页面的理解。
为什么同样是 AI,设计差距这么大?
我想,可能是:
Cursor 本质上是一个代码编辑器,它的强项是理解代码上下文、自动补全、Bug 定位。设计能力是它的附加分,不是必修课。
WorkBuddy 不同,它从一开始就把"产出完整作品"作为目标,设计不是它的副业,是它工作流的一部分。而且,它有专家模式,有很多内置的设计可调用,它能理解"这个页面要给谁看"、"用户最关心什么"、"哪些信息应该被突出"——这些不是代码问题,是产品问题。
Cursor 是一个好程序员,但 WorkBuddy 更像一个懂产品的全栈工程师。
所以,我建议
写逻辑、改 Bug、做后端集成——用 Cursor,它在这方面的积累确实深。
但如果你要做的是给用户看的页面——小程序页面设计,web前端设计等等——在这些"审美即功能"的场景里,可以尝试WorkBuddy ,我感觉会更加满足我们的场景应用。
其实现在的AI工具五花八门,多去尝试使用,找到合适自己的最重要,别人的推荐也只是建议,不同的业务场景,可能使用的方式也不一样,最终需要的效果也不一样,多用多比较,选择跟自己最契合的!
夜雨聆风