从线上商店到社交媒体网站，卡片式设计正迅速成为网站设计的火热趋势之一。由于手机等移动设备用户不断增加，人们越来越倾向于在网站中使用卡片式设计。一方面，卡片式设计可以将不同大小、不同媒介形式的内容以统一的方式进行混合呈现，实现了图文的完美结合，另一方面，卡片式设计可以在PC端和手机等多种不同的设备上保持协调一致的感官效果，提供优质的用户体验。在响应式网站中用好卡片式设计能够有效扩大网站影响力，提高品牌知名度，增加网站流量。所以今天小飞就带大家了解一下什么是卡片式设计，为什么这种设计这么受欢迎以及怎样更好的使用卡片式设计。

　　什么是卡片式设计?

　　卡片式设计，顾名思义，就是将网站中的各种信息组织成卡片，每一张卡片有着属于自己的信息。一张卡片可以以不同的形式、颜色呈现，不过一般而言，每张卡片会包含一张图片或一个图标，再加上一些基本信息，比如标题、文本等。在这些信息之中，图片是卡片式设计的重中之重。这是因为人是视觉动物，在卡片式设计中使用图片更能瞬间抓住用户的眼球;一图顶千言，高质的图片更具说服力，往往令精妙的文案也区居第二。卡片式设计的优势就在于以简单的方式实现了信息和内容的高度融合。火爆一时的瀑布流就是卡片式设计的一个分支，国外的Pinterest网站是卡片式设计应用的典型。

　　为什么卡片式设计这么火?

　　1.响应式设计

　　现在移动端流量超过PC端早已经不是什么新闻了。在现在这个时代，一个网站必须在不同设备上都有良好的呈现，才有可能获得大众的欢迎和喜爱。卡片式设计似乎就是为了这一目的而生的。它对于移动端有着良好的兼容性，使用这种设计我们可以将图片、文本等整合到卡片中，而这些卡片有灵活的高度和宽度，可以根据屏幕的尺寸，快速重组网站的内容元素，在大屏幕上是横直的，在小屏幕显示垂直。总而言之，卡片式是很好的响应式设计，能够同时适用于PC端和移动端。

　　2.排版整齐

　　当我们查看任何带有卡片式设计的网站时，最直观的一个感受就是整齐有序。卡片式设计常常会有一个庞大的栅格系统，以保持每张卡片在尺寸和间隙上的一致性。这种规则的栅格系统往往是基于一定的信息框架的，在做分屏式设计时我们也提到过信息框架的建立有助于网站内容有逻辑的分门别类，卡片式设计也是一样。对设计师来说，卡片能够帮助他们有效组织网站的内容，对网站上的各个元素进行合理布局，而对用户来说，整齐划一的卡片格局也方便他们快速获取自己想要的信息，体验更顺畅。下图是知名的创意作品展示社区Dribble的网站，它很好的应用了卡片式设计，让用户体验更加简单直观。

　　3.简单易读

　　卡片式设计还有一个重要的特征就在于简单易读。因为每一张卡片只是某个功能或内容的入口点，主要展示摘要而不是所有细节。而且卡片的空间都是有限的，一般不会包含太多信息，这要求文本必须简单易读，要能够激发用户的兴趣，吸引用户点击进入浏览。如果你试图在卡片上放太多内容的话，它就会变得又宽又长，这就失去了卡片的意义了。NamesForChange.org这个网站是一个很好的栗子，每一张卡片只放置图片或几行文字，不仅简单易读而且还能够引发用户的互动。

　　4.适合社交媒体

　　提起使用卡片式设计的社交媒体网站，相信大家应该都不会陌生!Facebook，Twitter、腾讯等都采取这种设计方式，它们一般还会在卡片式内容上添加点赞、分享、评论等功能，使用无休止的瀑布流，以达到与用户的互动。而卡片式设计使用户互动更简单，甚至将主动权给了用户，他们可以根据简单易读的摘要确认自己是否想要浏览全文，快速获取自己感兴趣的内容。难怪社交媒体网站这么偏爱卡片式设计。

　　5.容纳各种形式的元素