为什么你爱用的 App，都用卡片式设计？

这样一来，用户可以轻松了解其最关注的内容。这也使用户可以通过各种方式来交互。

包含不同内容形式的卡片集。图片来源：Material Design

2. 响应式设计以及移动界面设计

关于卡片，最重要的是它们基本上极度容易被掌控。不管在台式桌面还是手机客户端，加入卡片设计的效果都非常好，因为内容可以通过更易理解的卡片呈现给用户。就响应式设计而言，它是不错的选择，因为以内容盒子呈现的卡片可以方便地扩展或收缩。

最后，加入卡片，在跨平台设备上设计出统一的美感也就不会步步维艰了。这也是为什么通过卡片可以在不同设备上轻松设计出相同的用户体验感。

3. 设计时不要忘了「心中的拇指」

卡片是为拇指而设计。这句话听起来好像卡片是专为 app 设计的一样。手机 app 设计可作为卡片普及的一个核心部分。数字卡片其实和实体卡一样，它还可以给用户带来舒适的体验。

用户也不必太关注于这些到底是怎么做到的。他们就喜欢卡片的简单，并可凭直觉了解相关物理性，比如如何翻转卡片以获取更多信息，或者左右滑动以获取其他卡片信息。

设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以，界面内容的大小一定不要让用户在交互时感到不适。——译者注

左右滑动。图片来源：Dribble

卡片手势也应该一并考虑并置于卡片集内。在同一页面尽量减少滑动手势的数量，这样就可以减少互相重叠的可能性。

比如，可滑动的卡片不应该包含可滑动的滚动图片，这样就能保证在滑动卡片时只出现一次交互。

向下滑动。图片来源：Dribble

四、何时使用卡片

1. 信息流

卡片以信息流形式呈现，制造了一条自然的事件时间轴。想想 Facebook 如何通过卡片防止用户快速扫览新闻动态里最新事件，错失重点。

Facebook 的信息动态(News Feed)是一条无穷尽的信息流，而卡片则是独立的信息流集合。卡片的作用就在于分散信息流，它们将事件从无穷尽信息流中分离出来，打包后再共享出去。

（编辑：核心网）

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