前端与界面 · DEFINED TERM

Table、List 与 Card

表格适合对齐比较，列表适合顺序浏览，卡片适合独立对象概览。

你可能会这样说“数据要横向比就用表格，产品概览用卡片”

VISUAL EXAMPLE

先看懂它怎么工作

Table、List 与 Card

层 1识别信息关系

层 2选择容器

层 3组织字段

层 4提供操作入口

MECHANISM

USE WHEN

匹配不同信息密度和比较任务

NOT FOR

不要把需要精确列比较的数据拆成松散卡片

TELL YOUR AGENT

请按“Table、List 与 Card”的概念处理这个需求：数据要横向比就用表格，产品概览用卡片。先说明实现边界，再给出可检查的结果。

ACCEPTANCE

用户能快速扫描、比较并找到主要操作

OFFICIAL SOURCES