跳到主要内容
返回花园

抽枝 · 栽于 2026-07-101 分钟

Bento 的克制

设计布局CSS

Bento grid 流行的第三年,它已经成了新的"卡片流":打开十个个人站,九个是九宫格贴纸墙。

格子不是目的

便当盒的精髓从来不是"把内容塞进格子",而是格子的尺寸差异本身构成了信息层级:大格是主菜,小格是腌菜。如果每个格子一样大、一样满,那就退化成了表格。

首页的 Bento 我只给自己三条规矩:

  1. 最大格只放一件作品,其余格子不许超过两行字
  2. 格子可以空,但不能挤
  3. 动效只出现在指针到达之后 —— 静止时它必须像一张海报

光束边框的陷阱

"指针追随的高光"这个效果,常见错误是把高光做得太亮。它应该是玻璃上的反光,不是手电筒。我的上限是透明度 0.09,再亮就开始廉价。

设计工具年年换代,这条不会变:克制比丰富难。

全文完 · 2026-07-10