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

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

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

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

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

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

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

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

23
阅读原文
|
Report
|
21
Share
相关推荐
机·智——第十八届上海青年美术大展
Homepage recommendation
内容含视频
Typeface Collection ①
Homepage recommendation
假面绮宴 | 心动的王者系列视觉
Homepage recommendation
内容含视频
得物野人30项 | 带上顶配,玩点野的
Homepage recommendation
内容含视频
手写logo字体设计209辑
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
小猫咪插画合集
Homepage recommendation
IP设计合集 DGS FRIENDS
Homepage recommendation
相关收藏夹
峰会
峰会
峰会
峰会
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in