2016年网页设计趋势：卡片式设计如何在占尽优势？

UXPin全屏的界面：

来源于：UXPin

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

像菲茨定律适应于网页设计展示那样，点击区域越大就越容易相互作用。还记得我们有多少次挣扎在移动设备上点击一些文本链接么？

卡片和Material Design

Material Design很依赖卡片式设计，卡片描述在Material Design指南里值得你去寻找一个好的解释。

照片来源于Google

卡片设计的未来

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

1.技术

卡片不可能永远是静态的。随着网络性能的提高，也能够支持更丰富的多媒体内容。你可能会看到更多细节的元素，比如自动更新内容但是不会影响整个用户体验。

图片来源于：Use Your Interface

视频能更换图片（设计师思考这个问题很多年了）也许会变得很流行。Use Your Interface（上图），这些GIF动画功能让整个页面体验非常愉悦。

2.深度的交互

在不久的将来，卡片也许能够变得更加的有创意。就像我们看见 Material Design，它非常依赖个人的交互，随着自动排序和实时更新等功能的更新（比如天气预报）。

图片来源：Google

Windows手机里面已经开始应用卡片式自动分类方式，很有可能其他移动手机也会使用这种方式。

3.尺寸

图片并列的布局趋势，也让卡片更好的使用大尺寸屏幕。

大卡片上能布局更多的细节和复杂的字体，它从视觉上让用户感觉很舒服。大小卡片交替的时候，大卡片在视觉上更让人感觉舒服。

图片来源:How Arkitekter

Arkitekter（如上图）是怎样应用大尺寸和中等尺寸作为信息布局的。有些卡片有链接，有些卡片是静态的信息。大小不同的卡片呈现方式，让整个页面更有呼吸感。

4.可穿戴的

多亏了谷歌眼镜，它让卡片的UI设计在穿戴设备上奠定了基础。

图片来源Google

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

要点

在所有的媒介和设备上，卡片设计已经成为设计常用的一种方式。他们当前的形式可能会随着技术的发展有所改变，但是他们确实是存在的。

毕竟，这些布局并不是一个表格。别忘了，在不久前卡片只是一张包含内容的纸片而已。

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：源码网）

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