3个令人惊叹的视觉故事示例

从穴居人绘画到无声电影，几个世纪以来，视觉故事一直被用来教育、吸引和激励观众。

然而，数字时代已经为视觉叙事带来了一套新的工具和技术。Manifest的总裁Eric Goodstadt和内容营销机构的首席创意官Sacha Reeb在他们的内容营销世界演示中探讨了这个主题，这是五个非常不同的一流视觉故事的例子，以及为什么它们比市场领先一步。

什么是视觉叙事？

Eric和Sacha给出了这样的定义:

他们的定义涵盖了所使用的工具(图形、图像、图片、视频)和期望的结果:激发情感和参与交流以激励观众行动。

Eric说:“与从头开始相比，从体验的结尾开始，然后往回走，这一点非常重要。”。“你希望观众在体验后做什么？不管是什么，从那里开始，回到起点。”

Eric和Sacha认为，视觉叙事应该包括五个核心要素:

• 紧张:激励人们不断消费故事。
• 娱乐:前八秒勾住他们。
• 教育:提供信息，让浏览者对主题有更好的了解。
• 微观互动:确保即使是看似微小和离散的方面——对象的移动、页面的动态适应——也能提供良好的体验。正如Eric解释的那样，观众需要一些小的互动，让他们觉得自己在控制着整个体验。
• 行动呼吁:确保你的团队清楚你希望观众在听完故事后做什么。然后逆向设计视觉故事来实现它。

现在，让我们看一下Eric和Sacha分享的三个例子来说明这些元素。

为什么西蒙·比尔斯是世界上最好的体操运动员？(《纽约时报》)

《纽约时报》制作了一组代表美国队参加2016年夏季奥运会的运动员的视频资料，包括为什么西蒙妮·比尔斯是世界上最好的体操运动员？

精英运动员可以让他们的成就看起来很容易，这使得观众很难理解和欣赏他们的技术和努力。通过这段近三分钟的视频，观众可以深入了解西蒙妮精彩的体操动作。

摄像机直接定位在她的出发点后面，观众看到西蒙妮慢动作跑向跳马跳板。他们听到在钢琴上快速演奏的一系列高音的快节奏音乐轨道。在屏幕的左侧，单词在消失前向前浮动:

当Simone越来越接近金库时，视图切换到全速，她发射了。

已经八秒了。观众被激励(紧张)和吸引(娱乐)继续这个故事。

当她的脚落在垫子上时，屏幕上的场景迅速转移到西蒙妮在不同场地的多件器械上的一系列着陆和表演。

随着观众在西蒙妮童年比赛和后来的世界锦标赛的片段中看到她的早期天赋，故事发生了演变。故事的这一部分以只有西蒙妮会做的动作结束了——比利。观众如何知道他们看到的是什么？简短的文字覆盖解释它(教育)。

从那以后，紧张、娱乐和教育不会消失。一系列场景实时显示了Biles，同时一个文本覆盖解释了它是什么——“半转体和盲着陆的双重布局。”

西蒙妮在镜头前咧着嘴笑着说，“我看到我的一些男性朋友尝试过，但他们从未成功过，所以他们很沮丧。”(她的引用兼顾了紧张感和娱乐价值。)

故事继续了几分钟。观众了解到西蒙妮能跳比她高一倍的高度。在一次镜头采访中，她的教练解释说，西蒙妮在自由体操中一次传球可以做得更多，因为她不需要太多的跑步时间。视觉效果从视频转移到详细的图形演示。

在视频的后半部分，故事转移到西蒙妮在平衡木上的独特天赋——她可以在那种设备上做别人只能在地板上做的动作，她还做了一个世界上没有人能做的着陆(更多的张力、娱乐和教育)。

是什么给了这件作品如此大的冲击力？

“在那个故事中，我们了解了两三个事实，但它们以某种方式突出显示出来，这让我明白这是多么令人惊讶，”Sacha说。“我没有被太多的信息淹没，只是一些事实，它们通过讲故事被出色地翻译出来，通过使用现场运动、信息图表、排版和简短的采访片段的多种媒体被出色地翻译出来。”

行动的号召？视频中没有直接的行动号召。在YouTube托管的视频下面的文字中，纽约时报要求观众订阅其频道，并访问细线:西蒙妮·比尔斯体操，西蒙妮故事的互动版本。

外卖:

• 使用编辑和声音设计来激发情绪(紧张)。
• 不要回避混合多种媒体来表达你的观点(娱乐)。
• 将信息限制在有价值的事实上，以帮助回忆(教育)。
• 使用信息图以易于理解的方式解释复杂的内容(教育)。

人口更健康(Athenahealth在《大西洋月刊》上赞助的内容)

由Athenahealth赞助的大西洋上的微型网站Population Healthier讲述了“一个完全多样化的美国中型城市如何成功地让其社区更加健康，同时赢得了与飞涨的成本的斗争。”

访问这个网站，你会立即注意到微观互动。“当我滚动时，网站或故事会对我的动作做出反应。这意味着我能控制局面，”沙夏说。“我可以来回滚动、向上滚动和向下滚动。它对我有反应。”

微互动可能看起来很酷，但它们不仅仅如此——它们通过控制访问者来吸引他们。

题材发人深省。“这不是表面文章。这就深入了。人们理解卫生保健系统的复杂性，以及这个社区固有的复杂性。这是很好的新闻，”沙夏说。

为了补充书面文字，网站使用了视觉元素，如插图和3D效果图。它还直观地呈现数据，帮助受众更好地理解信息传达的内容。

在网站的一个部分，一幅彩色点状地图加强了对马萨诸塞州洛厄尔发生的文化转变的文字描述。正文下面是一张关于非白人种族分布的图表，进一步简化了这一点:

“当你看到所有的颜色混合在一起时，”埃里克说，“这让一个非常多样化的地区的新闻故事深入人心，因为他们在治疗病人而不是疾病，所以仍然可以有优越的医疗保健。这是新闻和视觉设计紧密结合的一个例子。”

赞助内容格式在视觉故事讲述方面具有优势。“它没有被任何广告打断。没有广告通常出现的右边栏。它没有分心。很专注。然后它是互动的，所以你作为一个观众完全参与进来，”Sacha说。

外卖:

• 通过有意义的视觉元素加深读者的理解(教育)。
• 不要只是告知，挑战读者理解(张力)。
• 始终将观众移至下一个需要的步骤(行动号召)。

关注领域(大西洋上尼康赞助的内容)

焦点领域微型网站是一个单页交互式照片库。它讲述了摄影师吉姆·麦克尼尔的故事，他得到了一台尼康Z 7相机，并被要求花时间跟踪纽约市的一名街头音乐家和一家地下酒吧。

尼康出资推广其新的专业相机，作为常用的DSLR相机的替代品，这个微型网站是由大西洋的营销团队设计和创建的。

故事以文字开始，为背景做准备:“麦克纳利用他的DSLR换来了尼康最新的便携式轻便无反光镜相机:Z 7，非常适合让他起步的狩猎和寻找摄影。有一周的时间，我们跟随乔在城市各处探索，以他标志性的风格测试尼康的最新功能。

该微型网站面向专业摄影师。《大西洋月刊》和尼康知道这些观众想知道他们的同行是如何拍摄照片的——设置、场景等细节。这就是当浏览者浏览网站时，通过视觉和文字讲述的故事。

优雅的微观互动补充了这种内幕的外观。

“你会看到有细微的鼠标悬停提示你可以看到更多细节。你看到镜头了。你有权访问设置。你也可以靠近一点看照片的质量。这些非常微妙的互动显然放大了一些信息，”Sacha说。

这是故事中的一张图片:

当游客将鼠标悬停在照片正下方的标签(EXIF用尼康Z 7拍摄)上时，照片的相机设置会出现:

随着访客滚动，他们见证了从白天到夜晚的平稳过渡(例如，从曼哈顿中城到音乐家的爵士俱乐部外观)。“背景变了。它很有活力。这是情感新闻，”沙夏说。

故事发生在本周晚些时候，摄影师访问曼哈顿板球俱乐部，测试相机的便携性及其高ISO(感光)能力:

像任何好的故事一样，故事将观众带回到主角——街头音乐家——当摄影师在板球俱乐部远足后的第二天早上去他家拜访他时:

随着音乐家的故事和使用尼康相机的摄影周的结束，摄影师的简历出现了新的变化。

该网站以尼康相机为联合主演，带你在纽约市进行一次迷人的视觉旅行。

外卖:

• • 通过对话式讲故事来打动读者(娱乐)。
  • 确定对你的观众来说什么是最重要的，并使其易于参与(微互动)。
  • 转到有意义的集成产品页面(行动号召)。

你有什么视觉故事要讲？

这篇文章中的三个例子来自领先的媒体公司和大品牌。你可能会想，“我只是没有纽约时报或尼康的预算。”

很公平。

但是你不需要很大的预算来应用Eric和Sacha概述的概念来创造伟大的视觉故事——创造张力、娱乐、教育、促进微观互动，并发出明确的行动号召。

如今，几乎每个人都在发布基于文本的博客帖子和文章。很少有人在做视觉故事。利用机会。