司马南:标尺

张津瑜厕所门事件 8分钟视频9分52秒流出

快消管培生补招|世界500强雀巢惠氏招聘客户发展管培生!简历直投HR邮箱,一周内回复

母子乱伦:和儿子做了,我该怎么办?

太原这个社区,处处洋溢着“小温暖”!

生成图片,分享到微信朋友圈

自由微信安卓APP发布,立即下载! | 提交文章网址
查看原文

如何利用渐变来增强页面的表现力?

2016-12-23 邵云蛟 旁门左道PPT


 

虽然说,扁平纯色块是当前 PPT 设计的主流选择,被很多人广泛使用,但是,纯色块不是万能的,很多时候,我们需要使用到渐变。而且,必须要用到渐变,因为扁平解决不了问题。

 

提到渐变,可能有些朋友想到的是这样:



当然,我在这里要跟各位说的渐变,肯定跟上面的渐变不是一回事儿。而且,上面的几个例子中,到处弥漫着浓郁的,本世纪初横行的土渣味道,相信各位跟我一样,也不会喜欢。

 

那么,如何才能在做 PPT 时,用好渐变呢?从具体的应用场景出发,我认为可以分3个方面来聊这个问题。

 

模糊图片边缘,呈现变化过程以及缓解背景单调。接下来咱们一一来说。

 

先说第一个方面,模糊图片边缘。

 

什么意思呢?当我们做 PPT 时,经常会遇到图文排版的情况,通常情况下,我们的做法时,一边放文字,一边放图片,这样虽然也可以,但是会显得图文之间分割过于明显。



而如果想让图片和文字有一种浑然一体的感觉,就像这样:



我们就需要使用到渐变。通过在图片上方添加一个渐变形状,来模糊图片和文字之间的边缘。实际上,很多网站在处理图文排版时,也会才有这样的方式:



如果想让别人的视觉焦点集中在图像中心,可以只模糊中心区域。



 

再来说第二个方面,呈现变化过程。

 

这个是什么意思呢?有些时候,我们需要在幻灯片中表现出一个过渡的过程,比如说,从一个文件夹中,把文件拖到另一个文件夹中。


那么,这时候,为了让过渡的过程更加真实,更具有视觉化,我们同样需要使用到渐变。




再给大家举几个例子:



如果换成纯色块,在表现效果上,可能就会大打折扣。因为缺失了原有的渐入感:



 

最后说第三个方面,缓解背景单调。

 

这个就很好理解了。做 PPT 时,有些朋友可能会有这样的疑虑,想使用纯色背景,觉得干净,但又会显得单调,而如果用一张图片作为背景,却又会显得杂乱花哨。

 

那么,这个问题的折中方案,就是使用渐变背景。

 

给大家举几个例子。



 

但是,在使用渐变背景的时候,很多人调不出理想的状态,一个不小心,可能就会做成这样:



 

那么,在使用渐变背景时,有哪些原则呢?我之前思考过这个问题,我认为有两个基本的原则。


一是渐变背景的色彩。


就拿上面那张渐变幻灯片来说,如果你不知道一张黄色图片下,应该选择哪个色彩作为渐变背景的主色,我的建议是,50 29982 50 15234 0 0 4452 0 0:00:06 0:00:03 0:00:03 4451pan>同样也去选择黄色,相应地,色彩可以浅一点。




由黄到白,从四周向中心渐变


二是渐变背景的方向。

 

  1. 如果想让背景从上到下过渡,那么,要注意,色彩要确保上深下浅,如果反过来,就会显得头轻脚重。

  2. 如果想让背景从四周向中心过渡,那么,要注意,色彩要确保四周深,中心浅,如果反过来,就会显得背景焦点过于明显。

 



以上,就是使用渐变时,需要注意的3个方面,再来总结下,分别是:


为了让图文排版时,画面看起来更加融合,使用渐变形状来模糊图片边缘。

为了真实地呈现出元素的过渡感,使用渐变形状来表现变化过程。

为了缓解背景单调的问题,可以使用渐变背景,但要注意渐变背景使用的两个原则。

 

如果渐变不知道怎么设置,参阅这个视频:形状的处理


最后,我来说一个问题,是关于文件下载。


我把很多文件上传到了百度云盘,供各位下载,但是,我不清楚什么原因,每隔一段时间,云盘文件就会丢失或者之类的,导致我需要定期更新文件,这事儿虽小,但挺烦人。


有哪位读者,知道好用的文件分享工具吗?跟云盘差不多的。





本文完

By:邵云蛟,2016.12.23

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