说起店铺卡片，大家的第一反应肯定是“那不是和商品卡片差不多吗？”
是的，你们的印象没有错，店铺作为商品在抽象上的聚合，它的组件表现形式和商品卡片没有本质的区别，不过商品卡片的字段内容往往比商品卡片更多，甚至向下包括商品卡片本身，所以这个组件的设计难点全部在于如何合理地安排信息上。
信息的归纳总结和排版，这是UI设计必备的能力之一，愈是碰到信息繁多的组件，这种能力就愈发显得重要。
但在很长一段时间的观察下，我发现新手对于多信息排版的掌控能力是有所欠缺的，大家都会更关注「视觉」，而在某些方面忽略了「信息」的重要性。具体表现就是，要加的字段一多就手忙脚乱，乱排一通。
店铺卡片多用在有多商户入驻的平台型App内，业务类型可以包含外卖、餐饮、旅宿、理发、健身等等等等。
但在日常使用的App中，商品卡片出现的最多的不是淘宝京东这种超大型综合电商App，反而是饿了么美团大众点评，因为这俩者的业务流程有很大区别。
淘宝京东的浏览动线为从具体商品再到店铺 (这里指主要的流程)，而美团饿了么大众点评则刚好相反，先挑选店铺再挑选具体的餐品。这俩者的区别就好似于超市与商场，你在超市挑选商品首先在意的是商品具体是什么，其次才在意其品牌；但在商场不一样，首先在意门店和品牌，其次才是在这家店买什么。
所以淘宝京东对商品卡片的需求远远高于店铺卡片，而美团饿了么却是后者权重更高，内在逻辑便来源于此。
故而，店铺卡片主要应用的场景便是类似上述后一种商场模式的App。
最常见的店铺卡片采用列表视图，跟产品卡片的列表视图布局上几乎一致，但因为店铺卡片的信息通常比较多，所以不会出现信息不够的问题，大多数情况下信息多到足以超过图片的底部范围，最少可能也得撑满整个纵向空间。
店铺卡片的内容各种业务也有自己的特色字段，总结下来大概有以下这些：