卡片式设计对于我们来说并不陌生，从设计类网站上或市场上的一些APP中也会看到很多的卡片式设计的案例，卡片式设计也是UI设计中最常用的方式之一。  
在现实生活中的卡片式设计可以说是无处不在，例如身份证、交通卡、银行卡、名片、便利贴、扑克牌、游戏卡……诸如此类的生活常见品都是以卡片的方式存在，其共同点都使用一个容器中承载着内容，并且具有“便携性、信息简洁和相对独立性”。

UI设计中卡片的使用场景
在项目设计之初我分析了一些使用卡片设计的App，并且从中整理总结了几个较为常见的卡片式设计的使用场景。

Feed 流
卡片式的feed流设计是一种非常常见的设计，早在前几年Facebook、Google 等产品就使用了这一方式，Feed流作为一种长内容的媒介，用户需要长时间的滑动看内容并筛选有效信息，卡片式设计很好的解决了内容与内容的区块分隔，让用户在长屏幕滑动中依旧可以很好的明确每一块的内容。

瀑布流设计
瀑布流的出现让单屏区域内显示了更多的内容，而内容较多的情况下，使用卡片式设计较好的对内容进行了区域划分，让左右上下的内容从整体中具有相对的独立性。

左右滑动组合型内容
卡片式设计具有较强的层次感，相比于拉通平铺更能呈现内容可滑动感受，并且块状化的设计让内容具有较高的区域分割感。

Tips提醒
作为非界面固定内容，卡片式设计可以让tips提醒设计变得更自由，在符合用户体验的基础上，它可以出现在任何我们想要它出现的位置。

结合手势的单块可互动内容
若页面中有且只有一个主内容，并且需要用户进行快速筛选时，可考虑这种结合卡片式设计与手势设计的方式。大大增强了用户对于设计的体验感知和丰富视觉表现。

卡券类设计
卡券类的设计实际上是一种物化映射的过程，我们在现实中看到的卡券造型，结合卡片式的拟物化设计，让用户在屏幕上可以更直观的感知，提升了设计的代入感。

集合型功能入口
集合型功能入口往往会有多个入口，使用卡片式设计让入口形成一个区域整体，可以做到既统一又相对独立。

个人主页顶部内容卡片
个人主页的设计往往会在氛围上营造沉浸感，卡片式的设计可以把关键信息进行概括收归，让原本单个的内容形成一个整体。
卡片设计具有独特的视觉空间感，但卡片与卡片直接也会有分隔，因此在设计时更应该对内容进行归纳，避免产生过多的小块卡片而导致排版过于拥挤、凌乱或者内容不够宽度展现。
无论是卡片式或者拉通平铺的方式，其最终的目的都是为了服务于内容，我们在做设计的过程中只是选择适合于呈现我们内容的一种方式。根据具体的内容情况给出合理/合适的设计判断才是我们需要不断提升的关键点，切莫流于形式而忽略了内容设计本身的重要性。