ui component category / 基础视觉与设计要素
Foundations & Visual Primitives
颜色、排版、间距、图标、网格、分隔线和层级等构成界面的基础视觉与结构语言。
Key fields
Identity
- Subtype
- UI 组件分类
- Hierarchy Level
- L1 · UI 组件分类
What
- Definition
- 颜色、排版、间距、图标、网格、分隔线和层级等构成界面的基础视觉与结构语言。
- Classification
- 已验证
Why
- Core Question
- 界面的视觉语言和几何规则由什么组成?
Lifecycle
- Status
- 已验证
Related content
Relationships come from the local knowledge graph and include reverse links.
- BorderBorderReverse · Related
定义边界、分隔和层级的线性视觉元素。
- Border RadiusRadiusReverse · Related
表达容器和控件边界的圆角规则。
- ColorColorReverse · Related
提供色板与颜色角色的基础说明,不作为业务组件直接消费。
- ElevationElevationReverse · Related
定义阴影、层级和 z-index 的基础尺度。
- Focus IndicatorFocus IndicatorReverse · Related
以可见方式标识当前键盘或辅助技术焦点。
- GridGridReverse · Related
定义容器、列、间隙和阅读宽度等布局基础。
- MotionMotionReverse · Related
定义动效时长、缓动、位移和 reduced motion 基础规则。
- ProviderProviderReverse · Related
为组件树提供主题、语言、方向、数据或交互上下文的基础机制。
- SpacingSpacingReverse · Related
提供空间尺度和布局间距的基础说明。
- TypographyTypographyReverse · Related
定义字体家族、字号、字重、行高和字距的基础尺度。
- Visually HiddenVisually HiddenReverse · Related
保留可访问名称或辅助技术信息,同时将视觉内容从布局中隐藏。
- DividerDividerReverse · Related
分隔内容区域,表达结构关系而非装饰。
- Focus RingFocus RingReverse · Related
统一表达键盘焦点和当前交互目标的视觉轮廓。
- IconIconReverse · Related
表达操作、对象、状态或方向的视觉符号。
- Visually Hidden TextVisually Hidden TextReverse · Related
只为辅助技术或上下文提供说明而不显示在视觉布局中的文本。