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

描边风格

Outline style

用边框与留白而非大面积填色区分内容区域。

也叫线框风格边框卡片

效果预览 先看,再试一试

实时演示
DESIGN SYSTEM

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

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

探索设计

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

这是什么

用边框与留白而非大面积填色区分内容区域。

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

什么时候用

文档、设置面板、紧凑管理页面。

容易混淆

描边风格是视觉选择;聚焦轮廓是无障碍状态,不应为了风格被移除。

可以这样描述

用细边框、清晰标题和留白区分卡片区域,减少填色装饰。

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

参考资料

相关规范与实现参考

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

正在准备离线内容…

收藏与方案保存在此设备