卡片式设计是如何占领设计圈的？发布者：本站     时间：2020-06-20 13:06:48

正如同你所看到的，充满魅力的卡片式设计已经不仅仅是设计趋势了，它早已流行开来。这种设计手法的流行很大程度上是得益于占据主流的移动端，响应式设计成为标准配置，简约、扁平和极简比以往任何时候都受欢迎，卡片式设计自然而然成为了大家的选择。

使用卡片式设计的UI在加载速度和跨设备、跨屏幕兼容上有着天然的优势，也更加实用，更小的流量消耗无疑迎合了移动端用户的需求。从早已投入卡片式设计的Pinterest 到主流社交媒体Facebook和Twitter，卡片式设计几乎覆盖了所有了主流领域的网站。

在今天的文章中，我们将探讨一下卡片式界面模式，它到底有什么特异之处，它又是如何同响应式设计和Material Design 兼容，又有着怎样的未来。

容器模型

为了了解这种设计模式，你首先要了解卡片作为容器本身的特性。

我们通常所说的卡片式设计中的卡片，是信息的容器，每个卡片都承载着属于自己的内容。卡片能承载着几乎所有类型的内容——多媒体、文本、链接，等等，而这所有的信息都经由卡片，被收纳到统一的主题之下。

这些承载着信息的容器将屏幕填满，这种设计模式被称之为“容器模型”。这样的设计提供了更加清爽、更易于理解的界面，更贴合快速浏览的需求，让用户可以更直接地寻求他们想要的东西。而这种设计还有一个重要的优势，就是更符合手势操作的需求。

实用而富有吸引力：卡片式UI模式的好处是多重的

Trello 允许用户创建创建任意想要的卡片，团队中每个人都能创建一个“待办事项”卡片，并且按照需求来归类。

这不仅呈现出卡片的灵活性，也展示了它潜藏的组织性。Trello 是成功的，它的成功是立足于卡片式设计的灵活运用，同传统的事务管理方式区别了开来。

卡片式设计与移动端和响应式设计

正如上述提到的，卡片式设计和响应式框架有着良好的兼容性，Des Traynor 甚至将它称之为“网络的未来”。这种设计充分地打通了桌面端和移动端，接下来我们仔细分析一下为什么。

首先，卡片栅格系统能够随着整个框架的膨胀和收缩，以适配断点和屏幕尺寸。设计师可以轻松而灵活地控制卡片的高宽比，从而创造出不同的响应模式。比如，你可有设置宽度固定，高度可变，设定卡片之间的宽度保持一致。