设计原则
边界、底色和阴影都在传达层级,过多容器会让页面显得碎。
原则 边界、底色和阴影都在传达层级,过多容器会让页面显得碎。
设计动作 只为重复对象、工具面板和弹窗使用卡片;页面 section 采用全宽区域或无框布局,避免卡片套卡片。
正反例 正向示例:卡片、面板、表格、弹窗。 反向示例:页面 section 被做成浮动大卡片再嵌套小卡片。
适用场景 卡片、面板、表格、弹窗。 需要区分可操作对象与页面背景。
来源提示 来源提示:综合 Apple HIG、Material Design、NN/g 可用性原则和成熟设计系统中的布局/层级实践整理。
Agent 指令
只为重复对象、工具面板和弹窗使用卡片;页面 section 采用全宽区域或无框布局,避免卡片套卡片。