Interface Lab
返回知识库
Visual Foundations

模块节奏与重复

重复模块能降低认知成本,但需要用内容层级和节奏避免机械单调。

设计原则

相同结构适合相同任务;变体应来自内容优先级,而不是随机样式。

原则

相同结构适合相同任务;变体应来自内容优先级,而不是随机样式。

设计动作

为重复内容定义统一卡片/行模板;标题、摘要、标签、操作顺序固定,并用精选项或状态制造必要差异。

正反例

正向示例:资源列表、知识条目、模板卡片、数据卡组。 反向示例:每张卡片都独立设计。

适用场景

资源列表、知识条目、模板卡片、数据卡组。 用户需要比较多个相似对象。

来源提示

来源提示:综合 Apple HIG、Material Design、NN/g 可用性原则和成熟设计系统中的布局/层级实践整理。 Apple HIG Layout: https://developer.apple.com/design/human-interface-guidelines/layout Material Design Layout: https://m3.material.io/foundations/layout/applying-layout NN/g Visual Design Principles: https://www.nngroup.com/articles/principles-visual-design/

Agent 指令

为重复内容定义统一卡片/行模板;标题、摘要、标签、操作顺序固定,并用精选项或状态制造必要差异。