2015-2016年最流行的APP设计是什么？比如，Facebook那样的

Facebook仍是内容驱动型卡片设计的优秀案例，并将继续引领更多基于新闻和博客的功能设计。

译者注：本文译自UXPin出品的电子书Mobile Design Book of Trends 2015&2016的第六章Bite-Sized Cards。这本电子书结合丰富案例讲述了2015-2016年间重要的移动设计趋势，共含6章节：灵巧的手势操作、层级化的移动界面、隽永的字体排印、扁平化设计、愉悦的微交互、小卡片。本文将来分享小卡片设计。注：以下图片全部来自UXPin。

对于APP设计，2015俨然是卡片设计年。从网站到移动应用，不同屏幕尺寸的卡片无处不在，卡片展现形式与实物相似。通过手指滑动，用户可以轻松地在卡片容器中翻阅。

（Photo credit: Trello）

无论你是否意识到这一点，卡片会长期存在下去。

坦白说，卡片式风格似乎只是为APP而生。你无法想象现在有多少APP正在使用卡片式设计。让我们做一个小实验：拿起你的手机，打开你看到的前10个应用，有多少用了卡片设计呢？

我们已经知道卡片式设计统治了移动端，接下来让我们深入了解如何实际使用它们吧。

卡片式界面入门课

卡片式布局将信息分布在一系列矩形卡片容器中，如图像、文本、按钮、链接等。这些卡片可以分层或移动，并依据屏幕尺寸自适应适配，如果你将手机横竖屏切换，卡片将堆叠降落为新的卡片队列。

卡片是整齐的信息容器。正如电子书《Web UI现状和未来趋势：卡片设计模式》中所言，最好把每个卡片视为单一的想法或基本动作。

（Photo credit: Apple AirDrop）

让我们来看看苹果设备上常见的AirDrop功能。当有数据传入时，一个卡片式通知会弹出，你可以选择接受或拒绝传输数据。无论是手机、平板电脑或笔记本电脑，云传输功能均以同样的交互模式实现，这意味着用户很容易对操作行为有一定预期，知道如何使用。

虽然卡片最近才流行开来，这个设计倒并不新。Pinterest奠定了卡片作为主要设计模式的地位，而很多其他公司紧随其后实践卡片设计。

（Photo credit: Tinder）

卡片式设计越来越流行的原因之一，在于它与手机屏幕的兼容性。根据屏幕尺寸自适应卡片大小，与大多数移动用户场景都完美匹配，而矩形的审美也符合UI设计。

细想卡片的设计，它几乎完美适配了手机屏幕的大小和形状。由于存在多种不同型号的屏幕尺寸，所以这里的卡片尺寸并不是一个精确的数值，而是一个极具代表性的长宽比。

卡片式设计的精髓在于桌面端和移动设备的交集设计，在互动性和可用性之间寻求平衡点。正如我们在《移动界面模式》中首次描述过的，跨越不同的设备，卡片式设计创建了一个更为一致的体验。在响应式设计中尤其是这样，卡片作为“内容容器”可以轻松地放大缩小（像重新堆叠摆放箱子一样）。