分享

分享一个超好用的多图PPT排版版式!贼好用!

 江南一鱼6jvvqc 2022-07-16 发布于江西

Image

点击  预约/观看  ,进入今晚专题直播小课堂

直播主题:挑战40分钟修改一整套PPT

直播福利:三轮抽奖



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


Image


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

就像这样:


Image


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


Image


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

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

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


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


Image
Image


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

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

就像这样:


Image


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


Image


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

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


Image


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


Image


都是可以的。

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


Image


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

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

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


Image


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


Image


……

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


案例01
来自读者 PPT 投稿


Image


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

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


Image


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


Image


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


Image


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


Image


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


Image


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


Image


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


Image


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

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


Image
颜色是取自企业的logo


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


Image


来看下最终的页面效果:


Image


案例02
运动类 App 界面排版


Image


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

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


Image


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


Image


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


Image


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

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


Image


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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多