Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

侘寂风格

Wabi-Sabi

加入比较 +

借用日本侘寂美学中"接受不完美与无常"的取向来组织画面的视觉语言:低饱和的土色与灰色、可见的纸张、陶土、石材或织物肌理、刻意的不对称与留白,以及带手作痕迹而非机械精确的形与线。

示意图 · 编辑插画,尚无可操作示例
一张名为 FIELDNOTES 的虚构网页:带纤维肌理的米灰色纸底上,一只形状略不规则的陶土色器物偏在左侧,右侧留出大片空白,排着几条灰色占位文本条,边缘是手撕般的毛边。
一张名为 FIELDNOTES 的虚构网页:带纤维肌理的米灰色纸底上,一只形状略不规则的陶土色器物偏在左侧,右侧留出大片空白,排着几条灰色占位文本条,边缘是手撕般的毛边。

识别特征

  • 低饱和的土色、灰色与米色,色彩像经过日晒与磨损
  • 纸张、陶土、石材或亚麻的真实肌理作为底面
  • 不对称的构图与不规则的手绘形、毛边与笔触

概念边界

本词条只讨论被界面与品牌设计借用的侘寂式图形手法,不完整阐释侘与寂作为日本美学与佛教思想的内涵,也不涉及茶道的仪轨与器物鉴赏。判定标准是"低饱和自然色 + 可见肌理 + 刻意的不对称 + 手作痕迹"的组合,而不是"用了米色和留白"。它与极简不同:极简把元素削减到必要并追求干净整齐,侘寂并不以减少元素为目标,反而保留粗糙、磨损与不规则,把它们当作内容的一部分;一个页面可以极简而毫无侘寂感(干净的无衬线与纯色块),也可以有侘寂感而并不极简。"不完美"指材质与形态上的不规则,不是界面行为上的不可靠:控件、文字与反馈仍须清楚可辨。

什么时候考虑它

  • 品牌关于手作、器物、自然材料或慢节奏的生活方式
  • 需要传达温度与时间感,而不是科技感与效率
  • 内容以少量高质量图片与短文字为主

什么时候慎用

  • 任务型、高频操作的产品界面,肌理与不对称会拖慢扫读
  • 把"不完美"延伸到控件状态、对齐与反馈,导致界面看起来像出了错
  • 只用米色与留白冒充侘寂,与内容的材质和气质无关

取舍

自然色、真实肌理与不对称能让画面显得温和、有时间感、不像流水线产品,代价是肌理图片增加加载量、低饱和配色压缩了可用的对比度,而刻意的不规则需要很强的判断力才能不被读成粗糙或失误。

条件规则 · 编辑建议

当正文、标签或控件放在肌理或低饱和底色上必须按肌理最不利处核对文字与非文本对比度,必要时为文字区域铺平整的纯色底,确保满足 WCAG 对比度要求。
当在界面中表达"不完美"建议把不规则限定在插图、底纹与装饰边上,控件的对齐、状态与反馈保持一致和精确。
当使用照片级的纸张、陶土或石材肌理图片建议压缩肌理图片或改用小块可平铺的纹理,并在慢速网络下检查首屏加载。

相关词条

极简视觉风格 ↗条件替代 · 需要一种安静、克制的视觉基调

极简靠削减元素达到干净整齐,侘寂保留粗糙、磨损与不对称并把它们当作内容;两者都安静,但一个追求纯净,一个接纳痕迹。

波西米亚风 ↗相关但不同 · 品牌需要自然材质与手作感

两者都偏好天然材料与手工痕迹,波西米亚风以多元纹样与色彩的叠加显得丰富随性,侘寂以少量低饱和材质显得沉静。

匠艺 ↗提供解释 · 用手作痕迹表达品质与用心

工艺精神强调对材料与制作过程的投入,侘寂把这种投入留下的痕迹当作可见的美学。

对比与可读性 ↗条件冲突 · 低饱和文字直接放在纸张或石材肌理上

低饱和配色本已压缩明度差,肌理又让背景明暗不均,小字号最先失去可读性。

来源与支持范围

Stanford Encyclopedia of Philosophy · Japanese Aesthetics ↗

该条目第 3–5 节把侘(wabi)描述为朴素、克制的美,并说明千利休的侘茶刻意选用并不完美的器物、让茶室的墙与木材保持粗糙未加工,乐烧茶碗的形与釉面常不对称、不完美;第 5 节把寂(sabi)与岁月留下的包浆和旧物之美联系起来。本词条据此转述侘寂对不完美、粗糙材质与时间痕迹的取向,图形手法的建议属编辑意见。

检索日期:2026-10-20 · 快照待确认
Wikipedia · Wabi-sabi ↗

该条目把侘寂概括为以接受无常与不完美为核心的日本传统美学,列出不对称、粗糙、简朴、节制与对自然物的欣赏等特征,并记载 Leonard Koren 1994 年的著作把这一概念介绍给西方设计师;本词条据此列出可借用的形态特征,并说明它在设计界的传播是二手转述。

检索日期:2026-10-20 · 快照待确认

定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,肌理与器物形状均为原创绘制。应用到产品前仍须实测肌理底上的文字对比度与页面加载量,并确认"不完美"没有延伸到控件状态与对齐。

{
  "tokens": {
    "surface": "#ece4d6",
    "ink": "#3b3a35",
    "accent": "#9a6a4a",
    "radiusPx": 3,
    "shadow": "none"
  },
  "tokenScope": "本样例配方:带灰的米色纸底、暖灰墨色与陶土色强调色,示意低饱和自然色的取向;真实效果依赖肌理素材,单靠这几种颜色只会得到普通的米色页面,实际项目需另备肌理并验证其上文字的对比度。"
}

打开本词条的 Agent JSON 文件这个文件原样收录本词条的全部字段,并附上来源、存档与编辑声明。