笔者近期在设计 B 端运维告警平台时，就告警指标如何呈现，选择卡片式 or 列表式与团
队的小伙伴们进行了激烈的讨论，从交互体验、信息呈现到业务效率等多方面进行了分析
，尽管笔者最终向列表式作出了妥协，但其中有价值的观点想与各位同学们分享。


概念介绍
什么是卡片式？
即通过一张张带有明显边界的卡片，在用户界面上平铺展示的 UI 设计，同时在卡片中我
们能获取到卡片的图片、文案信息、甚至是 url 等信息。卡片可以作为信息展示的内容组
成，也可以作为更加详细的信息入口，同时也具有更加丰富的可互动性。
卡片式 UI 的流行


在大家所熟知的 appstore、淘宝、闲鱼的首页，从 appstore 的完美利用空间布局设计到
淘宝闲鱼的信息分级和重点突出，卡片式 UI 已经被运用的炉火纯青，各位同学们可以逐
一感受。当然，笔者接下来将从 B 端业务的角度去阐述卡片式 vs 列表式的优劣。

卡片式设计的优劣
首先放出笔者在设计运维告警平台时最初的卡片式告警配置方案：
笔者将不同的告警指标分为不同的卡片，每张卡片内容包含告警对象、指标、触发条件、
推送渠道已经创建者等信息，同时支持编 ...