Tag Archives: 统一性

微笑背后的力量 – TED演讲设计点评 03

How would you incorporate images in your presentation? It probably involves more than just “import” and “position” than you think, right?

你通常会用什么样的方式,来将图片结合到自己的presentation中呢?这个过程可不止是简单的“导入”和调整一下图片位置吧。下面这三张图片大致概括了一下在过去的十年中,在presentation中插入图片方式的变迁:

2000: 将一张小图片和几行文字结合好像是最安全的方式。当时大家都觉得观众可以在短短的数分钟之内,一边听明白演讲者在讲什么,一边看懂文字和图片。最终的结果只可能是,观众们被文字和图片分心,没完全听懂讲的是什么,看得也囫囵吞枣。

2005: 五年之后,大家终于知道了太多文字行不通的 LOL,不过另一个也没什么水准的风潮出现了:人们开始喜欢用一些真人和虚拟环境结合的图片(好像上面这个例子,一堆穿西服的人试图拼积木,这个就是团队合作了),的确,这些图片是可以说明问题,但是过了最初的新鲜感,人们很难将这些虚拟的图片联系到他们自己真实的生活,比较难引起共鸣(同时,看多了这些图片真是有害“设计健康‘…)。

2010:到了2010年,人们慢慢越来越少用Powerpoint里的剪贴画了,它们被更多高分辨率、特写的真实图片所替代。我们越来越常发现幻灯片中的文字少了,图片变得更清晰生动了,每一张真实的图片都在帮助演讲者更准确的传达他们的理念,也更能引起人们的共鸣。但是,这些图片通常都是独立于彼此的,并没有一个视觉系统或者是风格性的文字来将他们有机的组合起来,使得整个演讲好像没有主心骨。

 

有没有一种方式,这些图片可以更加系统化的展现在观众面前,让整个故事变得完整呢?这篇里面要讲的TED演讲者,Ron Gutman,就用简单的视觉元素将他的演讲——“微笑背后的力量”,完整的串联了起来。

Ron Gutman曾经是斯坦福大学的一名研究生。他组织了一个跨学科的队伍(包括工程学院、医学院,商学院,心理系和法学院的教授和学生)来研究什么样才是一个更健康更快乐的生活。其中一个研究成果就是,更多微笑会让人们过更健康的生活。他在TED上的演讲主题便是向人们阐述人们微笑的力量。通过下面的分析,让我们来看看他是如何运用系统化的视觉元素来串连起整个演讲的:

1. 保持清晰并且一致的视觉风格

贯穿至终,气泡一直是Ron在系统化使用的一个视觉元素,也使得整个presentation变得比较很有整体感。我选取了下面四个幻灯片作为例子来展示他是怎样将气泡和他的演讲内容结合的。在每个幻灯片上,不管是整个的,或者是被分隔组合的气泡,不管是作为画面主题的,还是作为背景的气泡,各种颜色,各种形状,都被Ron用来放置,组合和强调不同的内容。但这里的重点并不是他用了什么样的气泡,而是这些简单简洁的视觉元素是如何将不同的幻灯片串连起来的。Ron的成功之处在于,无论你从整个presentation中抽出哪一张幻灯片,你都可以很快的辨认出明显的风格,设计很多时候重点就在于营造这样的风格感。

2. 合理运用特写,中景,远景“镜头”

想象一下,如果你看到的所有的幻灯片中的图片,都是以气泡状呈现的,那该会有多无聊阿。设计一个presentation就好像是导演一场电影一样,当你希望强调某些细节时,你用特写镜头;当你想阐述人们或者事物之间的关系时,你可以用中景镜头;当你想要给观众一个全局观时,一个远景镜头可能更为恰当。你离你想表达的内容有多近(当然也取决于你所涵盖内容的多少),将会给观众们一个明确的导向:你有多想强调这个点。下图中的“特写”幻灯片中的图片,还是年轻的奥巴马在高中毕业册上照片,他被Ron作为一个微笑成功人士的典范。

3.运用更多色彩,位置和形状的变化

接下来的四张幻灯片都很明白易懂。根据不同图片的形状,大小,颜色和清晰度,Ron试图用不同的气泡作为背景来与这些图片匹配。深色或者是黑白配色的图片通常配上了彩色(所谓的彩色,其实也不过两个色系,蓝和红,不同的颜色只是饱和度的差别)的背景;而本身是彩色或者分辨率比较高的图片则是配色较为简单的背景。最后一张幻灯片显得有点有悖刚刚我们所总结的,究其原因,可能有两点:首先,那张图片出现在演讲刚开始的时候,当时整个演讲的色彩范围还没有完全的展开来。而且,Ron在这里想要说明的是,婴儿出生时通常都是带着微笑的,这么美好的一个例子应该也不需要其他过多的颜色来“增彩”了吧。

4. 数据,文字,图表和引言也可以被“统一”

当然,完全被图片所主导的演讲也是很难有灵魂的,需要有数据,文字这些干货来作为骨骼。下面的几个图片中就是很好的例子,看Ron是如何将数据,文字和图表也用这样的气泡视觉表达所统一出来的。让人印象深刻的点在于,在所有的四张幻灯片中,所包含的这些非图片内容都很自然的和整个演讲的气泡风格结合在了一起,没有不自然的感觉。气泡可以足够大到作为幻灯片的背景,气泡也可以小到给居中的图表让出位置,气泡更可以将特蕾莎修女圈起来,让引言也成为整个气泡系统的一部分,呵呵。我只能说,这些简单但是富有创意的小点子,这些让整个视觉系统看上去统一而自然的修改,正是设计富有吸引力的地方。

最后,让我们来看看,所有的这些气泡所组成的一副大图是怎么样的呢?一个大大的微笑(Smile)英文单词!我们每个人,每天都应该至少做二十次的事情!;)

原版演讲中,在图片和图片之间,还运用了很多很流畅的动画效果,鉴于文字博客的局限性,就不在这里赘述了,看下面的这个视频就明白的啦!