制作竖版的演讲幻灯片有什么诀窍?
感谢 @王禹宸 的提问(思维导图达人,公众号ID:MG-WYC)。这并不是一个常见的幻灯片版式,竖版的幻灯片一定有其特定的使用场景,「在设计中,形式服从于功能」(选自《人人都是设计师》),根据场景入手来看制作的注意事项是根本。
竖版的幻灯片最常用的场景是微课课件和平面海报设计,特别是现在人人崛起的时代,微课课件用幻灯片的竖版制作,方便学员截图和保存是最为广泛的用途。海报设计无需多言,根据平面设计基本原则进行即可,微课课件倒的确有可以细说的注意要点。
「怎样制作一个大方得体的竖版幻灯片****微课****课件?」——这篇文章就以这个方向入手,我们就来聊聊竖版的演讲幻灯片的诀窍。
我们先来看看身边好的竖版幻灯片设计是怎样的?
我在网上搜索了一些图片,仅作知识探讨,侵删。
↑ 剽悍一只猫 课件
↑ 罗永浩 课件
它们为什么设计得好,何为好?——我们有必要定义一个「好」的标准。
正所谓「好」的课件设计,是设计体现演讲者个人风格及符合内容、能协助听众准确无误获取分享知识、并******让听众沉浸在分享中**的幻灯片课件。
我们可以从中看到其设计要求:
1.尺寸:竖版幻灯片尺寸占据整个手机屏幕不留黑边
2.风格:整体风格统一,风格带有强烈演讲人特征
3.内容:内容重点突出,图片内容清晰观看并具备明显分辨度
4.个人信息:页面带有分享者个人信息,如名称和二维码等
那么我们来看看案例中两位大神级分享者的课件,他们是怎么做的:
↑ 剽悍一只猫 课件
感谢设计师前辈刘灏的制作(公众号:文刀老湿)
点击查看清晰大图
↑ 罗永浩 课件
一、针对 尺寸设置
↑ 剽悍一只猫 课件尺寸
↑ 罗永浩 课件尺寸
由于每个手机尺寸不一,想要用哪一个手机的尺寸为准,可以将其手机截图导入Photoshop中,点击 图像大小 提取行高比,并在幻灯片软件中设置同样比例的新画布,并确保画布比手机尺寸更大,即可确保精度。
但要注意,并非尺寸设置越大越好,和手机截图尺寸相等或稍大即可,否则可能导致每张课件图片大小过大。图片大小 越大,不获取原图时手机接收到的略缩图会越模糊,获取原图查看时流量压力也越大。
二、针对 背景和配色
背景和配色 是最能够体现风格的部分。
****如果采用图片的话,必须采用和主题相关的图片,否则很容易造成听众走神****(同时因为线上授课,所以你无法看到听众走神的表情),进一步通过模糊化或半透明色块蒙版的方式处理,这样能够确保文字能被清晰识别(正如 剽悍一只猫 课件中页面的下半部分)。
如果选择背景上有困难,可以采用纯色或微渐变色,确保背景和正文的颜色反差大(如 罗永浩 课件的肉色背景)。
三、针对 版式设计
整个页面的版式设计遵循一般的平面设计原则,对齐是最基本的原则。
如果实在不懂排版,居中是一个很好的选择。
除非设计能力较强,否则不要轻易尝试其他的版式;相反的,如果能够尝试出新颖的版式,会带有更加强烈的个人风格色彩(正如 后文中的例子)。
四、针对 分享者信息
常见的微课课件的 分享者信息 主要有:
分享者名称、公众号二维码、公众号ID、社团口号等。
相对而言,这些都不算是非常重要的信息,所以我们可以将其放置在页面较不重要的下方居中或者右下角,颜色设置为灰色,相当于一个水印的效果。
但是要注意的是,一定要确保二维码长按能够被识别。
▼
既然道理你都懂了,如果你现在就要做一场微课分享,手头上资料已经齐全,该怎么开始?
原稿整理后得出:
一、针对 尺寸设置
画布比手机尺寸更大,即可确保精度。
如本文案例我就设置宽7.2厘米和高12.8厘米确保相同比例。
二、针对 背景和配色
要体现分享者(我)的风格,配色上我采用蓝白的配合,字体和形状选择蓝色渐变填充,在色调上和我的logo和个人形象吻合。
三、针对 版式设计
字体选用 造字工房俊雅锐宋 ,更加带有修长的气质。
由于分享的内容是竖版幻灯片,因此我的文本走向也采用竖版,得到了不错的效果。
四、针对 分享者信息
我让每一页带有我的个人信息,因此内页都设置了二维码,右上角带有分享标题。这样随便某页被听众分享,都能倒流到分享者(我)的公众号。
本质上来说这个课件比较骚气,但如果举办方允许的话,效果还是会不错嘀。
调整后的页面预览: