发布会PPT千篇一律？卡片设计虽好，但这些细节不能忽略

你是否留意到，当前市面上的发布会数量日益增多，然而所展示的PPT内容却普遍雷同。在介绍产品功能的部分，我们常常遇到的是如下的页面：

你有没有想过，这种风格，到底是怎么来的？

实际上，自谷歌发布了Material Design设计理念以来，卡片式信息呈现已演变成一种流行的设计手法：

卡片式布局在众多产品与场合中得到了广泛应用，其中也包括了演示文稿。热衷于举办发布会的苹果公司，在制作PPT时，频繁采用这种卡片式的排版方式。

区块化的布局有助于使页面显得层次分明，易于阅读，堪称页面设计中的得力助手。有时，仅仅运用卡片式设计，便足以制作出令人满意的演示文稿。

然而，在多数情况下，我们在进行卡片布局的过程中，往往忽视了众多细节的处理，这往往使得页面显得不够流畅，类似于以下的例子：

那么，如何快速地提升卡片的排版设计效果呢？

今天这篇文章就给大家总结一下，卡片排版的一些细节要点。

卡片绘制细节

在制作PPT时，我们采用矩形来构建卡片，并通过调整矩形的相关属性，如色彩、图案、以及阴影等，以增强卡片的视觉效果，使其质感更加丰富。

角部弧度

卡片设计常见的角部弧度有直角和圆角这两种：

我们通常选用圆滑边缘的卡片进行内容布局，这是因为边缘锋利的直角卡片显得生硬且冷漠，带有一定的挑衅意味：

圆角的形状便于视觉辨识，且卡片边缘的界限更加清晰；此外，圆润的边角设计更显亲切，能带来一种安心与舒适的感受。

卡片颜色

卡片的颜色填充可以是纯色或渐变色（黑白灰为无彩色）。

这种纯色调的卡片虽然只有一种颜色，但它的掌控难度较高；因为颜色单一，给人的感觉可能会显得有些单调乏味。

针对这一问题，一个较为有效的解决策略是采用不同亮度级别的渐变色彩进行填充，从而使得卡片的细节部分呈现出更加丰富的层次感。

怎么设置不同明度的渐变呢？很简单，拿下面的深黄色卡片举例：

我们决定采用45度的线性渐变效果，并且保留了原先两个光圈的色彩值。

随后，我们只需对两个光圈的亮度比例进行微调，便能够创造出多种明暗不一的过渡色效果。

来看看调整后的效果，与之前比较，卡片会更有光泽感：

卡片投影

在卡片上嵌入投影技术，能够制造出卡片仿佛悬浮的视觉效果，进而提升网页的立体感。

通常情况下，我们并不推荐直接使用PPT内置的投影模板，因为这类模板的投影效果较为生硬，缺乏柔和与自然感。

怎么调节出柔和自然的阴影呢？大致可以分为三个步骤：

首先，应挑选与背景色调相匹配的深色调作为阴影的基色；以本例中的卡片为例，其阴影色采用的是深紫色。

第二，缩小阴影的大小，然后加大阴影距离：

第三，增加阴影的模糊程度，若阴影颜色依旧显得过重，不妨适当提升其透明度。

与预设的阴影相对比，调整后的阴影效果会柔和很多:

卡片内容排版细节

讲完卡片绘制的细节，接下来我们来看下卡片内容的排版。

间隙相同

无论在卡片的长边还是宽边方向，它们彼此间的空隙宽度，都应尽量做到均匀统一。

整齐一致的间隙距离，有助于保持页面的均衡和美观：

四周留白

卡片上的内容信息，与卡片的边界要留有适当的距离：

为什么要适当留白呢？我们先来看下面的反例。

卡片上的文字信息紧挨着卡片的两边边缘，导致整个卡片呈现头轻脚重的状态；底部文字过于密集，给人一种呼吸不畅的感觉。

而给卡片四周适当地留白后，页面效果看着就会舒畅了许多：

文字行数不宜过多

卡片上文字的纵向排列，建议控制在不超过五行的范围内；若行数过多，可能会提升阅读时的成本。

文字的层级差异需显著体现，我们能够借助字体粗细、字号大小以及色彩的调整，来打造出层次分明的信息结构。

减少线框使用

我们频繁地运用线框来划分信息区块，然而，若卡片上线框过多，则会造成页面显得过于拥挤。

降低线框的密度，或者采用淡色调的色块来替换线框，这样做既能使卡片上的信息更加分明，又能显著提升整体视觉效果。

卡片常见版式

在PPT中，利用卡片进行排版，常见的版式有哪些呢？

并列排版

这无疑是应用最广泛的卡片布局格式，例如在下面的示例中，页面展示了三段并排排列的文字信息：

我们找来对应的图标，然后用卡片元素来承载文字信息：

接下来给卡片添加阴影，在底部加入色块来丰富页面层次：

最后再添加一些修饰粒子元素，这样一张卡片并列排版就完成了：

上下错位排版

只需对并列的版式进行微小的调整，便能创造出富有节奏感的上下错落式排版效果。

又或是常见四段页内容的错落排版：

除此之外，我们还可以尝试对卡片进行轻微的转动，这样一来，错位的效果也会呈现出新的变化：

大小不一错落排版

若卡片尺寸存在差异，我们不妨尝试采用错落有致的排版方式，正如苹果公司在发布会中展示的PPT那样，这样做能够更高效地利用页面空间。

这里再举一个例子，比如这张有关风电特点的页面：

我们将各个特点拆分开来，然后用大小不一的卡片承载内容：

接下来根据文字信息的含义，找来相关的图片填充进卡片中：

在完成最后一步，对字体进行细致的调整，包括字重的增减、大小的改变以及颜色的搭配，这样一来，一页具有苹果卡片风格的PPT便制作完成了。

三维空间排版

顾名思义，可以通过给卡片设置三维参数，进行三维空间排版：

我们来看下案例，比如下面这张五段页卡片排版：

为左右两侧的卡片分别设定“透视：左侧”和“透视：右侧”的三维参数。

然后将它们凑在一起，就有这样空间感满满的页面了：

除此之外，我们通过设定多样化的三维数值，能够绘制出具备不同旋转角度的卡片，进而实现丰富多彩的三维排版设计。

继续浏览有关 设计细节卡片排版 的文章