
超强干货!!!
推荐一个 PPT 排版的万能公式,尤其遇到文字多的页面,屡试不爽!
来看一页,信息量比较大的PPT:
页面显得非常杂乱。
使用万能公式修改后,长这个样子:
是不是还不错~
这个万能排版公式,叫做:卡片式排版法
要搞定多文字的PPT排版,首先来了解一下,
其实,就是在页面中画几个色块,用来承载页面中不同的内容,色块的大小取决于内容的多少。
大概就是这个形式:
其实这种排版方法还挺常见的,比如网页设计:
手机浏览器的界面设计:
手机系统的界面设计:
就连前段时间苹果发布会中,也多次用到过这个排版方法:
可见这个方法之经典!
第一个优点,就是操作简单方便,只需要画几个矩形框就搞定了!
第二个优点:规整页面信息
对于内容较多的页面,使用这个方法,能够很好的规整页面中杂乱的信息,让页面看起来十分的整齐。
比如下面这页 PPT,有着多种样式的图表,以及一些重点数据:
虽然排版整齐,而且还有意识地通过距离,来划分不同的信息区域,但看起来仍然很乱。
我们把页面的中心放入到卡片中,再来看一下效果:
考虑到原稿和大数据相关,我又改了一版深色背景:
和最原稿相比,这两版都要整齐很多,对吗?
第三个优点:丰富页面元素
页面文字过多,视觉上会给人带来疲惫感,而合理的划分结构,在页面上增加适当的留白,保留呼吸感,阅读起来更加有节奏。
相比与第一张的排版,这样的卡片化更加有空间感。
当然,如果你把卡片式的排版方法,仅仅理解为加色块,就大错特错了!
比如,这页同样是为多文字加上了矩形框,但视觉效果却依旧凌乱。
1、卡片之间的间距相等
这是使用这种排版方法,最基本的要求。
来看一个实例:
间距相等,不仅要求卡片的横向间距相等,其纵向间距也要和横向间距保持一致:
比如,这个案例:
只有这一样才能保证页面在视觉上的美观。
2、卡片内要有合理的留白
可能有些朋友不明白是什么意思,简单来说,就是内部信息与卡片边界保留一定的距离。
为了让你更清晰的明确这一点,咱们再来看一张对比图:
很明显,左侧的卡片看起来十分的拥挤,给人的感觉十分压抑,没有什么呼吸感,阅读起来也有很障碍。而右侧的卡片,给人的感觉却十分的舒适。
3、卡片多为圆角
这里用了“多为”二字,并没有完全肯定的意思。卡片多为圆角,是因为,在卡片数量、间距均相同的情况下,圆角比直角更容易被人眼所识别。
比如下面这两张图示:
由于圆角卡片之间的边界更加的明显,所以在卡片数量较多时,使用圆角能够更好的突出卡片中的内容。
这也是形状圆角处理在手机 UI 中,流行的原因之一!
然后我们看看之前所提到的页面,如何优化呢?
虽然用了卡片排版的形式,但视觉效果却依旧凌乱,主要有这几个原因:
针对上面的问题,咱们着手进行修改。
先根据内容的多少,来绘制卡片,注意避免原稿存在的问题:
将内容放置到相应的卡片中,注意文字要对齐,行与行之间用虚线间隔:
接着,我们可以用色块来凸显卡片的标题:
最后,为了让卡片之间的界限更加的明显,我们可以卡片统一改为圆角,就像这样:
由于色块的大小不一,有些朋友不知道改如何统一圆角的弧度。
其实很简单,不需要手动调整,借助英豪插件(LvyhTools)中的圆角工具,只需 1 秒,就能搞定:
好了,就先写到这了!
觉得有用,记得点赞哈~
