# 极简界面（Minimalist UI）

镜语 · 版式与界面 / 布局方式

- 别名：极简网页、留白设计、Minimal Web、简约界面
- 口语：「很干净、大量留白的网页」「黑白几行字就很高级」「东西少但不空」
- 一句话：只留必要内容，大量留白、一种字体、黑白为主，靠字号和间距分层
- 是什么：极简界面只保留完成任务所需的内容，用大量留白、有限的字体与颜色、清晰的字号层级组织信息。NN/g 将其特征归纳为扁平纹理、有限配色、大量负空间和强调排版；它不是「东西少」，而是每个元素都有理由
- 缺了就不像：大量留白；一到两种字体；黑白灰为主
- 加了更像：发丝细线；严格对齐；悬停才显示的细节
- 适合用在：个人作品集、设计师和摄影师主页，让作品成为唯一的颜色来源；高端品牌、咨询和建筑事务所官网；视频里需要「高级、克制」的字幕和信息卡
- 看哪里：看整页只有黑、白、一种灰和一种字体，信息靠字号、字重和间距分层。作品是一张文字列表，悬停某一行时，对应照片才在旁边出现；分隔只用发丝细线
- 注意：去掉太多会让人不知道怎样操作：导航和可点击提示不能省；极简不等于没有设计：留白的大小、对齐和字号比例都需要精确
- 描述示例：做一个极简风格（Minimalist UI）的摄影师个人主页：暖白 #f7f6f3 背景、近黑 #111 文字，只用一种无衬线字体，靠字号和字重对比分层；大量留白，内容左对齐在严格网格上；作品以文字列表呈现，每行一条发丝细线，悬停时右侧出现对应照片；导航是几行小字，链接悬停加下划线；没有阴影、圆角和装饰色
- 易混：
  - [极简主义](https://idea.ameng.dev/terms/minimalism.md)：极简主义是更广的艺术与设计思想；本条只讲网页界面的做法
  - [杂志式排版](https://idea.ameng.dev/terms/editorial-layout.md)：杂志式排版用大标题和分栏制造节奏，极简界面更安静
  - [瑞士国际主义平面](https://idea.ameng.dev/terms/swiss-style.md)：瑞士风格同样重视网格和无衬线字，但更大胆地使用色块与不对称构图
- 相关：[留白](https://idea.ameng.dev/terms/negative-space.md)、[高级感](https://idea.ameng.dev/terms/high-end-look.md)、[干净](https://idea.ameng.dev/terms/clean-look.md)

## 来源与延伸阅读

- [NN/g · The Characteristics of Minimalism in Web Design](https://www.nngroup.com/articles/characteristics-minimalism/)

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