幻灯片设计,最终是通过屏幕来呈现给观众。
所以,缺少对演示屏幕考量的设计,必定是残缺的;从未触碰过屏幕设备连接线的设计师,也难以得到客户认可。
对于幻灯片,我们已经谈了太多「设计」本身,却还很少去了解「屏幕」呈现。
作为专业的设计者,除了保证设计质量,更要预见并能够处理演示呈现环节会出现的问题。
为了不让设计与现场脱节,幻灯片设计必须结合演示现场的「屏幕」来进行。
我们可以从以下四个方面进行思考。
类型
屏幕类型不同,播放效果也会有所不同。
就实际设计而言,屏幕类型虽多,影响设计大方向的,主要是「银幕」和「荧幕」两个大致分类。
❶ 银幕:投影式
传统投影式电影的白色幕布,会涂抹金属粉末等材料增强反光,故被称为银幕,这和我们幻灯片投影所使用的幕布基本类似。所以这里将各类投影放映幻灯片的屏幕划分为银幕类。这其实是大部分幻灯片播放场合下,所使用的屏幕类型。
银幕类常见于中小型室内,其画面是屏幕(幕布)反光形成的。正因如此,现有大部分投影仪使用场合,投影图像明亮程度、色彩丰富程度都略有不足,难以做到「开会不拉窗帘、不关灯」。
根据一般经验,投影场合我们可以尽量使用浅色背景进行设计。但同时还需要在设计上加强颜色、大小等的对比,用于弥补投影设备先天的不足。即便这样做会损设计的美感。
例如这份语文课件,下面两种设计,你会选哪种?
▲ 案例来自 @天奇
在实际的课堂投影下,渐变、透明等细节经常无法表现,如果对比不够明显,就有看不清的风险。
右侧案例大开大合,色彩、大小对比强烈,综合效果反而更好。
❷ 荧幕:屏幕式
荧幕,泛指各种电子发光显像的显示面板。
这里将LCD(液晶显示屏)、LED、OLED等各类能「自己发光」的屏幕统称为荧幕类。
由于画面是屏幕「自己发光」产生,荧幕类无论场地大小、室内室外均可使用,相比银幕类,无需刻意强化色彩、明暗等方面的的对比,也能呈现更多画面细节。
但也因为荧幕类亮度高,室内暗环境场合,幻灯片普遍采用暗背景(例如各类发布会场合)。
▲ 锤子发布会深色渐变背景
为了贴合屏幕特点,哪怕是完全相同的内容,切换到不同类型屏幕的演示场合,设计可能被推翻。
例如秋叶团队为大连理工大学定制的周年庆幻灯片,首先完成用于会场LED屏幕的版本:
之后当同一份材料需要用在会议室投影时,各处细节的调整便不是换个颜色就能解决的了,最终我们几乎重新制作了一套幻灯片:
总而言之,无论银幕类还是荧幕类,背景选择原则、强化颜色对比、调整设计细节……最初出发参照点,都是现场效果为核心。
因为呈现演示设计的,是那一块立在现场的屏幕,而非设计师眼前的电脑显示屏。
形状
播放幻灯片屏幕形状不一定是矩形。
已经有越来越多的演示场合,使用上了特殊形状的屏幕:T形、倒梯形、曲面屏、折面屏……
屏幕平面形状的改变,让演示现场变得不一样。
▲ 时间的朋友跨年演讲,T形屏幕
▲ 深圳市招商推介会,倒梯形屏幕
▲ vivox50 发布会,折面屏▲ OPPOReno4系列发布会,曲面屏
▲ 建业天筑发布会,L型落地屏(From谢天剑)
于是异形屏幕下的幻灯片设计,有了更多的要求。
❶ 调整画面留白
由于屏幕的不规则形状,制作幻灯片时,最重要的是留白措施。
去年年底,我们为深圳市招商推介会制作的幻灯片,是一块异形倒梯形屏幕。
但实际的幻灯片页面仍然是一个矩形,设计过程中,页面观感就会有些奇怪,会影响到设计师的判断。
因为设计时我们面对的页面是这样的:
可以明显感觉到,内容过于集中到画面中,垂直高度偏高,周围的留白又多又不自然。
所以最简单的办法,是采用两个黑色三角形压住幻灯片画布的两个角,还原现场屏幕观感,帮设计师基于这个形状做设计思考。
❷ 调整排版方式
异形屏改变了画面留白的视觉感受,进一步也要求设计跟随形状而做出合理调整。
比如《时间的朋友》跨年演讲,2015年、2016年均使用的是正常矩形宽屏。
对于金句页的设计,人物图片和金句,采用了「左右版式」。
而到了2017年,所用的屏幕只有中间1/4的部分是全高的一种「T形屏」。
这个时候金句页的排版方式,人物居中,金句两边,采用了「居中版式」。
❸ 处理屏幕遮挡
大部分异形屏的本质,其实就是原本矩形屏幕一部分被遮挡而不可视。就算是非异形屏的演示场合,也常有遮挡的情况发生。
比如一些会议室中,因为桌椅、讲台的摆放,导致屏幕最下方存在遮挡。
▲ 屏幕下方被舞台上的设备或陈列物遮挡
此外,演讲人本身的遮挡也应纳入设计考量中。
例如我们用于直播带货的幻灯片,需要为主播留出足够的空白,以免人物站位遮挡画面内容。
实际操作界面中,是这样的:
就算是使用远高于人物的大屏的发布会,同样不能忽略演讲人站位。
我们在为林内定制发布会幻灯片时,从客户处获得一张现场的模拟图。
与客户沟通后了解到,演讲人将主要站在舞台左侧的企业LOGO处。
于是实际设计中,画面左侧下半部分基本不再放置实质性内容。文字最低处刚好高过人物头部。
大小
幻灯片软件可以设置画布的大小。
但很多刚入行的小伙伴可能会有一个困惑,那就是,PPT软件能够允许画布极限尺寸大约为140cm,而发布会现场屏幕往往是几米高,这样的话,演示的画面不会糊掉吗?
实际上,画布的大小与最终演示时的画面清晰度几乎毫无关系。
幻灯片中的主要两类元素:矢量与位图。
矢量:文字、形状、表格、矢量图标……这些元素可以无限放大与缩小,无论演示的屏幕如何大,它们在演示中所呈现的效果都无需担心。
位图:位图即以像素点构成的图像,当放大位图时,可以看到构成整个图像的无数个方块,这些方块就是像素块。
每个像素块就是一个发光单元,不同位置的像素块发出不同的光,就构成了我们所看到的图像。
我们平常说的一张图大小是1920×1080,意思就是这张图横向有1920个像素点,纵向1080个;
而我们所说的电脑屏幕分辨率1920×1080,意思就是屏幕横向有1920个发光单元,纵向1080个。
电脑屏幕分辩都在1000以上了,那对于数米高的演示屏幕,是否需要更大甚至上万像素高的图片才能清晰展示呢?
这其实是像素颗粒的问题,如果近距离观察发布会LED屏的细节,会看到毫米级大小的灯珠,这些灯珠就是在这个尺度的屏幕上的像素点。
通常用于会场的LED屏,行话称作「P3屏」,即屏幕上相邻两个灯珠的间距为3mm。
也就是说,像素数量为1280×720的LED屏,有多大?——长3.84米,高2.16米。
明白了吧?
一个长约4米的大屏,其实屏幕分辨率也不过是1280×720,普通图片完全能满足,只要保证图片素材没有被压缩,保持原有的分辨率,在电脑中播放时清晰,就能够保证演示中的也足够清晰。
所以,PPT软件的画布大小,跟实际演示屏幕的尺寸其实并没有必然关系,在实际的演示中,往往是电脑外接一块屏幕来进行演示PPT,而电脑和外接屏之间由于尺寸、分辨率、系统等差异,容易导致一些显示问题,比如变形、失真、模糊等。
在大型场合,比如发布会,所有的屏幕、画面都需要通过专业的中控台来统一调控,专业的技术人员会保障演示的顺利进行。
但我们平常日常工作中接触的演示,场合没有那么大,更不会有技术人员来帮忙处理问题,有哪些设置是自己可控的,尽量保障演示效果?
我们将笔记本接入投影仪或者会议室屏幕,默认的投影方式一般是【复制】,即笔记本上显示什么,演示屏幕就显示什么。
这个时候演示屏幕和电脑屏幕共享一个画面信号,画面的清晰度,将受到笔记本的限制。
比如常规的HD笔记本电脑屏幕分辨率为1920×1080像素,则不管演示屏幕能支持多大的分辨率,画面都只会以电脑屏幕的分辨率显示。
所以,在【复制】的模式下,如果演示大屏幕分辨率很高,传输过去的图像就会被强行放大铺满屏幕,也就会模糊、失真。
这个时候可以通过更改连接模式恢复外接屏幕的分辨率。把外接屏幕和电脑的连接模式改为【扩展】,这个模式下,电脑将会单独给外接屏幕一个可调整的独立信号。
这样就可以让外接屏幕发挥出它应有的显示效果,确保演示的顺利。
比例
关于比例,很多同学其实觉得不是问题。
大家的共识是:只要问清楚现场屏幕的比例,我幻灯片做一样的比例,能出什么问题?
还真有问题。
直接讲个真实的例子。
2019年,秋叶PPT线下周年庆同学会,提前跟酒店确定好,现场的屏幕比例是3:1。
那么自然而然,我们就按照3:1的比例,做好了当天要现场放映的幻灯片。
结果周年庆前一晚我们进入场地测试,屏幕比例确实是3:1,我们的幻灯片也是3:1,但是,屏幕上下留很大的黑边,幻灯片也被拉伸了。
邪门不邪门?
酒店负责设备的工作人员还不允许随便调整他们的设备和默认参数。
抓不抓狂?
下来我来为大家解释一下出现这个问题的原理,以及我们找到的一种解决方案。
❶ 比例失控原理
我们放映PPT的电脑,显示屏比例一般都为16:9,若场地屏幕比例为3:1,将电脑显示屏上16:9的画面不变形地在屏幕上显示,按照道理讲,必定会在两侧留下黑边。
而为了不留下黑边,目前大部分酒店或场地,其默认的设置,会强行将电脑放映的画面,铺满3:1的屏幕,造成画面变形。
所以,按照这个原理,幻灯片是3:1的比例,于是在电脑上就会出现上下黑边,而设备是基于整个电脑屏幕拉伸的,所以……
你说抓不抓狂?
❷ 中控解决方案
但在宽屏发布会场合,是如何解决这个问题的呢?
对于高水平的演示,现场设备调试往往会由一个专业团队处理。在长江日报70周年定制项目中,这份幻灯片演示绝不是电脑直接连接屏幕那么简单。所有的画面信号全部输入给中控台,通过中控台调整后,最终才输出给大屏幕。
不过当下很多普通酒店等场地,由于没有这样专业的设备和团队,所以经常也就会出现比例拉伸的问题。
如果要快速解决,此时我们可以自行制造一个「中控台」。
即在演示中,准备两台电脑和一个采集卡:
- 一台电脑用于播放幻灯片和翻页
- 另一台电脑用于完成画面转化工作(行使「中控台」职能)
- 采集卡将第一台电脑的画面采集到第二台电脑
在第一台电脑,我们可以不做任何设置去播放幻灯片,同时利用采集卡将屏幕画面截取部分转给第二台电脑。
第二台电脑作为中控,接收到画面后,将其调整拉伸至全屏。
最后,将第二台电脑接入演示屏幕,即可实现宽屏中画面不变形。
这样,就可以解决问题。
坦率讲,本文你可能没看懂,我们自己在写的时候也戏称像「写一篇论文」,我们写的时候也觉得不容易,确实很复杂。
但是,屏幕确实是演示中无法回避的重要元素,对这个知识不够了解,就无法成为一名全面的演示设计师。
所以,即便没看懂,就先把这篇攻略收藏,出现问题的时候迟早用得上。这是来自面临过无数连接屏幕问题的培训师&定制设计师的呐喊。
以上,就是我们在全流程幻灯片设计中,基于演示中,关于屏幕的一些经验,希望对你有所启发。
希望更多的幻灯片制作者们,能够置身于演示现场,以终为始,让演示不再局限于办公桌前那方寸大小的电脑屏幕中。
源于PPT,不止PPT,我们是@澄音 、@画生。
6