昨天，有位读者问了我一个问题，他说像这样的 PPT 页面，有大量的图片，而且，尺寸还不统一，该怎么去排版呢？



坦白讲，这是一个很好的问题，因为对于图片较多的页面，我们一般能想到的做法，就是整齐地把它们并列摆放。
就像这样：



但其实，你知道吗？还有一种非常简单的方法，却可以让图片的排版，更有创意。那就是『瀑布流布局法』：



这是网页设计中，经常会用到的一种布局形式，这种方法的特点呢，有两个，我总结了一下：

• 非常适合用在多图片排版中；

• 能够呈现出数量庞大的感觉；

啥意思呢？比如说像在苹果的官网设计中，我们经常会看到这种布局方法的使用：



既能够在较少的页面区域，展示大量图片信息，而且会给人一种海量的视觉效果。

最关键的一点在于，这种方法使用起来超级简单，因为我们只需要把尺寸不一的图片，均匀地摆放整齐即可。

就像这样：



我在之前的一期文章中，也使用过这个方法：



当然，如果你不想要让它纵向排列，你还可以更换其他形式。

比如倾斜式的瀑布流布局：

再比如像三维式的瀑布流布局：

都是可以的。

但是，在使用这个方法的时候，有一点需要注意，那就是一定要保证图片的间距相等：



否则，页面的排版，看起来会很乱。

怎么样？是不是足够简单？而且，最气人的是，几乎所有的多图片排版，都可以使用这种方法。

比如你可以来排版企业荣誉证书：



你也可以来排版会议照片：



……

接下来，为了让各位能够加深理解，咱们通过两个实际的案例，来实际应用一下。

案例01

来自读者 PPT 投稿




就是页面上有很多的证书，那我们该如何利用瀑布流，进行布局呢？

别着急，老规矩，咱们先来处理页面上的内容。这里的文字信息很简单：



在排版之前呢，可以先来划分内容的层级关系：



然后呢，基于这层关系，来对内容进行排版，我做的是这样：



我们把文字信息放到页面上，会发现，页面左下角区域被占据了，只留下右上角的空间：



所以，我们在进行瀑布流布局时，可能需要用到倾斜的版式：



在这里呢，咱们可以对图片进行旋转，从而，让图片的布局变成这样：

把处理好的图片，放到页面上，来看一下效果：



还不错，对吗？但这时候页面稍微有一些单调，怎么解决呢？

我们可以沿着图片倾斜的角度，插入两个斜边四边形，用作背景的装饰：

颜色是取自企业的logo

这样一来，我们的页面排版就算完成了，非常简单：

来看下最终的页面效果：



案例02

运动类 App 界面排版



主要呢，就是在讲 App 能提供多种健身方案。因为没有文字，因此，直接对图片进行排版即可。

我们可以按照纵向的瀑布流布局，完成图片的排版：

但这时候，页面看起来有一些单调，咋解决呢？很简单，找一张运动相关的背景图：



然后，我们把排版好的图片，放在背景图上：



但如果只是这样的话，下方的3张图片，与页面底部边缘融合感较差，会让人感觉出现的很突兀。

怎么解决呢？我们可以在下方，插入一条渐变蒙版，来让底部边缘融合度更强：

效果还不错，对吗？以上呢，就是今天要跟大家分享的，一种非常好用且简单的图片排版方式。