“太难了,每次领导让做的PPT总是一大堆文字还不准删,说都是精华,但是大段文字怎么排版都很丑啊,辛辛苦苦排版一下午领导还是不满意”
![](http://k.sinaimg.cn/n/sinakd20230411s/607/w356h251/20230411/f42b-2ad8e313dec9b355d21b4f61dd468f24.png/w700d1q75cms.jpg)
这种情况我可不是第一次听,对于职场工作型PPT,多文字内容的PPT真的太常见了,但是只会这样并列式排版,看起来还是和Word没什么区别。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/3488-f78828dada1bde49c2133e5584b92e43.png/w700d1q75cms.jpg)
今天这篇文章,跟大分享一个,苹果都在用的万能排版方法:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/6d09-b41719d36c16d6598e43d28518c400d5.png/w700d1q75cms.jpg)
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/87a8-21dc07727da3d248093e08344ab7c7c4.png/w700d1q75cms.jpg)
叫做模块布局法:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/151a-15e35690511a0fa1114a1b118170d40e.png/w700d1q75cms.jpg)
为啥说它万能?因为只要你掌握了它,基本可以搞定90%的PPT排版布局。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/5443-34f5b966a3e445ac1cbba0ad2e30f6f0.png/w700d1q75cms.jpg)
比如像这种职场PPT很常见的文字列表型页面:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/5ddd-50391c7d4d46db96c2862835d8adca35.png/w700d1q75cms.jpg)
借助模块布局法,我们就可以把它变成这样:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/ed25-d0a1d23d64e3dcd7bf1928fe167054de.png/w700d1q75cms.jpg)
是不是一下子就变得条理清晰、重点突出、视觉饱满呢?
文末给大家准备了案例源文件,一定要读到最后哦~
![](http://k.sinaimg.cn/n/sinakd20230411s/136/w640h296/20230411/aaf8-7129c9f884782a31a383fe34d8e2d384.png/w700d1q75cms.jpg)
那么模块布局法,到底该怎么用呢?
我总结了一个非常简单的制作公式:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/8bda-a97a31c7d8a222d8d2b6fb72db168b39.png/w700d1q75cms.jpg)
咱们就拿这个页面为例,说一下具体的做法。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/3488-f78828dada1bde49c2133e5584b92e43.png/w700d1q75cms.jpg)
01绘制色块
基于内容段落的数量和字数,确定色块的个数和面积,并采用拼图积木的形式,用色块撑满整个页面的版心区域。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/052c-17f341f85dd5bc0cd757d0a4681ad826.png/w700d1q75cms.jpg)
注意统一色块上下左右的间距,以及统一色块的圆角弧度,让视觉更加整齐。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/68bb-ec1a11acf724d800b989d6146931afb8.png/w700d1q75cms.jpg)
而想要快速统一所有形状的圆角弧度,可以借助『小顽简报』中的统一圆角功能:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/f588-9264f791e428cf032c8518633d9979f3.png/w700d1q75cms.jpg)
一键统一所有形状的圆角弧度,非常的方便。
![](http://k.sinaimg.cn/n/sinakd20230411s/253/w640h413/20230411/74fd-gif4fe7902829a0e45a95b0dbdd79f183d3.gif/w700d1q75cms.jpg)
02色彩搭配
为了避免页面视觉单调,最好给色块换上不同的颜色,增加色彩丰富度。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/26b4-4b74b7e2526d49adccbe9c8f172ab316.png/w700d1q75cms.jpg)
可以采用主色加黑白灰色组合,或者用深浅不一的颜色来进行搭配。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/1fef-c34988e9346d8a619b8ef0fa54491050.png/w700d1q75cms.jpg)
现在页面中全是文字,比较枯燥,这就需要来到第三步。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/0c8d-1f31870286c4d294d68800fd96ddd1c0.png/w700d1q75cms.jpg)
如果你还不会配色,文末也给大家准备了127套配色方案
![](http://k.sinaimg.cn/n/sinakd20230411s/157/w640h317/20230411/2c44-gif43864e6846ce401788194d1327dba03d.gif/w700d1q75cms.jpg)
03可视化呈现
通过在卡片中添加图片,营造场景氛围,丰富页面的布局形式。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/854c-44e8b20339519785d7bdc29d56427c87.png/w700d1q75cms.jpg)
当然,可视化的形式除了添加图片,还可以使用小图标:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/711b-e5909e43fb2d0e751c1f07784a41cf4c.png/w700d1q75cms.jpg)
或者是放大加一些关键的数字信息。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/6db1-gifda8d456ae766e1b96f3366d3021bb5b6.gif/w700d1q75cms.jpg)
学会了方法,我们再通过实际案例来练习一下。
04案例实操
这是一个非常典型的列表式内容页。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/ced0-f4eed798b9e31dd09c1519684c880f0f.png/w700d1q75cms.jpg)
第一步,绘制色块。根据内容确定色块数量和面积,并保持间距和圆角弧度统一。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/11b3-917e1aff527b164eb5ee39f651eff45c.png/w700d1q75cms.jpg)
第二步,色彩搭配。使用主色+黑、白、灰即可。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/2690-81d46498edef026f0aa3de2577d870b0.png/w700d1q75cms.jpg)
再把内容分别填写到相应的色块中。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/66f7-c833a22a2e632fdb1933fe57056aed0a.png/w700d1q75cms.jpg)
第三步,可视化呈现。添加图片,增加页面的氛围感:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/1564-61a545a4974537fa41114651aeac3815.png/w700d1q75cms.jpg)
添加图标,填补部分色块的空缺:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/c42d-c2762d0514480c3bc5144edb7228d8de.png/w700d1q75cms.jpg)
放大关键数据:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/da7e-gif3ecc8e76f753efacbd2969ec4ea03ac0.gif/w700d1q75cms.jpg)
让重点信息更加突出。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/3fdd-e33c70f2add57293998acd1e791fd7b0.png/w700d1q75cms.jpg)
此外,对于文字信息较少的页面,也可以采用这个方法。
像这个页面,只有9个短句:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/6dbb-84cb1b5b26156621df4bc4ddd5141564.png/w700d1q75cms.jpg)
所以,我们就可以使用色块,把页面撑满:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/b591-c8a11f26172a51740b9a6005fa535d7f.png/w700d1q75cms.jpg)
然后呢,为色块搭配不同的颜色,避免单调。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/ff2e-1f873b8027ee5df673faedc9098aec2a.png/w700d1q75cms.jpg)
最后,借助图标和图片,来增强页面可视化。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/6096-602bc9208ffa704a4b07e2760b89fdab.png/w700d1q75cms.jpg)
那么,反过来,即使大段内容的多文字页面,也是一样的。
像这个页面:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/5f97-edcf30a072c5a734c0fab294e793f5a6.png/w700d1q75cms.jpg)
文字虽多,但本质上还是包含了5个方面。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/c26e-eb2bd6671ece24c2d130ba889229de0e.png/w700d1q75cms.jpg)
所以,我们就可以在页面中插入5个不同大小的色块。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/d614-f99a3d0c6da338bbf2bfe481e92c61e3.png/w700d1q75cms.jpg)
还是更换色块颜色,丰富视觉。
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/cbc2-759a33962201accfc4cf044503d4b7e8.png/w700d1q75cms.jpg)
最后,加入图片和小图标,增强可视化的同时,也让画面更加饱满:
![](http://k.sinaimg.cn/n/sinakd20230411s/200/w640h360/20230411/283f-50a5a85f3521e534d8391488a11f27c5.png/w700d1q75cms.jpg)
怎么样,使用模块化布局,PPT做起来是不是简单又有创意呢?
另外,我给大家准备了127套配色方案和案例源文件
![](http://k.sinaimg.cn/n/sinakd20230411s/157/w640h317/20230411/2c44-gif43864e6846ce401788194d1327dba03d.gif/w700d1q75cms.jpg)
有需要的同学可以
![](http://k.sinaimg.cn/n/sinakd20230411s/196/w640h356/20230411/923a-gifea27d2b5385e9dbc58229b7aaa277032.gif/w700d1q75cms.jpg)
![](http://n.sinaimg.cn/finance/pc/cj/kandian/img/article_pic05.png)
4000520066 欢迎批评指正
All Rights Reserved 新浪公司 版权所有