在现实生活在，视觉信息老是很吸引人的眼球，卡片规划的运用不只仅仅仅一种趋势。

有数据显现2014年 移动端运用率远远高于桌面端，页面规划都能极好的习气小屏幕。这个定论即是：简略的界面个性，比方：扁平化规划，极简规划，尤其是卡片规划比从前都要盛行。

 

好的卡片规划不会运用太多的加载时间，一起它也能在不相同的屏幕上切换自若。小的模块关于用户来说更能吸引留意力（尤其在移动端），它在Pinterest上培育大家的习气，然后在Facebook和Twitter上面推行，卡片规划能运用于各个领域的网站规划。

在这篇文章中，咱们将会讨论卡片规划的崛起：为何它们有用，它们怎么习气于呼应规划和material design，在将来又会发作啥？

啥是抽屉式规划？深圳网络公司

为了了解抽屉式规划，你首先得先了解卡片是啥。

一个卡片具有属于自个的信息。一张卡片能包括一切信息 — 视觉、文本、连接等等— 可是一切这些内容都是一张卡片里边的内容。

这种独立填满全部屏幕抽屉式展现信息的方法 被Guardian 叫做“抽屉方式”。它让用户愈加直接清晰的看到全部界面，也有利于用户迅速的寻觅他们需要的信息。（最主要的是，这种方法可以有利于咱们自个操控，下面的文章我会解说为何。）

让人觉得很有吸引力的是：它们运用的卡片界面是互相叠加的。

Trello 能让用户创立他们自个想要的任何卡片列表。一切人都能创立“to-do”卡片 ，一起可以按照自个的需要进行分类。

Trello不只让卡片具有灵敏性，并且还能被用户随意摆放。Trello的成功是因为相较于传统列表式规划，它让用户感受很简略。

UI卡片在移动端和呼应式规划中的运用

正如上文说到的，卡片为呼应式结构供给了超卓的兼容性，因为一些像Des Traynor把他叫做“页面的将来

这种规划可以在移动端随意极好的变换。

首先，它可以自个拓展或许缩短去习气任何屏幕的尺度。规划师可以很灵敏的操控卡片的份额（几组卡片可以十分好的习气互相）。例如,你可以规划固定的宽度和共同的距离来习气可变化的高度。

留意他们两个的文本信息、图画和色彩的个性都是共同的。卡片规划让用户在不相同的设备上有共同性的体会。网络公司

你可以看到这个优势在UXPin的e-book里边被使用。留意他们从移动端到全屏的界面是十分清晰的。

另外一个优势是怎么让卡片习气大家手指操作。在触屏上，操作它就像按动一个按钮相同不需要花费多少精力。这个主意很简略：点击卡片，让它与内容交互。

像菲茨定律习气于页面规划展现那样，点击区域越大就越简单互相作用。还记得咱们有多少次挣扎在移动设备上点击一些文本连接么？

卡片和Material Design

Material Design很依靠卡片式规划，卡片描绘在Material Design指南里值得你去寻觅一个好的解说。

卡片规划的将来

卡片规划方式不断的重塑自身以习气新的应战，而呼应式和移动端或许会受最大的影响。就像2015&2016页面规划趋势 描绘的那样，这种规划盛行的改动是因为 Material Design 在安卓系统里边的运用。

1.技能

卡片不也许永远是静态的。跟着网络功能的进步，也可以支撑更丰厚的多媒体内容。你也许会看到更多细节的元素，比方主动更新内容可是不会影响全部用户体会。

视频能更换图片（规划师考虑这个疑问很多年了）或许会变得很盛行。Use Your Interface（上图），这些GIF动画功能让全部页面体会十分愉悦。

2.深度的交互

在不久的将来，卡片或许可以变得愈加的有构思。就像咱们看见 Material Design，它十分依靠自己的交互，跟着主动排序和实时更新等功能的更新（比方天气预报）。

Windows手机里边现已开端运用卡片式主动分类方法，很有也许别的移动手机也会运用这种方法。

3.尺度

图片并排的规划趋势，也让卡片十分好的运用大尺度屏幕。

大卡片上能规划更多的细节和杂乱的字体，它从视觉上让用户感受很舒畅。巨细卡片替换的时分，大卡片在视觉上更让人感受舒畅。

Arkitekter（如上图）是如何运用大尺度和中等尺度作为信息规划的。有些卡片有连接，有些卡片是静态的信息。巨细不相同的卡片出现方法，让全部页面更有呼吸感。

4.可穿戴的

多亏了google眼镜，它让卡片的UI规划在穿戴设备上奠定了根底。

尽管有很多人以为google眼镜会失败，可是也有一部分人以为它有商场。不管如何，穿戴设备的UI规划必须要极好的使用空间来规划，而卡片规划是它最有用的挑选。

关键

在一切的前言和设备上，卡片规划现已成为规划常用的一种方法。他们当前的方式也许会跟着技能的开展有所改动，可是他们确实是存在的。

究竟，这些规划并不是一个表格。别忘了，在不久前卡片仅仅一张包括内容的纸片罢了。