# 东方留白界面（East Asian Minimal UI）

镜语 · 版式与界面 / 色调与氛围

- 别名：中式网页、东方美学网页、新中式界面、禅意网页、国风网页
- 口语：「有中式美感的网页」「竖着排的标题加红印章」「很禅意很安静的界面」
- 一句话：宣纸底色、竖排标题、印章和淡墨山影，用大面积留白安放少量内容
- 是什么：东方留白界面把东亚书画和器物的审美用在网页上：宣纸般的暖白底色、竖排标题、朱红印章、淡墨山影，内容极少，大部分是空白。它和中国山水画的留白、日本美学里的「間」（Ma）有相通之处，重点是克制，而不是堆龙纹和金红色
- 缺了就不像：大面积留白；竖排标题；朱红印章点缀
- 加了更像：宣纸底色；淡墨山影；宽字距宋体；中文大写数字
- 适合用在：茶、香、器物、书法和文化品牌的官网；国风内容账号的主页和视频片头；摄影和艺术作品集，需要安静的展示环境
- 看哪里：看标题是竖排的，字距很宽；照片降低了饱和度，配一行小字时间和说明；作品用壹贰叁肆编号，悬停或点击时切换照片。点「落款」会盖上一枚朱红印章
- 注意：龙纹、祥云、灯笼、金红色一起上，就不再是留白；竖排只适合短标题，正文仍用横排
- 描述示例：做一个东方留白风格的个人主页：暖白宣纸色 #f3eee3 背景带极细的纸纹，底部有两层淡墨色的远山剪影渐隐；左侧竖排标题「城市之光」，宋体，字距很宽；标题下方一枚朱红色 #b8382a 方形印章；中间一张降低饱和度的照片，下方一行小字时间和说明，字距加宽；右侧用壹贰叁肆编号竖向列出四个作品名，未选中的变淡；整页颜色只有墨色、纸色和一点朱红，大面积留白
- 易混：
  - [极简界面](https://idea.ameng.dev/terms/minimal-ui.md)：极简界面是现代无衬线和黑白；东方留白用宋体、竖排、印章和纸墨质感
  - [新中式](https://idea.ameng.dev/terms/neo-chinese.md)：新中式是室内和产品的设计风格；东方留白界面是网页版式
- 相关：[东方美学](https://idea.ameng.dev/terms/oriental-aesthetic.md)、[水墨](https://idea.ameng.dev/terms/ink-wash.md)

## 来源与延伸阅读

- [Wikipedia · Ma (negative space)](https://en.wikipedia.org/wiki/Ma_(negative_space))
- [Wikipedia · Shan shui](https://en.wikipedia.org/wiki/Shan_shui)

网页版（含演示）：https://idea.ameng.dev/terms/eastern-ui