卡片式设计接纳图像与文字说明相结合的方式将信息转达给受众，在有限的矩形空间中确立了无限的可能性。

时至今日， 卡片式设计已然不是一种设计趋势， 而是一种设计潮水， 其影响力遍布于网页及移动端的使用场景中。

既然卡片式设计盛行于当前的界面设计中，那么在界面的差异性中卡片式设计一定存在一定的相似性。卡片式设计具有哪些标志性的特点，又相宜运用在哪些设计场景中，是我们主要关注和讨论的问题。

01 卡片式设计的特点

1. 多样的泛起形式

在运用卡片设计的过程中，泛起形式较多的是卡片颜色与靠山底色有显著的颜色区分，即在视觉上能容易区分卡片的存在，当光标悬浮在卡片上时会泛起一层稍微的阴影。

另一种相对简练的设计形式是整个卡片隐藏于靠山的底色中，虽然视觉上缺少了矩形卡片的存在，但在浏览的过程中仍能清晰地识别卡片之间成组的信息。

这种形式最大的亮点是泛起了实时的反馈效果，当光标悬浮或点击卡片时，展现的卡片与周围的信息有显著的区分。

2. 天真的纵深结构

界面设计中卡片的形式与生涯中实体卡片的样式有着异曲同工的效果——将图像与文字组合在一起来转达信息。和实体卡片相比，界面中卡片的高度能够上下伸缩、天真多变，做到有弹性地调治卡片内差别容量的信息。

3. 直观的信息层级

在瀑布流的界面中，每个卡片都是自力存在的小个体，它们之间配合存在但不相互影响，促成了页面的整齐统一，以是保证用户在伟大的信息量下也不至于发生杂乱、迷失方向。

多数的卡片在有限的矩形空间中乘载着许多相关联的信息，内容各不相同但信息的层级关系却相似。卡片上的资讯虽然只是看似简短的题目或摘要，却是卡片背后真正有价值的内容能够泛起与否的要害，以是卡片上信息层级的直观性不言而喻，明白的层级能够指导用户的浏览视线，有秩序地阅读与点击。

摩拜共享单车创始人是谁，共享单车发展历程介绍

02 卡片式设计的使用场景

1. 信息流（feed流）

信息流常见的展现形式包罗以文字为主、以图片为主和以视频为主。文字为主的形式多泛起在资讯类的产物中，例如知乎、汽车之家等。

优点是可识别强、信息简练明确，通过对题目简练的处置能快速告诉用户卡片上的核心内容，吸引用户快速点击阅览。

图片为主的形式使用最多的要属Pinterest、花瓣这类网站，相较与文字，图片浏览的速率更快，一图胜千言，图片相较于文字具有更强的视觉冲击力和感染力，更能吸引用户的注意力和点击。

多数的设计中信息流的泛起形式主要是上下竖向转动，在Plus X的网页设计中，接纳了横向滑动的形式，图片信息为主的卡片整齐划一地展现出来，见惯了上下转动的设计，这种左右滑动的操作能为用户带来了面目一新的使用体验。

短视频的快速盛行为信息流注入了新鲜的活力。视频信息流的形式在淘宝直播、抖音等移动端产物中应用较多，视频画面通常占满全屏，最大限度地行使卡片式设计。

视频具有图片和文字不具有的动感，知足用户的视听体验，具有强烈的感官冲击力；沉醉式的界面设计让用户能够连续不断地浏览内容；只需要上下滑动这种简朴的操作方式便可切换视频，适用人群普遍。

2. 发现页

卡片式设计本质上是差别信息的聚集处置。越来越多的产物在发现页面会使用差别尺寸的卡片组合来突出重点信息，卡片天真的排列组合也让页面变得加倍规范。Flipboard作为一个资讯类平台，其设计和市面上其他同类的产物有着很大的区别。产物异常注重卡片式的设计，行使卡片来强调信息主次，统一的形式贯穿在整个产物中。

基于微信平台而快速崛起的微信念书也同样注重卡片式的设计，在产物的发现页接纳了左右滑动的卡片样式，每个卡片中都包罗差别类型的信息，充实释放了信息的通报而不至于局限在小小的屏幕中。书架也接纳了尺度的卡片结构，整齐有序的排列带来清晰易读的体验。

结语

卡片式设计的盛行同样得益于自身的天真性，这种设计形式在跨装备、跨屏幕上有着自然的优势， 也加倍适用，为设计提供了更多的组合形式，给观者带来了优越的使用体验。

对生涯中的实体卡片的熟悉，也让我们习惯于接受这种设计形式的泛起。卡片也不是万能的，设计师要做的是在准确的场景中合理地行使卡片式设计。