一个不懂设计的人,如何做出看得过去的 UI

前几天在 GitHub 上看到一个 UI 设计的 skill，说是能帮不懂设计的人做出专业的界面。

我想，反正我的 SaaS 网站 UI 也就那样，不如拿来试试。

结果还真有点出乎意料。

---

试试看的心态

我做了一个 SaaS 产品，功能基本稳定了，但 UI 一直是凑合着用。

不是说很丑，就是……很普通。那种一看就是”程序员自己做的”的感觉。

配色是从 Tailwind 默认色里挑的，布局也是最基础的那种。能用，但谈不上好看。

之前也想过改一改 UI，但自己没有一点想法。

跟 AI 聊呢，一是也就那样，给我的方案并没有比我现在的好。二是我要改的话，代码变动大，毕竟不是专业的前端，万一给我功能改坏了，还得花时间去修。就撂下了。

直到看到这个 ui-ux-pro-max-skill 的工具。

介绍说它有 67 种 UI 风格、96 种配色方案，还能根据产品类型生成设计系统。关键是基于 支持多个平台，可以直接对话，不需要学 Figma。

我想：既然这么方便，那就试试呗。

---

改造过程

其实心里已经做好把我代码改坏的准备了，但它是真争气啊，整个过程比我想象的简单一万倍。

简单到这篇文章字符都短了。

因为就一句话就搞定了，真的就是一句话!!!

我用 codex desktop，来测试这个 skill。顺便说一句 codex desktop 刚刚推出，这次跑 skill 也算是侧面体验了 codex desktop。

就这一句话，我的网站 UI 就大变样了。

重新设计我的网站 landing page 页面。

于是我的网站从这样。

变成了这样。

我们的对话过程

结果超预期

改完之后，我自己都有点意外。在我没有提供任何信息的情况下，他分析了我的网站功能，业务方向。以此为基础去设计的，不是随机给我抽奖，抽到哪个皮肤算哪个。

不是说变得多惊艳，但确实比之前好非常多。

最直观的感受是：界面看起来「专业」了，看起来就是大公司手笔。

以前的配色是东拼西凑的，每个页面都有点不一样。现在所有页面风格统一，颜色层次清晰，看起来像是一个完整的产品，而不是拼凑出来的。

还有个意外收获：AI 指出了一些我之前没注意到的问题。

比如按钮的点击区域太小，表单错误提示的位置不合理，有些文字对比度不够影响可读性。

这些细节我之前完全没意识到，但确实影响用户体验。

---

一些感想

1. AI 工具真的降低了设计门槛

以前要做出像样的 UI，要么花钱请设计师，要么自己花大量时间学设计。

现在有了这类 AI 工具，只要能说清楚需求，就能生成专业的设计方案。有的时候甚至都不用说清楚。。。

当然，它不能让你变成设计师。但对于独立开发者来说，能把产品从 60 分做到 80 分，就够了。

2. 设计系统比我想象的重要

以前我觉得”设计系统”是大公司才需要的东西。

但用了这次之后发现，即使是小产品，有一套统一的配色和规范，也能显著提升整体质感。

现在加新功能的时候，直接按这套规范来，不用每次都重新想。这种一致性，让产品看起来更专业。

3. 开始能看出好设计和坏设计了

用这个工具的过程，其实也是在学习设计。

通过 AI 的建议和说明，我开始理解：

• • 为什么这个颜色组合看起来和谐

• • 为什么按钮要有足够的点击区域

• • 为什么对比度很重要

• • 为什么要这么设计，用这类字体，字体大小等等

以前看别人的产品，只觉得”好看”或”不好看”，说不出为什么。

现在能分析出配色是否和谐、层级是否清晰、交互是否合理。

这种审美的提升，是我没想到的。

---

最后

如果你也是独立开发者，也觉得自己的产品 UI”凑合但不够好”，可以试试这个 skill。

它不会让你变成设计师，但能让你的产品看起来更专业一些。

对早期产品来说，UI 不需要完美，但要”看得过去”。好的界面能提升用户信任度，这比什么都重要。

---