卡片 · Card
英文:card/kɑːrd/(一个音节)
界面与交互难度:入门 ★
🗣️一句话大白话
把内容装进「一张张独立小盒子」的组件:边界清楚、好扫读,是 AI 最容易稳定实现的组件,也是信息列表的万能容器。
🎬真实场景
客户案例、文章列表、功能介绍、团队成员——全都能用卡片装:三列一排,每张「图 + 标题 + 两行简介 + 链接」,整齐克制。
📮你可以这样说
「「功能介绍用卡片网格:桌面三列(手机单列),每张卡片含图标、标题、两行说明;边框 1px 浅灰、圆角 12px,悬浮轻微上浮加阴影。」」
⚠️边界与常见误解
- ▸卡片信息做减法:超过三行说明就该拆页面
- ▸等宽等高整齐,但内容有主次时应打破(重要的大一号)
- ▸悬浮效果克制:轻微上浮即可,别飞起来