谈谈在UI界面设计中的4种流行的卡片类型

在UI界面设计总，卡片设计是我们在每个数字化产品，比如网站设计、APP应用程序、小程序...中经常看到的一种组件的容器，因为卡片带来了简单和方便。卡片通常会简要总结我们想要传达给用户的记录信息，而不是使用表格形式。

卡片UI界面设计是一个小标签组件，有图片和文字组成。卡片是用户访问我们想要传达的信息的第一个接触点，是用户点击查看详情的容器。与传统的UI界面设计相比，简洁、可视化的优势让用户体验更加友好。 卡片式 UI 设计由来已久，但为了提升用户体验，卡片式设计已成为现代 UI设计的主流，已成为网站或应用程序 UI 不可或缺的组成部分。尤其在蚂蚁UI设计系统，或者Google设计系统中，卡片已成为不可获取的一部分。

下面一起来谈谈在UI界面设计中的4种流行的卡片类型：

1. 信息资讯卡片
信息咨询卡是在您的信息页面上显示您的信息的组件。包括创建日期和时间、标题、内容、插图、文章类型等许多组成部分……要创建一个漂亮的博客卡片，我们需要依赖许多因素，例如：是否布局清晰、易于理解、合理划分成分。

2.产品卡片
产品卡片广泛用于网站和电子商务应用。它旨在吸引买家对产品的兴趣。使用视觉层次使产品卡片更有效率，产品图像通常比其他内容大，其次是产品和价格。 产品卡片的主要目的是为买家提供有关产品的初步信息，根据您要销售的产品，您在设计时需要考虑这些信息。 除了产品标题、有趣的图片和 CTA 按钮（添加到购物车、立即购买）之外，您的产品卡还应包含简短描述、产品参数、购买次数和评分。

图像是一个非常重要的因素，因为它是用户在查看我们的产品时最先吸引眼球的元素，因此您需要使图像尽可能清晰、真实。你也不应该使用太多的字体，内容也不要太多，因为用户会懒惰阅读，所以你只需要在产品卡片上描述产品最突出的特点。

3.评论卡片
借助评分功能，我们经常看到星级评分形式（1 到 5 星）是最受欢迎的。根据产品和服务的质量，用户对它们进行 1 到 5 星的评分。这种评价方法非常适合用来评价产品或服务的水平。许多电子商务网站、电影评论和房间出租都在他们的系统中使用这个评级，我们应该设计适合每种评估类型的卡片。 在评论卡中，我们会看到很多不同的类型。汇总所有评论并计算平均星数。或者显示每个用户的评论，包括评分或喜欢不喜欢的星数，并记录有关他们对产品或服务的体验的信息。

4.仪表板（数据可视化）卡片
仪表板有助于将重要信息快速传达给系统管理员，仪表板卡的主要目的是呈现当前数据和资源并显示它们的状态，帮助管理员快速、主动地在他们的系统上工作。对于每个重要的信息项，每个信息都会有一张卡片来描述，根据我们要描述的信息，我们选择最优化的图表设计。柱形图和折线图可能是最常用的，此外，我们还可以遇到饼图。仪表板卡的常用组件：信息项名称、当前数据、显示当前波动率的图表、百分比变化。使用视觉层次和颜色来帮助用户轻松区分。

概总结，UI界面设计中的卡片数不胜数，但以上4种最为常见。在实际设计中，我们会把内容按不同属性进行划分，按需求进行不同类型卡片的设计。