principle / Alignment
Alignment
让元素沿共同的边缘、中心线、基线或网格建立可感知的视觉关系。
Key fields
What
- Definition
- 让元素沿共同的边缘、中心线、基线或网格建立可感知的视觉关系。
Why
- Core Question
- 元素是否通过共同的边缘、中心线、基线或网格建立清楚的视觉关系？
- Mechanism
- 共同轴线使分散元素看起来属于同一结构，并降低视线在页面中寻找关系的成本。无意的错位会制造漂移感，让用户难以区分层级和归属。
How
- Primary Use
- 增强秩序、可扫描性和元素之间的关联。
- Design Guidance
- 建立稳定网格和基线；同类内容使用一致对齐方式；有意打破对齐时必须服务于强调。
Evidence
- Limitations
- 对齐不等于所有内容居中。几何对齐可能需要光学微调，响应式布局和不同语言长度也需要重新验证。
- Last Verified At
- 2026-08-21
- Common Mistakes
- 对齐不等于全部居中；几何对齐可能需要光学微调；响应式布局需要重新验证。
Lifecycle
- Status
- 待复核
Related content
This entry does not have related content yet.
No related content to show yet.