接近年底，各种设计趋势前瞻总结只会迟到是不会缺席，但这些总结一向也没什么权威性，看个新鲜罢了，也没想到 bento 风设计竟也能被算作 2024 年网页设计的一大趋势。
印象中这股风可刮了有段时日了，今天咱就来说道说道。
维基百科上讲「bento」就对应日语中「弁当」，主要指代日式便当，其形式与功能兼顾的盒内格子布局就是 bento 式设计的灵感所在。
摄影图源：https://japanobjects.com/features/bento-box
若往前追溯，「弁当」其实源于我国南宋的俗语「便当」，就是方便的意思。到今天我们吃盒饭也不过是图省事，但在日本就演变成了一种精致饮食，尤其寿司便当，花里胡哨很是吸引美食荒漠之地人们的眼球。单从这个角度来看，bento 能成为国外产品设计的灵感缪斯之一也不算意外。
但这种设计本身并没有国外博主们宣传的那么神乎，其原理就是基于网格来组织 UI 布局以有效传达信息，说白了就是多了种 card 布局思路。至于 card 上的内容要怎么设计？那还是取决于设计需求本身，没有特定的一种视觉定式，设计过程也不需要什么神乎其技，哪里就生造出一堆设计原则来？
所以比起空谈视觉风格，我觉得好好研究下其布局逻辑更有价值一些。
这种多 card 平铺式布局没什么新鲜的，在 Microsoft 早期的设计语言 Metro UI 已可窥见一二，只不过其灵感不是源于 bento，而是上世纪 50 年代兴起的 Swiss Style（瑞士风格/国际印刷风格）。
Swiss Style 的视觉特点有：非对称、留白多、无衬线字体、极简主义等，但其最突出的特点就是讲究运用网格系统排版，这种风格在设计界的影响并不仅限于平面设计领域，也对后面网页设计的发展起了关键性作用。
往近了说，Apple 公司无论是每年为 WWDC 和 Apple Events 设计的摘要幻灯片，还是产品官网部分产品展示模块设计，以及设备端桌面小部件的组织形式，都是 bento 式布局的最佳实践。
但在网页端，Linear、Diagram 这些生产力工具网站才是真正引领风向的弄潮儿，以及我以前介绍过的一个 link-in-bio 工具，其产品名甚至就叫做「Bento」。