PPT排版

之前给大家介绍过“中心环绕式排版法”,掌握它基本可以搞定80%的PPT排版难题,那剩下的20%改如何处理呢?

今天就给大家介绍一种非常实用而且极易掌握的排版方法——卡片式排版法。

理解起来很简单,就是在页面中画几个色块,用来承载页面中不同的内容,色块的大小取决于内容的多少。大概就是这个形式。

一起来看几个案例,其实这种排版方法还挺常见的,比如网页设计。

手机浏览器的界面设计

手机系统的界面设计

就连前段时间苹果发布会中,也多次用到这个排版方法。

紧接着就被魅族给学了过去。

可见这个方法之经典。

1、这种排版方法到底好在哪呢?

针对不同类型的页面,卡片式排版有着不同的作用,一般分为这两类。

(1)信息量较大的页面

对于内容较多的页面,使用这个方法能很好地规整页面中杂乱的信息,让页面看起来十分整齐。

比如下面这页PPT,有多种样式的图表以及一些重点数据。

虽然排版整齐,而且还有意识地通过距离来划分不同的信息区域,但看起来仍然很乱。把页面的中心放入到卡片中,再来看一下效果。

考虑到原稿和大数据相关,又改了一版深色背景。

和最原稿相比,这两版都要整齐很多。

(2)信息量较少的页面

对于页面内容较少的页面,卡片式排版能够让页面更加饱满,不至于让页面显得单调。同样来看一个案例。

由于内容太少,导致页面两侧看起来很空。这时就可以考虑采用卡片式的布局,让页面更加丰富。使用色块大概绘制了一个版式。

接着,将内容添加的版式中。

最后,为了营造空间感,还可以给卡片做一个三维旋转以及添加倒影。

 

2、使用这种排版方法时,都有哪些需要注意的点呢?

(1)卡片之间的间距相等

这是使用这种排版方法,最基本的要求。

来看一个例子。

间距相等,不仅要求卡片的横向间距相等,其纵向间距也要和横向间距保持一致。

比如,刚才修改的一个案例。

只有这一样才能保证页面在视觉上的美观。

(2)卡片内要有合理的留白

简单来说,就是内部信息与卡片边界保留一定的距离。

来看一张对比图。

很明显,左侧的卡片看起来十分拥挤,给人感觉十分压抑,没有什么呼吸感,阅读起来也有障碍。而右侧的卡片,给人的感觉却十分舒适。

(3)卡片多为圆角

这里用了“多为”二字,并没有完全肯定的意思。卡片多为圆角,是因为在卡片数量、间距均相同的情况下,圆角比直角更容易被人眼所识别。

比如下面这两张图示。

由于圆角卡片之间的边界更加明显,所以在卡片数量较多时,使用圆角能更好地突出卡片中的内容。这也是形状圆角处理在手机UI中流行的原因之一。

 

3、卡片如何排版,才能更具创意?

(1)在卡片底部叠加色块或图片

通常情况下,如果只是简单地将内容置于卡片中,页面难免会有些单调,而通过叠加色块或者图片,则可以让页面更具视觉层次。

比如下面这两页PPT,都是通过在卡片底部添加图片来增强页面的层次感。

明确了这一点,一起来看一个实际案例,比如下面这张幻灯片。

首先,可以使用卡片划分页面中的3个图表,并添加相应的颜色。

接着,为了让页面更有层次,可以在卡片的底部添加一层形状。

或者是与页面信息相关的图片。

另外,为了让层次感更强,还可以给卡片添加阴影,就像这样。

(2)卡片之间错落摆放

先来看一张图示对比。

很显然,错落摆放的页面会显得更有创意。

当然,除了创意,卡片的错落摆放还可以合理的运用页面上的空间。内容多的放在大卡片上,内容少的放在小卡片上。

比如苹果、魅族发布会的 PPT,就巧妙地利用了这一点。

再来看一个具体的案例,这是一页大会的VI展示,由于图片大小不统一,页面摆放得很乱。

针对这样的页面,可以根据图片的大小,先画出卡片的排版样式。

接着,将图片填充到相应的卡片中。

到这页面已经整齐多了,因为页面中的图片本身并不出彩,为了让页面显得更有质感,又调整了一般深色背景。

最后,再加上动画效果。

以上就是有关卡片式排版法的全部内容,希望对大家有帮助。