嗨，各位朋友们好呀。
平常在各种网页或是手机APP中，像下面这种模块分明的界面设计，大伙儿应该都见过不少吧？

▲苹果的网页设计

▲12306 App

像这种以形状作为主要设计组件的设计风格，就叫做“卡片式设计”。

把这种“卡片”用到PPT的设计里，简直不要太香！

比如，你可以用它来梳理复杂的内容，让信息结构变得更清晰：

又比如，你可以单纯地把卡片当做好看的设计素材，用它们来丰富页面的视觉效果：

当然，只是这么粗略地浏览几个案例的话，关掉这篇文章你肯定就记不得“卡片”的这两个用途了。

• 凸显信息结构
  

• 丰富视觉效果

所以，下面我会用几个实际案例，手把手、嘴对嘴地跟你剖析“卡片式风格”的具体设计步骤！

▎案例一：凸显信息结构

兽先，什么叫“凸显信息结构”？

来，你先看看下面这页PPT：



不仔细阅读个十来秒，你可能都看不出它在表达时间关系。

无法一眼看出PPT大概在表达什么，这就叫PPT的信息结构不够明显。

怎么改善？

很简单，用几个普通形状作为“卡片”，分隔出各个时间节点，让3岁小孩也能一眼看出内容之间的时间关系：

又比如下面这个案例，用“卡片”将几组信息隔开，并列式的内容结构也一下就清晰了许多：

▼

现在能理解“卡片”在凸显PPT信息结构中的作用了吧？

当然，能理解是一回事，能把“卡片式风格”设计得好看又是另一回事。

首先，你得把“卡片”设计出质感，比如为其使用跟背景接近的颜色，以及高模糊度的效果：

▼

并且，“卡片”经常还会跟大形状搭配在一起使用：

▼

像我之前做过的这个答辩PPT，就都是用的这个“质感卡片+大形状”的设计套路：

你瞧，这种所谓的“卡片式风格”设计起来是不是也没那么难？


▎案例二：丰富视觉效果

什么叫做“丰富视觉效果”？

比如前面那个案例，本来完全可以用简单的时间轴来呈现：



但很明显，从美观度去考虑的话，这么做会导致页面留白面积过大，视觉效果会显得很单调。

对比之下，用了卡片式风格的页面会更帅气：

也就是说，“卡片式风格”不仅仅只对凸显信息结构有帮助，在让页面变得更美观方面也有很大作用。

咱们再看一个实际案例，帮你加深一下印象：

这个案例中的内容呈现方式有问题吗？

当然没问题，只是看着简陋了点而已。

这里咱们插入几个设置了【透明度】的圆角矩形作为“卡片”，将内容“装载”起来：

得到下图效果：

原稿中间的那张图片咋办？

给图片抠个图，叠在“卡片”上方，完美就两个字：

告诉我，“卡片式风格”香不香？

平时很常见的表格排版页，也可以用“卡片”来美化。

比如下面这个页面：

用表格的形式来对比“优缺点”，有问题吗？没有问题。

但它好看吗？我个人认为不好看。

那该怎么改？

继续插入一个半透明的圆角矩形，分别把“优缺点”这两列内容放两边：

接着在正中间插入一个深色的圆角矩形，再把标题这一列放进去：

帅就一个字，我要说一万次！

上面这两个案例，本身的内容呈现形式都没毛病，就是丑了一丢丢而已。

以后你要是再遇到这种情况，记得想起今天我说过的“卡片”排版法，别辜负了我因为写这篇文章而掉的那坨腿毛。


▎总结

现在我们来总结一下“卡片式风格”在PPT中的两大用途：

• 凸显信息结构：让杂乱的内容变有序
  

• 丰富视觉效果：让简陋的页面变美观

OK，今天的内容就到这里，觉得本文有一丁点启发的，记得给我点上一百几十个【赞】，我这辈子都会记得你的。

那么咱们下期再贱~