Card Body

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

将相关信息和操作组合成可扫描、可比较的内容容器。

把多个卡片按响应式栅格、列数和间距组织起来。

以标签和值的配对结构展示对象属性或摘要数据。

结合图片、视频或音频预览、元信息和动作的内容卡片。

呈现产品、价格、规格、库存和购买操作的商业卡片。

以引用文本、来源和上下文强调一条内容或观点。

聚合评分、分布、评论数量和代表性评论的评价摘要。

为数据表增加排序、选择、密度和键盘操作的复合能力。

集中呈现任务、页面或对象的关键信息与下一步动作。

以头像、引用、姓名和身份呈现一条用户证言。

在两个列表之间移动、搜索和排序可选对象。

查看和管理个人资料、偏好、凭证与账户动作的页面。

按版本、日期和主题呈现产品更新及影响的页面。

从购物车、地址、支付到确认的交易完成流程。

围绕成员、讨论、活动和参与动作构建的社区页面。

在任务、交易或提交完成后总结结果并提供后续动作的页面。

收集联系信息、需求和来源并完成转化的页面。

围绕对话消息、参与者、输入和上下文组织的交流页面。

围绕创建、读取、编辑、删除和批量管理对象的后台页面模式。

以侧边导航、正文、目录、版本和搜索组成的文档阅读模板。

确认邮箱地址并处理过期、重发和成功状态的流程。

在路由、权限、服务器或内容不可用时提供解释和恢复入口的页面。

从活动信息、报名、支付/确认到提醒的事件参与流程。

按时间、相关性或状态连续呈现内容、活动或更新的页面。

浏览、搜索、排序、选择和管理文件与文件夹的工作区页面。

以列表、详情、筛选、已读状态和批量操作处理消息或任务的工作区。

按筛选和详情浏览职位并启动申请的招聘页面。

左侧集合/列表与右侧详情/编辑区联动的工作台布局。

以网格、筛选、预览和详情查看媒体资产的页面。

通过一次性密码、设备或其他因子完成身份确认的流程。

聚合通知、筛选、已读和跳转动作的页面级模式。

帮助用户安全找回或重设凭证的页面流程。

比较方案、解释权益并引导选择或开始订阅的页面流程。

围绕一个产品或对象组织媒体、属性、证明、价格和操作的页面。

用筛选、分类和卡片/列表组织资源、案例或下载内容的目录页面。

搜索、筛选、排序、分页和结果反馈组成的发现型页面。

按领域组织偏好、权限、账户和系统设置的管理页面。

管理待购买商品、数量、价格、优惠和下一步结算动作的页面。