ProjectsOctober 2, 2026

rauno.me — 交互细节的密度

image
这个站几乎没有视觉冲击力,但它是我见过交互细节最密的个人站。 举个例子:几乎每个可点击元素都有独立的按下位移,幅度 1px,配一条很短的过渡;列表项在键盘焦点和鼠标悬停时的样式是分开设计的;打开弹层的滚动锁定做了补偿,页面不会跳。 这些东西单独看都不值一提,堆在一起就成了"用起来很顺"。我把它当成一个检查清单,每次做完页面就对照过一遍。

Related projects

Stripe — 渐变与信息密度

Stripe — 渐变与信息密度

Vercel — 暗色系的对比度控制

Vercel — 暗色系的对比度控制

Bruno Simon — 3D 站点的性能取舍

Bruno Simon — 3D 站点的性能取舍

Apple — 滚动叙事怎么拆

Apple — 滚动叙事怎么拆