培训页设计

不要着急，本期会赠送所有版式源文件，获取方式见末尾。 作为一名职业培训师，在我们设计培训课件时，大概率都会在PPT课件封面的后放上一张个人介绍的页面。 我们都知道，好的自我介绍会给别人留下深刻的影响，同样，设计美观的讲师介绍页面也会为老师加分不少，虽然只是一张照片加上一段文字，看起来很简单，但一旦掌握不好节奏和方法，也会表现的非常糟糕和粗糙，让培训师高大上的专家形象，瞬间减分不少，甚至让部分敏感的学员怀疑老师的专业水平。 那么问题来了，到底讲师介绍页面要做的美观大气，到底有没有可遵循的套路？ 从去年底到现在，我为数十位职业培训师和企业内训师设计美化过近3000页课件，关于讲师介绍页面PPT的常见设计手法，也略有一些心得。 那么，今天，我就以自己曾经任职培训机构的董事长，余世维老师介绍为案例。介绍一下这几种讲师介绍PPT页面常见设计手法。PS(如果有伙伴不知道余世维老师是谁，可以上网查一查，或问下身边年长一些的培训行业朋友，肯定会知道的) 我可以保证，你如果认真看完这期，学会文章中分享的技巧，从此以后，再也不用头痛讲师介绍页面的设计问题了。 如果你是培训机构的项目执行人员，你也可以信心满满的为你合作的培训师修改PPT页面，从此可能走向全能金牌助教，再到培训师的星光大道。 我们根据讲师图片的质量状况，把讲师介绍页面设计的场景分为以下三种 我们先来看第一种人物图片类型 第一种图片场景 【无背景人物大图】 这类老师图片本身质量比较好、背景相对干净，我们在进行老师介绍页面制作时发挥的空间也就会更大。 去除图片背景也很简单，使用 PPT 的删除背景功能可以很方便的抠出人物主体，你要用PS我也不反对，或者用在线抠图网站，比如“稿定设计”网站，效果和效率比PPT自带抠图强大很多。我们先来看看抠图后的原始页面 这个页面有什么问题呢，除了版式没有进行设计外，文字是一大坨放在那边的，也没有进行划分，观众很伤眼睛，另外，余世维老师的名字，也可以采用区别于正文的字体和字号，我们在这个案例里用华康俪金字体，然后为页面选一个主色，比如我们这张图片里，取余世维老师领带的蓝色。 我们先试一试给老师背后加上色块。 如果只是单纯的把老师图片和介绍信息放置在页面上，未免显得有些单调。那么如何用色块来丰富老师介绍页面呢 让我们看看以下案例，就知道了。 由于图片已经突破了背景限制，使用色块就可以更灵活，使人物介绍凸显更好的空间感、设计感，第三张感觉中间比较空的话，还好可以添加几根线条修饰，要注意线条的倾斜角度和色块角度一定是相同的。 这是色块放在人物背后的版式，我们还可以换个思维，把文字放在色块上，成为文字的深色背景，比如下面这个版式。 无背景的人物部分与矩形色块形成了对比，是不是也大气美观呢。但注意下，千万不要在文字有色块背景时候，又同时给人物背后加个色块，那就非常难看了，因为失去了对比效果。 我们除了使用色块这招外，还有哪些手法呢，我们试试线框，比如下面两种版式。 线框在丰富页面层次的同时，还可以聚焦受众视线 怎么样，还不错吧，一个简单的小线框，却能去除单调！ 你学会了吗？ 有培训师朋友会问，为什么第一个页面里的老师介绍文字部分，要给每行字底下加个蓝色粗线条（你说是细的矩形也可以），也是为了修饰画面，不然这个页面就太平淡了，会出现大面积的纯色留白。这种手法，你也可以试一试。 还有没有更多手法呢，当然是有的，比如加上深色渐变背景 千万不要加单一的深色背景，最好是渐变的，而且在边角位置要有些修饰， 比如我增加三组线条丰富页面，也分别在左上角和右下角添加了三角形色块，让页面更加平衡且有变化，也丰富了页面的视觉效果。 最后一种手法是用图片做背景 我找了一张余世维老师大型公开课现场照片作为背景，加上蓝色渐变蒙版，文字变为白色，同时也对人像部分做了修饰，亮蓝色块打底修饰，浅灰色矩形做一个相框效果，因为我们是无背景图片，所以我还让余老师头像往上露出一点，是不是立体感扑面而来了。 最后，关于无背景人物大图这种场景的老师介绍页面设计，我们来总结一下， 1、我们可以从四个方面来美化这类页面， 如果你的老师图片不是无背景的大图片，以上手法你可能只能用其中部分，所以建议老师最好认真拍一些商务职业照，抠图也方便，如果用手机随随便便拍的生活照做PPT，肯定效果会打很大的折扣。 2、这四种手法不是单一使用的，也可以联合使用，双管齐下，或三管齐下。 比如前面那张公开课背景的页面，我同时也用了添加色块的手法。 第二种场景【有背景人物半图】 当我们拿到的老师图片背景比较复杂，像素一般，想要扣除背景又很困难时，我们可以怎么做呢？ 比如上面这个页面里的图片，拉伸后仅仅占据页面的一半左右，或三分之一，再拉的话，就模糊了。 我们如何设计呢？ 我们可以先试一试加色块 我们这里就最好不要给人物加色块了，因为人物是有背景的图片，而且铺开是占据了一半的面积，不方便添加色块。而我们换成给文字加色块后，叠加在人物图片上，让色块同时带点阴影效果，设计感一下子就出来了。 我们还可以增加线框 有培训师朋友会问，有没有一种手法，让人物与文字、背景衔接更自然，肯定是有的，我们可以使用渐变蒙版，让人物图片与黑色背景自然衔接。 同时还用不封闭的线框（其实就是三段单独线条放一起）修饰画面，是不是高级感扑面而来呢？ 我们最后总结下【有背景人物半图】场景的设计手法。 因为图片质量受限，可用的手法没有第一种图片场景多，但其实也不少了。 我们不方便用“渐变背景”和“图片背景”，但是我们多了新的手法“渐变蒙版”也完全够用了。 第三种场景【勉强凑合人物小图】 看名字，就知道这是不到万不得已才采用的最后办法，图片质量太差了，稍微放大就会模糊虚化，只能让图片缩小一些，勉强凑合凑合。真可谓是只可远观，不可近看。比如下面这种 因为图片质量受限，我只能用小图，比如下面两种手法。 我们可以在矩形图片背后放一个矩形修饰，也可以把它裁剪成圆形图片，同样用圆形色块在背后修饰。 因为图片太小，要想让页面显得饱满，唯一的办法是使用卡片式设计，在主体信息与页面之间插入一个长方形色块，基本上还是16:9的比例，把直角最好改成平滑一点的圆角，同时给这个矩形添加浅浅的阴影效果，有了这个卡片一样的矩形，可以让页面的版心缩小，我们少量的主体元素，就会显得饱满许多。当然这个矩形面积多大，你需要根据主体元素的多少进行灵活调整。 有些朋友会问，什么是“版心”，但今天实在是没有时间进行详细的说明，你可以去晚上查一下这个概念。但我想说得是，确定版心对PPT页面设计是非常重要的。 讲到这里，差不多就结束了，最后留个思考题，如果你拿到下面这样一张老师图片，不能去除背景，也不能裁剪，你准备如何排版？