全部词条 / 视觉风格
视觉风格
常见叫法

扁平风格

Flat design

减少材质和立体模拟,主要用颜色、形状与排版表达层级。

也叫扁平化

效果预览 先看,再试一试

实时演示
DESIGN SYSTEM

好的设计,
让内容更清晰。

关注内容、层级与恰到好处的细节。

探索设计

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

减少材质和立体模拟,主要用颜色、形状与排版表达层级。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

数据密集后台、清晰直接的工具界面。

容易混淆

扁平并不意味着没有层级;仍需通过字重、留白和状态表达重要程度。

可以这样描述

采用纯色表面和清晰排版,减少立体装饰,以间距与字重建立层级。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备