其实已经在 X 上分享多次了，这次再发一下吧。 如何打造一致、且颜色相对具有一点独特性的 UI、颜色系统。 核心就是 radix-ui colors 那套色… · @ZaynHao · TwKit

@ZaynHao

其实已经在 X 上分享多次了，这次再发一下吧。 如何打造一致、且颜色相对具有一点独特性的 UI、颜色系统。 核心就是 radix-ui colors 那套色板，这是我一直在使用的对于我来说非常好用的颜色 token 系统。 好在哪里？无脑按照规则来用，怎么搭配都不会出错。 它提供了 12 个颜色等级，但这些数字不是随便来的，而是按照使用场景分组，每个数字都给了使用场景的定义，这样就比较方便搭配使用。 除此之外，还有一些基础的： → 为你的应用选择 3-5 个独特的颜色。这个有很多选择的思路，其中一个就是找一些你喜欢的网站或应用，识别出那些你喜欢的颜色，比如我的 minttr 应用的背景色 f6f4f0。这样就具有了一个基础色调方向。 → 注意一些 UI 搭配的基础设计，视觉对齐、同一页面不超过 3 个的文字大小、注意间距，还有一些小技巧，比如 0.5px 之类的。 → 消除 AI 随意输出的东西。比如中点分隔符“·”，将解释性的冗余文本直接呈现到页面等。 写了这么多，感觉可以出个专题了...

曝光 688 · 评论 1 · 点赞 16 · 书签 18