不要着急,本期会赠送所有版式源文件,获取方式见末尾。

作为一名职业培训师,在我们设计培训课件时,大概率都会在PPT课件封面的后放上一张个人介绍的页面。

我们都知道,好的自我介绍会给别人留下深刻的影响,同样,设计美观的讲师介绍页面也会为老师加分不少,虽然只是一张照片加上一段文字,看起来很简单,但一旦掌握不好节奏和方法,也会表现的非常糟糕和粗糙,让培训师高大上的专家形象,瞬间减分不少,甚至让部分敏感的学员怀疑老师的专业水平。

那么问题来了,到底讲师介绍页面要做的美观大气,到底有没有可遵循的套路?

从去年底到现在,我为数十位职业培训师和企业内训师设计美化过近3000页课件,关于讲师介绍页面PPT的常见设计手法,也略有一些心得。

那么,今天,我就以自己曾经任职培训机构的董事长,余世维老师介绍为案例。介绍一下这几种讲师介绍PPT页面常见设计手法。PS(如果有伙伴不知道余世维老师是谁,可以上网查一查,或问下身边年长一些的培训行业朋友,肯定会知道的)

我可以保证,你如果认真看完这期,学会文章中分享的技巧,从此以后,再也不用头痛讲师介绍页面的设计问题了。

如果你是培训机构的项目执行人员,你也可以信心满满的为你合作的培训师修改PPT页面,从此可能走向全能金牌助教,再到培训师的星光大道。

我们根据讲师图片的质量状况,把讲师介绍页面设计的场景分为以下三种

我们先来看第一种人物图片类型

第一种图片场景【无背景人物大图】

这类老师图片本身质量比较好、背景相对干净,我们在进行老师介绍页面制作时发挥的空间也就会更大。

去除图片背景也很简单,使用PPT的删除背景功能可以很方便的抠出人物主体,你要用PS我也不反对,或者用在线抠图网站,比如“稿定设计”网站,效果和效率比PPT自带抠图强大很多。我们先来看看抠图后的原始页面

这个页面有什么问题呢,除了版式没有进行设计外,文字是一大坨放在那边的,也没有进行划分,观众很伤眼睛,另外,余世维老师的名字,也可以采用区别于正文的字体和字号,我们在这个案例里用华康俪金字体,然后为页面选一个主色,比如我们这张图片里,取余世维老师领带的蓝色。

我们先试一试给老师背后加上色块。

如果只是单纯的把老师图片和介绍信息放置在页面上,未免显得有些单调。那么如何用色块来丰富老师介绍页面呢

让我们看看以下案例,就知道了。

由于图片已经突破了背景限制,使用色块就可以更灵活,使人物介绍凸显更好的空间感、设计感,第三张感觉中间比较空的话,还好可以添加几根线条修饰,要注意线条的倾斜角度和色块角度一定是相同的。

这是色块放在人物背后的版式,我们还可以换个思维,把文字放在色块上,成为文字的深色背景,比如下面这个版式。

无背景的人物部分与矩形色块形成了对比,是不是也大气美观呢。但注意下,千万不要在文字有色块背景时候,又同时给人物背后加个色块,那就非常难看了,因为失去了对比效果。

我们除了使用色块这招外,还有哪些手法呢,我们试试线框,比如下面两种版式。

线框在丰富页面层次的同时,还可以聚焦受众视线

怎么样,还不错吧,一个简单的小线框,却能去除单调!

你学会了吗?

有培训师朋友会问,为什么第一个页面里的老师介绍文字部分,要给每行字底下加个蓝色粗线条(你说是细的矩形也可以),也是为了修饰画面,不然这个页面就太平淡了,会出现大面积的纯色留白。这种手法,你也可以试一试。

还有没有更多手法呢,当然是有的,比如加上深色渐变背景

千万不要加单一的深色背景,最好是渐变的,而且在边角位置要有些修饰,

比如我增加三组线条丰富页面,也分别在左上角和右下角添加了三角形色块,让页面更加平衡且有变化,也丰富了页面的视觉效果。

最后一种手法是用图片做背景

我找了一张余世维老师大型公开课现场照片作为背景,加上蓝色渐变蒙版,文字变为白色,同时也对人像部分做了修饰,亮蓝色块打底修饰,浅灰色矩形做一个相框效果,因为我们是无背景图片,所以我还让余老师头像往上露出一点,是不是立体感扑面而来了。

最后,关于无背景人物大图这种场景的老师介绍页面设计,我们来总结一下,

1、我们可以从四个方面来美化这类页面,

如果你的老师图片不是无背景的大图片,以上手法你可能只能用其中部分,所以建议老师最好认真拍一些商务职业照,抠图也方便,如果用手机随随便便拍的生活照做PPT,肯定效果会打很大的折扣。

2、这四种手法不是单一使用的,也可以联合使用,双管齐下,或三管齐下。

比如前面那张公开课背景的页面,我同时也用了添加色块的手法。

第二种场景【有背景人物半图】

当我们拿到的老师图片背景比较复杂,像素一般,想要扣除背景又很困难时,我们可以怎么做呢?

比如上面这个页面里的图片,拉伸后仅仅占据页面的一半左右,或三分之一,再拉的话,就模糊了。

我们如何设计呢?

我们可以先试一试加色块

我们这里就最好不要给人物加色块了,因为人物是有背景的图片,而且铺开是占据了一半的面积,不方便添加色块。而我们换成给文字加色块后,叠加在人物图片上,让色块同时带点阴影效果,设计感一下子就出来了。

我们还可以增加线框

有培训师朋友会问,有没有一种手法,让人物与文字、背景衔接更自然,肯定是有的,我们可以使用渐变蒙版,让人物图片与黑色背景自然衔接。

同时还用不封闭的线框(其实就是三段单独线条放一起)修饰画面,是不是高级感扑面而来呢?

我们最后总结下【有背景人物半图】场景的设计手法。

因为图片质量受限,可用的手法没有第一种图片场景多,但其实也不少了。

我们不方便用“渐变背景”和“图片背景”,但是我们多了新的手法“渐变蒙版”也完全够用了。

第三种场景【勉强凑合人物小图】

看名字,就知道这是不到万不得已才采用的最后办法,图片质量太差了,稍微放大就会模糊虚化,只能让图片缩小一些,勉强凑合凑合。真可谓是只可远观,不可近看。比如下面这种

因为图片质量受限,我只能用小图,比如下面两种手法。

我们可以在矩形图片背后放一个矩形修饰,也可以把它裁剪成圆形图片,同样用圆形色块在背后修饰。

因为图片太小,要想让页面显得饱满,唯一的办法是使用卡片式设计,在主体信息与页面之间插入一个长方形色块,基本上还是16:9的比例,把直角最好改成平滑一点的圆角,同时给这个矩形添加浅浅的阴影效果,有了这个卡片一样的矩形,可以让页面的版心缩小,我们少量的主体元素,就会显得饱满许多。当然这个矩形面积多大,你需要根据主体元素的多少进行灵活调整。

有些朋友会问,什么是“版心”,但今天实在是没有时间进行详细的说明,你可以去晚上查一下这个概念。但我想说得是,确定版心对PPT页面设计是非常重要的。

讲到这里,差不多就结束了,最后留个思考题,如果你拿到下面这样一张老师图片,不能去除背景,也不能裁剪,你准备如何排版?