风格库

Bento Grid UI

ProMax

Bento Grid UI(便当格栅)是苹果在 2022 年 iPhone 14 产品页上推广的版式语言:大小不一的圆角方块共享同一套紧凑栅格,少数大格承载标题,小格容纳功能点,整体呈非对称的模块化布局,正如日式便当盒分隔的格子。

这是苹果与浅色画布交替使用的深色变体——近黑墨色底,方块以微妙的明度差异(而非边框或阴影)彼此区分,SF Pro 标题采用紧凑的负字距,单一的 Action Blue 蓝承载所有交互。克制、精确、留白充裕,是高端科技产品的营销页基调。

深入了解 Bento Grid UI 风格

  • 来源全球 / 互联网(苹果产品营销)
  • 年代2022 onward (iPhone 14 product page popularized the modern bento grid); 2010s–now
  • 代表人物Apple Marketing · Apple Human Interface Design
  • 所属运动Bento layouts · Modular grid marketing pages · Apple keynote design

网页示例

3

幻灯片示例

3