相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何设计一套高逼格的发布会PPT

妮子发布于:2018-2-3 13:08 |原作者: 沪江UED|
妮子
浙江省 绍兴市 GUI设计师
发私信 + 关注
简介: 手把手教你如何设计一场有逼格的发布会PPT,专治从零开始到放弃!


视频风格探索

在内容设计的同时,视觉设计师同步开始对视频的风格进行探索。我们对国内外互联网及产品科技公司发布会视频做了调研,大致分为三种类型。视觉冲击型(通过强力的富有冲击的画面与震撼的音效让现场氛围迅速点燃)简洁叙事型(通过简单抽象的动画,配合精炼的文案,阐述深层的理念和理想)实景拍摄型(拍摄真实场景,加入对白台词,引起观众的共鸣)。

aeb359239bcca801216a3e8f723e.jpg

[视觉冲击型:魅族PRO5新品发布会]

d13159239bd8b5b3086ed41fcbb2.jpg

[简洁叙事型:苹果WWDC 2013]

f5da59239beba801216a3e61e4d6.jpg

[实景拍摄型:苹果2016秋季发布会]

本次发布会我们认为第二种方案在视觉表现力和理念传达上最符合我们的内容,同时在制作周期和成本上也相对比其他两中类型更适合。于是我们决定使用简洁抽象的图形和符号,配合精简的文案制作动画视频。并收集此类风格截图,形成情绪板,指导后续视频图形元素的绘制。

b6d459239bfbb5b3086ed4a30561.jpg

[视频风格情绪板]

动画分镜制作

动画分镜制作是整个视频制作中最具想象力的环节。视觉设计师需要将文字信息转化为图形,不同于平面设计,每个图形在设计的同时要考虑图形之间的变化过渡,保证整体动画的连贯性。例如第一段动画表达学习方式的改变,线下课堂-线上课堂-移动课堂,三个图形的自然过渡是绘制过程中要提前考虑到的。

58a159239c0ea801216a3e76e368.jpg

图形之间变化也可以通过一些物理行为变化转场。例如在表现人机对话的一段。如何将人与机器的问答表现出来,我们尝试了很多形式,最终决定用最简单容易理解的扫描形式,表现语音识别。

e70c59239c24a801216a3e4cac62.jpg

[第一版]

0fe359239c2fb5b3086ed45d3144.jpg

[第二版]

5dd159239c3ca801216a3eda214c.jpg

[最终版]

图形要很好的贴合内容主题,避免产生歧义。例如在表现为每一位学员提供独有的学习路径的图形上,最早我们使用了迷宫的造型,虽然是表达给予用户最佳路径走出困惑,但迷宫图形会给人一种紧张,迷茫的情绪,并不能很好表达我们想传达的主旨,因此最后使用了贪吃蛇的概念,表达了智能化引导学员完成学习目标的路径。

8bc259239c48b5b3086ed41c3c1e.jpg

[第一版:迷宫]

921b59239c56a801216a3eb79b26.jpg

[最终版:贪吃蛇]

在所有分镜确认后,我们会制作高保真的动画分镜,绘制出图形最终样式与画面比例并加入旁白文字,同时标注出文字出现与消失的位置,确保动画师后续制作过程中的效率和减少沟通成本。

0e1059239dcdb5b3086ed48b0fa4.jpg

20

好评
9

差评

刚表态过的朋友 (29 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 任小陌

妮子
浙江省 绍兴市 GUI设计师
+关注 发私信
发表评论

最新评论

引用
a15900060发布于:2018-3-29 15:56
666
引用
鼻尖上的白日梦发布于:2018-2-5 09:50
666

查看全部评论(2)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计