视觉信息总是最吸引人的，这点在网站设计中也是一样适用，在2014年就有数据显示：移动端使用率远远高于桌面端，网页设计要朝着能适应小屏幕的方向走。这个结论就是：简单的界面风格，比如：扁平化设计，极简设计，尤其是卡片设计比往年都要流行。

图片来源：Formerly Yes

    好的卡片设计不会使用太多的加载时间，同时它也能在不同的屏幕上切换自如。小的模块对于用户来说更能吸引注意力（尤其在移动端），卡片设计能应用于各个领域的网站设计。

    一个卡片拥有属于自己的信息。一张卡片能包含所有信息──视觉、文本、链接等等，但是所有这些内容都是一张卡片里面的内容。这种独立填满整个屏幕抽屉式展现信息的方式被Guardian 叫做“抽屉模式”。它让用户更加直接清晰的看到整个界面，也有利于用户快速的寻找他们需要的信息。让人觉得很有吸引力的是：它们使用的卡片界面是相互叠加的。

照片来源于：Trello

卡片设计的优势：

首先，它能够自己扩展或者收缩去适应任何屏幕的尺寸。设计师可以很灵活的控制卡片的比例（几组卡片能够更好的适应彼此）。例如,你可以设计固定的宽度和一致的间距来适应可变动的高度。

另外一个优势是如何让卡片适应人们手指操作。在触屏上，操作它就像按动一个按钮一样不需要花费多少精力。这个想法很简单：点击卡片，让它与内容交互。

卡片设计的未来

卡片设计模式不断的重塑自身以适应新的挑战，而响应式和移动端也许会受最大的影响。就像2015&2016网页设计趋势 描述的那样，这种设计流行的转变是因为 Material Design 在安卓系统里面的应用。

1.技术

卡片不可能永远是静态的。随着网络性能的提高，也能够支持更丰富的多媒体内容。你可能会看到更多细节的元素，比如自动更新内容但是不会影响整个用户体验
视频能更换图片（设计师思考这个问题很多年了）也许会变得很流行。

2.深度的交互

在不久的将来，卡片也许能够变得更加的有创意
Windows手机里面已经开始应用卡片式自动分类方式，很有可能其他移动手机也会使用这种方式。

3.尺寸

图片并列的布局趋势，也让卡片更好的使用大尺寸屏幕
大卡片上能布局更多的细节和复杂的字体，它从视觉上让用户感觉很舒服。大小卡片交替的时候，大卡片在视觉上更让人感觉舒服
有些卡片有链接，有些卡片是静态的信息。大小不同的卡片呈现方式，让整个页面更有呼吸感。

4.可穿戴的

多亏了谷歌眼镜，它让卡片的UI设计在穿戴设备上奠定了基础
尽管有很多人认为谷歌眼镜会失败，但是也有一部分人认为它有市场。不管怎样，穿戴设备的UI设计必须要很好的利用空间来设计，而卡片设计是它最实用的选择。

以上内容有昆明轩创科技（www.kmwzjs.cn）搜集整理，如需转载请注明出处！