卡片式设计最近比较火，后台有朋友留意，希望我来讲解下怎么做出这种效果来。

卡片式设计最大的好处，就是能把信息规整化整理好，阅读者能非常清晰明了的获取到关键的信息。

#苹果官网页面卡片式截图#

#小米官网页面卡片式截图#

卡片式设计有什么规律可循？

第一，卡片的对齐

我们通过研究发现，对齐是卡片一个非常重要的规律，如果不对齐，整个页面会显得非常凌乱，我们通过对下图的研究可以发现，卡片之卡片直接的距离都是相等的。

所以我们建议大家在做卡片式设计的时候，可以打开网格参考线来，这样做出卡片会更精准。


第二，圆角矩形的应用

卡片式设计一般不会采用直角矩形，都是用圆角矩形比较多，在PPT中，我们可以通过插入圆角矩形，然后再通过黄色的控制点，来控制圆角的大小。

通过掌握上述的两点，你就能做出一个大概的卡片效果来，接下来，我们通过一个实操案例来演示下。

这个是我们的初始的文本

我们通过卡片式排版得到下面的效果，看起来是不是阅读起来就舒服多了

但是我觉得整个版面都是深黑色，有点单调，于是我给标题颜色换了下

我觉得这个页面科技的感觉少了点，于是我把背景的颜色也调整了下，整个页面酷炫了了很多，而且操作起来也没费多大劲。

整个页面都是文字，可视化的元素少了点，于是我给页面增加了一些图标，看起来会丰富很多。