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

说到容器尺寸，通用的几个选择有：小尺寸、摘要形式的卡片；中等尺寸的卡片（在屏幕中占有相当一部分面积或者允许在一屏内展现多张卡片）；全屏卡片；叠在其他界面元素之上的弹出式卡片。

（Photo credit: Yahoo! Fantasy）

Yahoo! Fantasy应用中，几种卡片形式都有。首屏展现球员名单，每个球员的名字是一张小卡。点击人名会弹出一张几乎全屏大小的卡片，这张新卡上有详尽的球员信息。切换到新闻流标签页可以看到全屏的卡片流，在这里用户能看到他关心的联盟或球队的最新头条。

这些不同的卡片方便的让用户了解他们在阅读什么类型的内容、他们正处于应用中的什么位置。举个例子，弹出式卡片可被理解为额外信息，比如之前提到的详细球员信息卡。

（Photo credit: CNN）

卡片在视觉美观度上也在进化。尽管总体趋势是在减少视觉“噱头”，理解设计的演化过程以及为什么一些设计模式一直存活下来，依然非常重要。

瀑布流的形式起源于Pinterest，现在仍非常流行，但这种形式通常在视觉上缺乏辨识度。

（Photo credit: Pinterest）

微软的Metro风格、扁平化卡片是最早针对APP和移动设备的设计尝试之一。Metro风格现在并不常见了，但扁平化这一趋势继续发扬光大，并演化成为一种受欢迎的卡片样式。

（Photo credit: Order Ahead）

宫格是一种有效的经典布局，卡片被整齐封装在容器中，这样保证了很大的灵活性。

（Photo credit: Hotel Tonight）

杂志风格卡片开始在更多应用中涌现，尤其在新闻网站或需要展现大量文本的应用中。Flipboard、CNN和Newsify都使用这种风格。

（Photo credit: Flipboard）

从美学角度来思考

最后，能让卡片真正行之有效的，是良好的设计和可用性。由于卡片式设计能够承载各种类型的内容，你需要精通从色彩到图像应用等方方面面内容。在规划和设计这种类型界面时，设计理论就是你最好的朋友。

UX设计师Erik D. Kennedy在一篇超赞的文章中以实用的方式详解了设计理论基础。以下是我们认为最适用于卡片设计模式的原则：

了解光影特性。

仔细考虑如何利用阴影和渐变让元素感觉“像真的一样”，这在卡片设计中尤为重要。如果阴影投在所有边和角上，那可就把卡片载体的物理感毁了。

确保UI在黑白灰单色调中也能看清。

首先在没颜色的条件下开展设计，这样会让你聚焦在最重要的东西上——可用性和内容本身。按Kennedy所述，你应该最后一步增添颜色，并且是有意识有目的地增加。

慷慨地留白。

先给卡片一些空间呼吸，然后慢慢缩小。正如我们在《网页设计留白之禅》一书中所描述的，在组织和分隔元素时，留白是设计师的利器。

掌握叠加文本的技巧。

这可能稍微有点棘手。一定要选用清晰锐利的图片作为背景。为了让文本看起来足够清楚，你可以在文本下使用深色蒙层、把文本放在一个框里、或者把背景作模糊处理。

了解如何利用文字排版创造对比。

利用大号粗体和小号稍细文本的对比吸引用户的注意力。卡片设计中，简单的文字排版效果通常最好，比如使用一组无衬线字体，在卡片标题使用粗体、卡片正文使用常规体。

通过给卡片一些美感上的润色，你的卡片会看上去既熟悉又富有创意。诸如阴影之类的元素，在很大程度上能帮助用户联想到实体卡片。

移动卡片设计的下一步趋势是什么？

你可能能感受到卡片式设计越来越受欢迎，而且这一趋势并不会很快终结。这意味着会有更多卡片风格的应用和界面，包括使用更多的层级化卡片的设计、长得不那么像卡的卡片、扁平化卡片的复兴、重内容型网站大量使用卡片设计等等。

Material Design特色的层级化卡片设计将作为主力扑面而来。层级化会以两种形式出现：

分层作为精巧的容器分隔元素，比如阴影元素，能够把卡片从背景中分离出来。

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!