日式侘寂 / MUJI 风Wabi-sabi
设计风格用自然材质、留白和不对称营造安静感
侘寂风的网页会借用自然色、材料肌理、留白和手工细节表达时间与不完美,适合家居、旅宿和慢阅读内容。它不等同于某个品牌,也不是米白配宋体的固定模板。
一席茶事五月 · 雨水第 04 则
先闻香,
再等水开。
壶口冒出第一缕白气时,院里只剩一声很轻的鸟鸣。茶不急着喝,先让杯壁暖一暖手。
手捏
茶碗
茶碗
设计原则 · Principles
- 从真实材料和摄影中提取自然、低刺激的色板米白 / 灰褐 / 墨色
- 用留白放慢阅读节奏,但具体比例由内容决定空 ✓挤 ✗
- 字体选择服务于内容,中英文分别检查字距与可读性余白之美细衬线 + 宽字距,东方书卷气
- 通过轻微不对称建立平衡,不让布局失去重心题字靠左印章压右下,偏而不倒
- 纸张、陶土等肌理只作辅助,不能干扰正文纸面有颗粒,摸得到的温度
什么时候用
- 家居和器物品牌,突出材料与手工过程素色床品 · 棉麻四件套家居品牌官网,MUJI 气质
- 茶、香和手作商品,内容节奏较慢手作粗陶茶杯 · 一只一窑茶 / 香 / 器物电商
- 旅宿页面,呈现空间、材料与停留感山里的温泉旅馆 · 仅剩 2 间民宿预订页,安静反而显贵
- 散文和个人博客,重视长文阅读体验「秋日备忘录」· 散文集个人博客与长文阅读
什么时候不用
- 数据密集工具为了氛围牺牲扫描效率数据大盘:12 张图表 + 实时刷新 KPI信息密度是侘寂的反面
- 高饱和颜色没有明确职责,破坏安静层级+
- 只有大面积空白,却缺少排版和材质细节只有一行字 + 纯白底,没有肌理没有细节留白不是偷懒,空无一物显得穷
- 促销标签过多,打断整体阅读节奏限时 5 折爆款新品促销标签一贴,禅意全无
组成结构 · Anatomy
米白纸底+
+
衬线+
+
+
侘
1纸感底色Paper Base示例用带细颗粒的米白色,需检查纹理不会干扰文字
2灰褐与墨色Earth & Ink#A8A294 / #5B564C / #2E2D29,全部取自自然
3细衬线宽字距Serif宋体类衬线 + letter-spacing,东方书卷气
4间 · 留白Ma用空白控制节奏和关系,具体比例由内容和屏幕决定
5不对称平衡Asymmetry题字靠左、印章压右下,偏而不倒
6朱红点缀Accent高饱和点缀可以承担落款或关键强调,但不要求全页只能使用一次
AI 提示词 · Prompt
日式侘寂茶事仪式日志,米白纸感底色,灰褐墨色,不对称留白,细衬线字体,手捏粗陶茶碗的材料感,慢阅读段落、泡茶记录与续写入口,朱红小印章点缀,wabi-sabi tea journal, natural texture, muted earth tones, serif typography典型使用场景
茶事仪式日志
一 席 茶 事五月 · 雨水第 04 则
先闻香,
再等水开。
雨停后泡一壶焙火乌龙。先让杯壁暖一暖手,再把第一口留给安静。
焙火乌龙 · 3 泡续写此刻 →
茶碗
家居品牌官网
茶器物电商页
温泉旅馆预订页
散文博客文章页