(这篇文章是前段时间给公司内部同事分享的PPT,抽取了部分内容同步上来)
其实每个人在设计ppt的时候,会考虑到页面排版问题。比如:字体统一、对齐,颜色和谐,但效果总归不尽人意。我曾经做过一些丑掉大牙的PPT,甚至还在几百人的现场做过分享,现在想想,也只有佩服当年的勇气。
后来因为经常要分享,也被一些朋友笑话过,于是下了些功夫,阅读了很多排版很好的PPT设计技巧,读了一些专业书籍,发现其中一些「奥秘」。
页面设计有几大原则,设计师们在做基本布局时,不管如何创新,都会遵循几项万变不离其宗的原则。
设计的四大基本原则:
![](http://upload-images.jianshu.io/upload_images/843740-d840000e4a751535.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
1、对齐
对齐是大家经常会用到的一个技能,对齐的目的是让页面保持统一而且有条理,效果就像把家里乱七八糟的玩具放到一个玩具箱,保持整洁干净的样子。
对齐主要分为左对齐、右对齐、居中对齐。
![](http://upload-images.jianshu.io/upload_images/843740-ef8b262b0532a850.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
大多数情况下,比如在做PPT、文章排版时,很多人习惯居中对齐。因为看上去要安全、正式,感觉很舒服。但在页面排版中,建议大家多尝试左对齐和右对齐,尤其在需要突出『设计感』和『不需要那么守规则』时,这两种对齐方式更加灵活。
案例一
![](http://upload-images.jianshu.io/upload_images/843740-fc01e01f415c1454.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/843740-e7aea1437f3c2bab.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2、重复
重复随处可见,比如一篇文章中的字体、颜色、大小等等。当然,重复还有可能是某个项目符号、设计元素、PPT的动效,或者某种格式。
重复的目的就是统一,并增强视觉效果。
你肯定也用过重复,比如,所有标题都设置为相同大小和粗细,每个页面底部加一条线,包括我现在每个页面左上角的这个元素,都是重复。
![](http://upload-images.jianshu.io/upload_images/843740-39a4f2dbef87e72e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/843740-01d1c9e4063e9461.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
重复太多就需要用对比对重点进行强调,否则通篇重点,也就没有重点了。所以,第三个设计原则-对比。
3、对比
对比是页面增加视觉效果最有效的方法之一,也是在众多『重复』中,让重要信息突出『重围』的一种方法,看下几个案例:
![](http://upload-images.jianshu.io/upload_images/843740-da9c290d1003fcef.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
案例三
下方图片中,第一首诗整体排版看上去还不错,但如果需要突出标题,可以怎么做呢:运用对比原则,给标题加上一个强烈的底色,签名档更换了字体和颜色,这样就形成了一个强烈的对比。
![](http://upload-images.jianshu.io/upload_images/843740-14fc9a9aac31bda6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
另外,使用对比原则时,需要注意一点:要么不用对比,如果使用,尽量使对比强烈。如果只是对字体进行加粗,或者字体从12磅变成14磅的字,其实不会有对比的感觉,反而会使页面不和谐。
案例四
![](http://upload-images.jianshu.io/upload_images/843740-5a2c0d4948178870.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
图一:这个排版中,logo和主标题(有调)2个字形成明显对比,下方说明文案的大小跟主标题几乎一致,没有突出重点;
![](http://upload-images.jianshu.io/upload_images/843740-81870071447f4343.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
图二:这个排版中,logo和主标题(有调)2个字形成明显对比,下方说明文案的大小跟有调2字形成对比。这种对比感更加强烈;
4、亲密性
亲密性原则是指在页面或者属性上有关联的,接近的,意味着同类东西要放在一起,不同类东西隔远点。生活中其实也经常见到,比如:一个班级的同学往往是站在一起的,超市的水果和蔬菜总是都不同区域等等。
![](http://upload-images.jianshu.io/upload_images/843740-faceff0e0845c7de.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
案例五
下图中,第一个版面看上去通篇文章是在介绍『供货商申请品鉴活动』,如果不仔细看,很难发现有几个不同区块。如果利用亲密性原则,给他们分类,把相关的内容放在一起,不相关的有明显间隔,并通过对比原则,加以区分,不论从视觉上,还是理解上,都有条理很多。
![](http://upload-images.jianshu.io/upload_images/843740-4007e5cc626842ec.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
案例六
这个案例中,第一个版面比较和谐,他运用了亲密性原则,在空间上有明显的区分和紧密感。你能发现主图、标题和正文ABC的关联和区别。
再看到第二个版面,在空间上,图片和文字距离很远,看上去没什么联系,文字堆放在一起,不得不以为他们讲的是一段很长的文字,没有阅读的耐心。
![](http://upload-images.jianshu.io/upload_images/843740-fb182e4dab4f83e7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
以上就是在做页面排版时,最基本的四个原则。
案例七
下方图片在很多人ppt中常见的样子,非常纯粹,有标题和正文,主题是[如何学好英语],然后正文应该就是讲的具体方法。但第一眼感受就是:内容多,阅读起来吃力。
![](http://upload-images.jianshu.io/upload_images/843740-468c0087188e6e6b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
那我们就运用今天讲的几个原则来试试,看效果会不会好一点。
![](http://upload-images.jianshu.io/upload_images/843740-04a78baf0b5b625a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
看到这个页面,会不会觉得有条理和逻辑性一点呢?大家想一想,这里运用了哪几个原则?
其实对比、重复、对齐、亲密,这四个原则都运用了。
![](http://upload-images.jianshu.io/upload_images/843740-88fd9c343155cbcf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
做ppt也跟做方案一样,不是唯一一套,看你会不会找到几个方案中比较好的或者最优方案。如果我再增加一点对比呢?
总结:
每个人工作和生活多多少少都会运用到一些设计,小到跟老板发一份总结报告或者PPT,大到设计一款产品等,这其中,设计思维是不可缺少的。也许通过这个PPT,你对设计有概念和意识了,就会掌握它,拥有它,在后面的设计当中,用到它。
![](http://upload-images.jianshu.io/upload_images/843740-2a5a3dd7af89904b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)