案例详解 | 如何完成一场商业峰会的幻灯片设计?

用户头像
汕头/平面设计师/3年前/1136浏览
案例详解 | 如何完成一场商业峰会的幻灯片设计?
用户头像
汪沛

分析商业案例,学习幻灯片设计

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。前者时间成本低,后者效果更优质。

以上,是本次案例的所有设计思路,感谢你看到这里。

对于幻灯片设计师来说,需要考虑的是如何用更有效的方法去解决文字信息的传递问题,而不是用各种华而不实的元素去粉饰每一个字符。信息的高效解读、工具的灵活运用才是考验幻灯片设计师是否成熟的重要因素。

然而在实际商业制作中,如果项目周期过于紧张,修饰元素与模板反而是促成顺利交稿的关键。

如果文章对你有帮助,不妨给我点个赞!

24
阅读原文
|
举报
|
25
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
金色颗粒质地的平面
中国传统纹样创新图案设计
城阙凡花
平面设计 吊牌设计
城市园林平面布局航拍
空的平台平面和自然景观
平面书法字手写
牛奶乳液层次梯田平铺平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
古风平面仕女与瓷器
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
海底世界插画
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
平面插画设计女孩喝咖啡
你可能喜欢
相关收藏夹
大家都在看
登录注册