查看原文
其他

偷师知乎,让你的PPT秒变海报级!

小叮 秋叶PPT 2019-07-31



大嘎好!这是我们「偷师」系列第……数不过来了,反正我们很喜欢从 banner 设计上找灵感这件事大家都知道啦~因为 banner 的尺寸很接近 PPT,而且在各个网站、APP 上都很常见,不学白不学!



今天偷师的对象是既能答题又会做设计的「知·万能·乎」。


知乎的设计有多好看?我每次打开 APP,看到的每一张 banner 都想保存,从配色到排版,都有好多可以照搬学习到 PPT 设计上的!



可是一张张截图好麻烦哦,生怕漏掉某张 banner,难道要天天登录吗?T T


其实有一个不用张张截图、不用天天登录,分分钟就能 Get 到几百张知乎 banner 的方法:


耐心读到文末,轻松获取「知乎 banner 大合集」,保准以后做 PPT 都不愁没有设计参考了!


好啦,先来看看今天的干货内容 ↓↓↓



01

对称之美

◆ ◆ ◆


对称排版是我们在 PPT 中常用的一种排版方式,把图片素材左右排开,不仅能很好地填补画面空白,还给主体文字留出了足够的空间,页面整体十分和谐。


下面这些 banner 就很好地用到了对称法:




我们用「色块分析法」拆解一下页面结构,一眼就能看出它的版式结构:



这种对称的排版方式在网页设计中也很常见:



我们使用对称法,不需要太多花里胡哨的技巧,就能做出一页好看的 PPT 啦:



直接用左右对称的照片作为背景也是 ok 哒:



内容页也可以应用对称的版式:



除了一味地把文字放在中间,文字放在两侧的对称法也很常见:



这种文字居于两侧的对称法,可以直接应用在 PPT 里:



这样一来,我们不需要太多素材和技巧,也可以完成一页 PPT 啦~




02

就地取色

◆ ◆ ◆


PPT 里的配色问题真的很令人头大!特特特特别是文字的配色。


看了好多张 banner 以后,我终于 Get 了一种超简单就能为文字快速配色的方法——从 PPT 图片素材中吸取颜色!




这个小技巧在 PPT 里可以直接上手使用,比如这张图,我们可以吸取的颜色有(一种很奇怪的)绿色、白色、橙色、黑色:



这么多颜色该怎么选呢?我们挨个试试:



显然,橙色在黑色背景上最为醒目,适合应用在文字上:



最后划一下这个小节的重点知识:文字配色可以直接从图片素材中吸取,轻松省事还好看;需要重点突出的文字,得选择醒目的颜色;深色背景适合用浅色&亮色文字,浅色背景反之。



03

叠加色块

◆ ◆ ◆


经常做 PPT 的同学对「叠加色块」一定不陌生,它真的太好用、太常见啦,似乎任何时候都可以用色块来衬托任何元素。


其实叠加色块也要讲究门道哦 


正文用大色块衬托。


下面这张图,正文为白色(浅色系),背景也是浅色,文字放上去影儿都找不到……还好有色块这个神器,只要叠加色块,瞬间就能拯救这页 PPT:



以前不用色块的时候,文字只能想尽办法往页面空白处摆放,做出来的 PPT 实在一言难尽:



现在有了色块,文字想放哪里就放哪里,还能给色块改个透明度&填充渐变色,让页面的层次感和层次更加丰富:




PS:给色块修改不透明度&填充渐变色的方法都在这里啦~


① 修改不透明度:右键单击色块,选择【设置形状格式】,在【填充】-【纯色填充】-【透明度】即可修改不透明度。



② 填充渐变色:依旧先右键单击色块,选择【设置形状格式】,找到【渐变填充】即可为色块填充渐变色。



除了大色块这样简单粗暴的叠加用法,小色块孤军奋战也能独当一面!


辅助元素用小色块衬托。


虽然辅助元素不如正文那么起眼,但也不能让它干晾着,何况有时候辅助元素还需要重点展示~


比如下面这张 banner,「立即参与」应该要作为突出的内容,不然谁会注意到要去参与活动啊……如果干晾着不管,小心被丑到:



这时就需要小色块登场啦:



加上色块,页面颜值立马上了一个台阶,辅助元素也得到了重点展示,两全其美呀。


简单粗暴地叠加一下就结束了吗?其实还有其他设计方法,我们再来多看一些 banner 案例~


矩形色块利落的直角,和文字硬朗的边缘两相呼应,页面十分和谐:



添加了描边的色块,让整体更有风格,也很值得学习:



掌握了「正文用大色块,辅助元素用小色块」这样一条规律,以后面对多层级信息的 PPT 排版,再也不头疼啦!



04

创意文字

◆ ◆ ◆


上文讲的「对称」、「取色」、「色块」等方法,都不及「创意文字」更能让人眼前一亮~


怎样才能在 PPT 里实现这类设计?两种方法:打散文本框&替换文字笔画!


打散文本框:



替换文字笔画:



糟了,是 心动 眼前一亮的感觉 > < 下面来看看具体怎么操作吧~


打散文本框。


打散文本框以后,我们就能在文字之间穿插一些元素,让页面更有动感。


比较简单省事的做法是,把一长串文本框改为只有单个字的文本框:



再把各种元素放进已经打散的文字之间:



搞定!


替换文字笔画。


在知乎的 banner 设计里,我们可以看到很多「教科书式」的替换文字笔画的方法:





那么 PPT 里文字笔画要怎么替换呢?


先插入文本框,再随意插入一个形状(只需要让形状颜色和文字一致就行),然后同时选中文本框&形状,依次单击【格式】-【合并形状】-【拆分】,这样文字的笔画就分开啦:



删除多余的形状,我们想要的笔画就都准备好了:



一些方便修改的笔画,直接用图形替换就 ok,如下图中「学」字中间的一横,可用一支笔替换,既展现出直线的形态,又表达了「学习」的含义:



要注意的是,通过这种方法对文字进行创意设计后,可不好二次修改,所以记得先确定好了文案再下手设计~



最后来总结一下今天偷师知乎 banner 学到的 PPT 设计小技巧吧:



还有超全的「知乎 banner 大合集」,领取方式见小卡片:






这么专业有料的公众号

扫码了解一下吧~


还想看偷师系列?那就点个赞吧

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存