案例详解 | 如何完成一场商业峰会的幻灯片设计?
分析商业案例,学习幻灯片设计
2022年已成为历史。回顾这一整年的状态,时而奋进,时而低迷,不好也不坏。
刚过去的众多跨年晚会,除了唱歌跳舞,也多了一些年终演讲峰会。最近正好在整理作品集,挑选一个相对应景的幻灯片案例来做分享。
通过完整的设计分析,复盘自己的制作历程,也希望给广大幻灯片爱好者提供思路启发。
以下是本次案例的完整展现。
——
行业属性:金融财经、个人演讲
风格类型:暗色调、带有一点星空元素的视觉设计
屏幕比例:5:1(超宽屏)
内容特点:多为数据图表、关键词短语与金句类型
项目开始前,要带着需求去搜集参考资料。
这种商业场合的知识分享会,可以在网上找到一些比较经典的案例来借鉴设计。比如时间的朋友、进化的力量、预见等大型个人演讲秀。
对找到的这些主视觉页面做视觉分析,可以得到这类型幻灯片的设计共性:
1.暗色调表现神秘与严谨;
2.实景图片或几何形状表现氛围;
3.用亮色调的光感表示强调与画面的层次。
综合以上设计共性,并与本次设计项目的风格需求做结合,可以将风格关键词定义为:星空、光感、流星。以此来尝试制作幻灯片的主视觉。
在前期的视觉定调上,比较纠结的是色相的问题。这里尝试了橙、蓝、紫三种不同色相的主视觉。无论哪一种作为后期的设计延展,都是可行的。
但如果从甲方的角度考虑,可能会希望视觉设计能有让人眼前一亮的感觉。
考虑跟前面的设计参考做出区分,求同存异,因此定为暗色调的紫色版本。同时,紫色更容易塑造神秘氛围,可以给演讲现场带来更多戏剧性。
确定风格方向后,开始制作延展页面。以主视觉画面为基础,提取特征元素作为页面设计的延展元素。星轨元素是主视觉特征最明显的设计元素,因此拿来作为延展页面的背景纹理。
设计规范的确定,有助于保持幻灯片整体页面视觉的统一性。
从主视觉画面提取关键色彩,搭建幻灯片的统一色调。色彩选取上,以紫色与淡紫为图形的色彩,浅橙色与茶色为文字色彩,符合对比色原则。
中西文字体的搭配遵循造型近似原则。中文字体选择思源宋体与OPPOSans,西文字体选择Baskervill。
补充说明:在实际项目中,有些甲方会提供品牌规范手册,设计师只需要根据甲方提供的品牌规范来确定色彩与字体即可。
到这里,整个视觉基调就已经搭建完毕。
挑选了几个有代表性的页面类型来做详解。主要分析页面的设计思路,不展开细讲制作过程。
#PAGE 01 / 封面页
封面的底图元素为星空、星轨。这类图片素材可以在众多图库网站中搜集。
为了搭建一个星空环绕的场景,以两张星空图片素材为基础,在PS里用混合模式与径向模糊滤镜合成星空画面的基础纹理,最后用画笔结合径向模糊滤镜做出星轨元素。
标题字体用渐变色彩增加质感,另外再将标题字体复制一层调整为深色,叠放在标题字的下方,做出文字的厚度。
最后增加点缀的光效素材即可。
光效素材可以提升画面的质感。但是如果不当,也会让画面变得更加不和谐。
就本案例来说,背景的高光位置靠近标题文字的上方,如果把光效放在文字的下边缘,就显得违和。
高光的正确位置应该是在文字的上边缘。
处理好所有细节,就基本完成封面设计了。
整个的制作技法并不复杂,花心思的地方主要在调色与光效的处理上。
#PAGE 02 / 内容页
先看内容页的文字信息,这一页表示的是有时间线的几个关键阶段。
现有的关键词都是抽象词汇。如果直接用来搜索图片,会发现找到的图片相关性都很弱。因此需要把抽象词转化为具象词,提高图片的相关性。
通常可以直接用PS图层蒙版加渐变来实现多图融合,但最后效果会很粗糙。
要让画面过渡更有细节,就需要找到不同图片之间的相关性,用抠图、调色等方式将多张图片合成一张完整的背景图。
下一步是对图片进行调色。
把PPT软件的形状调成半透明的状态,可以起到颜色统一的作用,但仍然会有肉眼可见的杂色干扰。
用PS里的渐变映射功能来调色,就能够很好地排除颜色干扰这个问题。
背景图的制作要注意图片的衔接与调色这两点。
按原稿内容逻辑来展示,没有问题但也不够出彩。
内容的重点是四个关键阶段的词汇而不是时间信息。弱化次要信息,把时间点处理成半透明元素,叠加在背景图即可。
#PAGE 03 / 篇章页
此页的文字内容为章节序号与关键词。需要用视野开阔的图片素材来撑起整个画面的氛围。
用关键词“城市”可以搜集到两张比较合适的图片素材,并用对称构图的方式处理画面。
这是图片A处理后的效果。
这是图片B处理后的效果。
分析以上两张效果图,可以看到图片A的构图并没有视线聚焦的作用,而图片B中的道路正好构成向中间聚焦的趋势,在视觉上会更有视线引导作用。
因此,选择图片B作为篇章页的背景图。
#PAGE 04 / 表格页
从原稿表格内容了解到,想要传达的信息是每个地区的最大值。
处理表格常用的流程是美化表格边框,再突出关键数据。
数字太多,难以被受众解读。因此需要将数据转化成可视化的图表形式,才会更加通俗易懂。
给非关键的数据系列增加透明度,弱化其存在感,反向突出每一个地区的最大值。
#PAGE 05 / 图表页
先解读原稿的图表信息,这一页要表示的是折线图的上升趋势,以及如何体现本页的结论性标题。
统一图表的设计风格,突出折线图线条,并将纵坐标的最大值加粗放大。
给线条增加“面”的属性,来增加其视觉重量。
可以通过内置图表里的编辑数据来实现,方法是多复制一层相同数据,更改图表类型为曲面图。
在形状格式中,调整渐变填充的色值,可以给曲面增加质感。
或者可以将一张更有质感的渐变图片填充到曲面图。另外,在曲面图右上角增加光效元素,把最大值表示成视觉焦点。
#PAGE 06 / 氛围页
在原稿中,图片上的文字是这一页要展示的内容,旁边的文字信息是次要元素,不需要重点展示,但也不建议删除。
模仿视频弹幕的呈现形式,将关键文字乱序摆放。可以手动一个一个调整,或者走捷径。用AE中的Particular插件可以快速实现这个视觉效果。
导出工程文件的静态帧图层,得到氛围页。
也可以给氛围页增加一些戏剧性效果,比如动画。
可以在导出AE的静态帧图层后,转到PPT里添加动画;或是直接在AE里调关键帧后导出视频放进PPT。前者时间成本低,后者效果更优质。
以上,是本次案例的所有设计思路,感谢你看到这里。
对于幻灯片设计师来说,需要考虑的是如何用更有效的方法去解决文字信息的传递问题,而不是用各种华而不实的元素去粉饰每一个字符。信息的高效解读、工具的灵活运用才是考验幻灯片设计师是否成熟的重要因素。
然而在实际商业制作中,如果项目周期过于紧张,修饰元素与模板反而是促成顺利交稿的关键。
如果文章对你有帮助,不妨给我点个赞!




















































































