官网和应用的分水岭在于:应用强调密度,官网强调呼吸。把行高放宽、把标题做成细字重展示体,界面的气质立刻就不一样了。
一句话说不清的,不配做组件
粒度过细会让组合成本爆炸,过粗又失去灵活性。我们给自己立的规矩是:能被一句话描述清楚的,才配成为一个组件。
安静优雅不是没有设计,而是设计完成之后,退到了内容的后面。
剩下的部分,都是在这条原则之下的反复权衡——这也是这篇文章想讲清楚的事。
写下来,才算想清楚。
关于前端、设计与慢生活的个人札记,每周更新一至两篇。
组件粒度、插槽设计与令牌边界——一次开源组件库 API 设计的完整复盘。
一个滚动浮现指令,值得写一篇长文:观察器复用、减弱动效与 SSR 兜底。
CSS 变量重映射 + html.dark 一键切换,一篇讲透双主题的落地方式。
排版节奏、字重层级与 8px 网格,在长文页面里的具体用法。
藏青、粉彩与雾面质感如何共处,以及为什么语义色只需要五种。
在山里住满三十天之后,我对「效率」这个词有了新的理解。
从离线编辑器到噪音耳机,十件让我在咖啡馆写完这本书的东西。
组件设计
组件粒度、插槽设计与令牌边界——一次开源组件库 API 设计的完整复盘。
官网和应用的分水岭在于:应用强调密度,官网强调呼吸。把行高放宽、把标题做成细字重展示体,界面的气质立刻就不一样了。
粒度过细会让组合成本爆炸,过粗又失去灵活性。我们给自己立的规矩是:能被一句话描述清楚的,才配成为一个组件。
安静优雅不是没有设计,而是设计完成之后,退到了内容的后面。
剩下的部分,都是在这条原则之下的反复权衡——这也是这篇文章想讲清楚的事。
独立开发者 · 前端工程
正在写一本关于组件设计的小书。相信好的工具应该安静,好的文字应该诚实。
最近更新
每周精选,直接进邮箱