简约不简单！带你重新审视正在流行的卡片式设计趋势

【文章摘要】 也许你对于曾经火爆一时的瀑布流还有印象，它也算是卡片式设计的一个分支，而最典型也是最具有影响力的，是Pinterest，国内的花瓣和它有着异曲同工之妙。当用户打开这些网页的时候，他们会逐渐洞悉到这种看似简单的设计背后对于信息和内容的高度整合，也会逐渐折服于这种简单但优雅的设计方法。

总有一些新的设计趋势蓄势待发。现在谁又能忘记视差滚动这种设计手法呢?这种网页设计趋势从几年前一直延续到现在，越来越多的用户开始认可并关注这种视差滚动式的网页。

而在诸多新兴的设计趋势当中，基于卡片的网页设计也开始在整个网页设计浪潮中占有一席之地。虽然比例不高，但是对他认可的设计师和用户正在稳步增加。

也许你对于曾经火爆一时的瀑布流还有印象，它也算是卡片式设计的一个分支，而最典型也是最具有影响力的，是Pinterest，国内的花瓣和它有着异曲同工之妙。当用户打开这些网页的时候，他们会逐渐洞悉到这种看似简单的设计背后对于信息和内容的高度整合，也会逐渐折服于这种简单但优雅的设计方法。

当然，卡片式设计并不止于此。而在你的网站中采用卡片式设计也有着足够的好处。

信息架构与栅格系统

当你查看任何卡片式设计的时候，你是无法忽视整个设计中贯穿始终的栅格系统。每一个卡片的边缘都在整个设计中成为一套更大的栅格系统的一部分，他们在尺寸和间隙上保持着一致性与和谐性。

毫无疑问，规则的栅格化系统是有助于整个信息架构的建立的。信息架构为网站创造一套智能化的规则和流程，访客可以更轻松地吸收网站所提供的信息，明确每一个页面的功能和目的，掌控整个网站。

想想看，强调一致性的卡片式设计可以更好地引导用户的视觉。卡片的矩阵至少是按列或者按行对齐的，用户的眼睛可以沿着横向或者纵向有序地浏览。这种浏览方式可以让用户更快地找到对他们而言重要的内容。

拿摄影杂志Contrastly举个例子。如果你顺着栅格来浏览卡片会让你意识到这种信息架构的重要性。和许多网站一样，最新的文章在上面，旧的文章在下面。新的文章通常更重要，而文章下方的相关链接是同样重要的文章。这样的浏览方式确保了信息的条理，也让用户阅读更顺畅，黏度也更高。

图片的强相关性

我们不止一次听说“人是视觉动物”这个说法，而当我们遇上卡片式设计的时候，这个说法有了新的含义。卡片式设计让不同部分的样式设计趋于相同，在这种信息架构之下，同一个页面下的视觉的重要性令文案居于次席。

这也使得图片成为了卡片式设计的重中之重，而研究也表明，图片可以更好的提升网页设计。高品质的照片，和出现人脸的照片能更好的提高网页的转化率。事实上，有几种常见的图片处理方式，可以提升网页的 转化率。

换句话说，强化图片使用后的卡片式设计的网站会对用户更有吸引力。这也解释了为什么Alexa网站排名中，Pinterest 在美国排到了第15名。