Dropbox那个1分钟的宣传视频,原来是这么设计出来的! - 优设网 - UISDC

Dropbox那个1分钟的宣传视频,原来是这么设计出来的!

2017/05/07 9189评论区

@可乐橙_ColaChan :一分钟。这点时间连泡一壶茶、甚至等个红灯都不够。但要用来讲述一大堆关于Dropbox的产品更新,我们只有一分钟的时间。

如你所见,今年早些时候,我们准备好了要发布一系列关于协作与生产力的新功能。伴随本次发布,我们的品牌设计团队想要创作一段短视频,展示这些功能的相互配合。

一分钟。这能有多难,对吧?本文中,我们会讲述这段视频的制作过程。(注:文中的音乐及视频都需要搭梯子访问)

「那些年火爆网络的设计作品都是这么来的!」

  1. 设计师揭秘!超火的故宫HTML 5背后的设计故事
  2. 火爆的“吴亦凡入伍”HTML5背后有哪些设计故事?

△  早期头脑风暴环节

创造奇迹

我们从创意简报入手。叫上产品、市场、设计和决策者一起,我们需要确保每个人都参与我们的工作。

创意简报要确定以下问题:

  • 我们为什么要做这个项目?
  • 目标受众是谁?
  • 如何定义项目成功?
  • 排除哪些目标?
  • 我们想要解决什么问题?
  • 主要表达什么信息?
  • 辅助信息是什么?
  • 这件创作要用哪3个形容词来描述?
  • 交付物及规格是什么?
  • 时间安排是怎样的?
  • 要追踪哪些指标?

简报成了我们的北极星,是我们创作的共同基础。当创意方向或策略偏离正轨时,我们会回溯到简报上,让一切归位。

△  创造我们的北极星

启动

这个项目由Instrument与我们协作完成,这是波兰的一家才华横溢的创意机构。

我们当面启动合作项目,定下了时间规划、里程碑、责任分配和目标。如果用邮件或在线沟通,这些细节往往得不到落实。通过提前当面沟通,我们迅速在两个团队间达成了共识。

启动会持续了2天。这是一个每人都需要参与的工作环节。我们进行头脑风暴、在白板上涂涂画画,记录下了上百个点子,当然我们知道,最终只有少数能脱颖而出。

持续协作

本着合作的精神,我们与Instrument团队频繁碰面——准确的说,一天碰两次。晨会确立当天的目标和预期。晚会回顾进程、交换实时反馈。由于时间紧凑,保持迅速反馈至关重要。
列举一些我们在会上回顾的内容:

  • 脚本
  • 故事板
  • 产品细节(设备和头像)
  • 视觉方向(色彩、光线、布景)
  • 音乐选用
  • 旁边音选用
  • 粗剪片段

△  回顾其中一个故事板

确定视觉方向

我们的目标,是用一种耳目一新的方式,为Dropbox讲述一个合作与生产力的故事。于是我们决定做一件很少做的事情——用真人来代替插画。使用真人有助于将新功能人格化,但我们也需要以符合Dropbox视觉美学的方式来呈现。

从一项简单的任务着手:谨慎选用颜色,贯穿始终,专注于我们想要表现的操作,在剪辑中保持适当的留白。
我们选了少量色彩,确保视频中的每个画面只出现这些颜色。从头到尾,你会在头像、界面和物体上见到这些颜色。

△  视觉方向探索

寻找合适的音乐

在所有视频中,音乐都扮演着定义氛围、活力和情绪的重要任务。显然,选择适合的音乐极其重要。这个项目需要传递出正能量和积极向上的感觉,于是我们确定了音乐应该要积极、乐观、活力充沛。我们也希望这段音乐有节奏感,有助于强调生产力和效率的概念。

音乐使用的乐器要少而简洁,为旁白留出充足的空间。我们也希望避免使用科技行业惯用的陈词滥调,不想使用太过可爱或幼稚的乐器。

下面是从录音棚送来的几段音乐。

https://soundcloud.com/jasonmar/14-dropbox-search

△  第1段音乐

一开始,我们很喜欢这段音乐带来的惊喜。调子和音色给人感觉像是在用一种有趣的方式强调生产力和轻松办公的概念。但是最终,它还是感觉有点傻——尤其是急促的木器声和劈开的声音。显得不够现代和积极。

https://soundcloud.com/jasonmar/15-dropbox-search

△  第2段音乐

这个版本,我们很喜欢鼓点节奏的创意,但它需要有更统一和简单的节奏贯穿始终。我们觉得这有助于表达持续不断的生产力。爵士鼓手即兴创作的方式,感觉有点出乎意料,与旁边音配合时,切分音的部分太让人分心了。

https://soundcloud.com/jasonmar/71-stems-session-7

△  最终的版本

第3个版本正是我们要的。它感觉很现代,有一种贯穿始终的低调节奏,与我们的脚本也高度吻合。开头的古灵精怪和简略风格会慢慢积攒能量,最终达到一种最佳状态。结尾的吉他旋律确实强调得恰到好处。这就是我们想要的。

寻找适合的旁白音

和描述音乐类似,我们也需要考虑视频的解说者。

大量争论之后,我们确定要找这样的声音:

  • 年龄:25-35
  • 性别:女
  • 种族:不限
  • 声音/音色:聪明、自信、温暖、直接、有力(想想Rashida Jones)、娓娓道来。不要太活泼,也不要太圆润。她要听起来像是一个聪明的朋友,试图分享一些改善生活的方法。

这是两个最被我们看好的旁白:

https://soundcloud.com/jasonmar/option-1-vo-talent

△  旁白版本1

https://soundcloud.com/jasonmar/option-2-vo-talent

△  旁白版本2

两个版本都很棒,最终选了第2个。它最符合我们想要的语调。

拍摄视频

选定了导演、剧本、故事板、位置、人员和道具之后,我们进行了一天的封闭拍摄。录制这样的视频是个艰巨任务,一整天顺利拍摄让我们倍感压力。

有许多人参与进来了——大概总共50个——日程非常紧凑。幸运的是,我们可以提前准备、装配、预演,在一天内使用15个不同的镜头。

△  和我们的导演、人员与创意机构搭建场景。有件趣事:导演是Aaron Platt,执导过Lonely Island的MV《On A Boat》

拍摄后

拍摄当天过后,还有后期处理工作,然后这个项目才算真正完成。其中包括编辑、旁白录制、色彩校正、动画效果,还有最后的旁白/音乐混合。

拍摄完后,花了一天时间来编码,并把素材传给编辑人员。编辑人员开始编辑和组织素材。素材库被随意插入到旁白和音乐中,产生了第一段粗剪样片。

第一版粗剪样片:https://www.youtube.com/watch?v=UBSZaXUzT1s

△  粗剪片段

我们还尝试了另一个版本,表现我们想要突出的每一个功能。我们在展示每个功能之前,写出“文档扫描”、“标注”和“历史版本”等字样。但是,看了这个版本的粗剪片段后,我们感觉这样有点傻,于是决定抛弃这个方向。

https://www.youtube.com/watch?v=Q3u1RMRhank

△  有标题的粗剪片段

最终发布的成片

以粗剪片段为基础,我们反复进行后期处理,辛苦打磨细节直至尽善尽美。下面是我们最终发布的版本:https://www.youtube.com/watch?v=-_xXSQuBh14

这段视频成了一块基石,支撑着一个更大的项目——它是所有后续工作(邮件、社交媒体、宣传材料、着陆页)的指明灯。最后,万物归一,讲述了同一个故事。

「那些年惊艳我们的宣传案例」

  1. 《如此风骚!2014年刷爆朋友圈的十大 HTML5 技术案例》
  2. 《2016年惊艳朋友圈的十大H5,你被几个刷过屏?》

原文地址:Jason Mar
译文地址:colachan

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/dropbox-1-min-video-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里