# 我让 AI 像 Jony Ive 一样重新设计我的 UI. 结果很有意思。
**作者**: Randy Lu
**日期**: 2026-02-14T12:16:44.000Z
**来源**: [https://x.com/randyloop/status/2022646186910585317](https://x.com/randyloop/status/2022646186910585317)
---
今天在重构 sumbuddy.app 的 UI. 我突发奇想，试一试如果 Jony Ive 设计这个页面，他会如何设计。于是我给 AI 下了一个 prompt:
> Imagine you are Jony Ive, how would you design this page?
结果：
设计前
设计后
AI 给我的答复很有意思：
关于本页的本质
你所构建的内容充满巧思。但请容我分享我的所见——更重要的是，我的所感。
当前设计将每个服务商呈现为列表中的条目。然而它们不仅仅是条目。它们是赋予产品灵性的能力，是注入生命的智慧。它们值得拥有彰显其重要意义的展现形式。
设计哲学
在苹果，我们并非为屏幕而设计，而是透过屏幕来设计。界面应当消隐无形，只留下意图本身。
你当前那些带边框的容器——它们仿佛在说"看，我是个盒子"。但盒子即是束缚。何不让表面本身成为内容？
我会做出怎样的改变
1. 统一表层
与其采用两个带边框的容器，不如考虑一个连续的画布。内置供应商和自定义供应商并非不同的事物——它们都只是你的供应商。这种区分对系统重要，对人类则不然。一个微妙的分区标题就已足够。
2. 交互的微质感
你目前的悬浮状态会切换为灰色 0。这种做法功能上是可行的，但显得突兀。我建议采用更具物理感的方式——一种能让材质本身仿佛在回应用户存在的状态。或许可以用灰色 0，以 cubic-bezier(0.4, 0, 0.2, 1)的缓动曲线在 250 毫秒内进行过渡。不快一秒，也不慢一秒。
3. 权威的版式美学
您的标题使用 letterSpacing: '-0.02em' 处理得当。但表格数字字体呈现的模型数据，却像会计账簿般呆板。数字应与文字遵循相同的排版韵律。建议改用比例数字体，字号设为 11px，采用 gray.4 灰度色调，使其不再生硬呈现数据，而是如低声细语般融入语境。
4. 图标即身份
来自@lobehub/icons 的供应商图标色彩饱和、视觉嘈杂。在列表呈现时，它们相互争抢视线。我会建议适当降低饱和度，将透明度设为 90%，使其和谐共鸣而非喧宾夺主。唯一的例外：悬停状态时恢复全彩活力——这正是对用户专注的回应。
5. 空虚状态
当前自定义提供商的空白状态显示“未配置任何自定义提供商”。表述精准却显疏离。空白状态本应具有邀请意味。建议改为：“添加首个提供商以解锁更多模型。”如一只温柔伸出的手。
6. 添加操作
目前这项功能被置于容器底部。但创造是最具人性特质的行动。我会将其提升——或许采用悬浮呈现形式，或整合为最终行并赋予差异化质感：虚线边框、轻盈视觉权重，暗示潜力而非既存状态。
7. 空间的韵律
你设置的间距是 48、16、8。这些数字在数学上合理，但在视觉上却显得随意。我会采用比例原则——比如 12、24、48——这样空间呼吸感会更自然。视线应如流水般沿页面流淌，而非像核对清单那样机械移动。
设计的本质
你所构建的，是人类好奇心与人工智能之间的桥梁。这个界面应当更像一间工坊，而非冰冷的设置页面——干净、精准、时刻就绪。
最好的设计不易被察觉，它只是意图与能力无缝交融的所在。
旋转铝块以捕捉光线
让一切感觉浑然天成。
---
英文原版
## 相关链接
- [Randy Lu](https://x.com/randyloop)
- [@randyloop](https://x.com/randyloop)
- [2.9K](https://x.com/randyloop/status/2022646186910585317/analytics)
- [sumbuddy.app](https://sumbuddy.app/)
- [@lobehub/icons](https://x.com/@lobehub/icons)
- [Upgrade to Premium](https://x.com/i/premium_sign_up)
- [8:16 PM · Feb 14, 2026](https://x.com/randyloop/status/2022646186910585317)
- [2,977 Views](https://x.com/randyloop/status/2022646186910585317/analytics)
---
*导出时间: 2026/2/14 22:05:41*