设计与体验 · DEFINED TERM

网格与对齐

网格提供稳定列和基线，对齐让不同元素形成可扫描的秩序。

你可能会这样说“标题、卡片和按钮要落在同一条边线上”

VISUAL EXAMPLE

先看懂它怎么工作

MECHANISM

USE WHEN

组织复杂页面并减少视觉噪声

NOT FOR

不要让相邻模块各用一套不同宽度和边距

TELL YOUR AGENT

请按“网格与对齐”的概念处理这个需求：标题、卡片和按钮要落在同一条边线上。先说明实现边界，再给出可检查的结果。

ACCEPTANCE

主要边线一致，重排后仍保持清晰顺序

OFFICIAL SOURCES