Добавляем контраст
Мы поговорили о шрифте, но что насчет фона? Какой фон вам следует использовать?
После изучения более 200 выступлений на TED я обнаружил, что лучше всего подходит самый простой фон. Он делает ваш слайд читабельным.
Для создания «чистого» слайда нужно использовать однотонный фон.
Такой слайд позволит вашей аудитории сосредоточиться на тексте, тогда как перегруженный деталями фон отвлечет внимание. Однако вы можете использовать легкий градиент, чтобы сделать фон более привлекательным, но только если градиент не будет слишком контрастным и не отвлечет внимание.
На слайде Панкаджа Гемавата[56], который делал презентацию на TED Global 2012, использовался простой черный фон.
Рис. 33. Источник: Pankaj Ghemawat via TED
Черный фон без деталей хорошо работает, заставляя аудиторию сосредоточиться на статистике. Кроме того, используется текст белого цвета. Этот контраст делает текст читаемым.
Как говорит Гарр Рейнолдс[57], автор «Презентации в стиле дзен»[58]:
«Если вы делаете презентацию в темном помещении (например, в большом холле), темный фон (синий, серый и так далее) будет хорошо смотреться с белым или светлым текстом. Но если вы планируете задействовать освещение по максимуму (что настоятельно рекомендуется), тогда лучше сработает белый фон с черным или темным текстом. В помещениях с естественным освещением изображение на экране с темным фоном и светлым текстом имеет тенденцию размываться, тогда как темный текст на светлом фоне несколько лучше сохранит визуальную интенсивность».
При создании слайдов TED всегда убеждайтесь в наличии надлежащего контраста между фоном и текстом. Если вы используете темный фон, шрифт должен быть светлым. Если светлый фон, то темным.
Как убедиться, что у вас нужный контраст между фоном и текстом? Просто. Вам следует прочитать сообщение, находясь в дальнем конце помещения, в котором будет проходить презентация, – при этом у вас не должно рябить в глазах.
Какой бы цвет фона и текста вы ни выбрали, придерживайтесь одной и той же цветовой гаммы во всей презентации, чтобы обеспечить плавный переход от одного слайда к другому. Если вы не уверены, какую цветовую гамму хотите применить, пусть вас вдохновляет сайт www.ColorLovers.com. Еще один отличный сайт для удобного подбора цвета – Kuler[59]. Kuler позволяет загрузить изображение, а потом разработать схему на основании цветов, используемых на нем.
Картинка в качестве фона
Вам необязательно использовать простой фон. Иногда более интересно и уместно в качестве фона смотрится изображение. Картинка должна заполнять слайд целиком (а текст размещаться над ней), как на слайде Билла Гейтса в его выступлении «Инновация под ноль». (См. рис. 34.)
Если вы приняли решение использовать вместо простого фона изображение, убедитесь, что оно согласуется с текстом слайда. Изображение всегда должно подкреплять ключевую идею.
Рис. 34. Источник: Bill Gates via TED
Текст поверх изображения
Если вы собираетесь использовать изображение в качестве фона, важно не забыть, что в изображении есть секции, несущие и не несущие смысловую нагрузку. К первым относится та часть изображения, где разворачивается основное действие. Иными словами, эта часть изображения изобилует визуальными элементами и цветами.
Чтобы наверняка достичь надлежащего контраста между текстом и фоном, убедитесь, что ваше послание размещено в части, не несущей смысловой нагрузки. (См. рис. 35.)
Рис. 35. Источник: Akash Karia
Как вы видите на этом слайде, текст размещен поверх элементов, не несущих смысловой нагрузки. Например, слова «публичное выступление» размещены выше изображения, потому что это «тихая» часть – там ничего не происходит. Небесно-синий цвет является прекрасным фоном для этих слов.
Вот еще пример размещения текста в секции, не несущей смысловой нагрузки. Этот слайд взят из выступления Дэна Паллотта[60].
Рис. 36. Источник: Dan Pallato via TED
Итак, где вы можете найти изображения с достаточным количеством «тихих» мест, чтобы разместить там свой текст? Одним из источников является iStockphoto’s CopySpace. Вот инструкция, как добавить в презентацию красивые фотографии, на которых хватило бы места и для текста. Например, вы делаете презентацию о Норвегии.
1. Зайдите на сайт www.istockphoto.com.
2. В поисковой строке наберите нужное вам слово, например «Norway», поставьте пробел и добавьте «copyspace».
3. После того, как вы нажмете на клавишу «Поиск», появятся изображения, подходящие по смыслу и имеющие достаточное количество свободного пространства для размещения текста.
При создании презентации позаботьтесь о том, чтобы вам хватило таких лакун для размещения текста. При этом баланс между «тихими» и «шумными» секциями изображения должен был соблюден, чтобы слайд не выглядел слишком назойливым.
Добавьте цвета!
Что делать, если на вашем изображении не хватает «тихого» места для размещения текста? Что, если, независимо от того, какой шрифт вы используете, у вас не получается добиться желаемого контраста между текстом и фоном? Для примера рассмотрите следующий слайд. Здесь изображение слишком насыщенное, и очень трудно настроить контраст между ним и текстом. (См. рис. 37.)
Одной из опций создания контраста является заливка текстового окна цветом. Например, мы можем залить окно черным. Сравните отредактированный и исходный варианты. Сообщение стало читаемым. (См. рис. 38.)
Рис. 37. Источник: Akash Karia / Paul Bica via Flickr
Рис. 38. Источник: Akash Karia / Paul Bica via Flickr
Еще одним вариантом достижения такого эффекта является размещение формы (квадратной или круглой) за текстом и заполнение ее цветом. Посмотрите на пример из речи Била Гейтса «Учителям нужна реальная поддержка»[61]. Обратите внимание, что «речевая строка» размещена за текстом.
Рис. 39. Источник: Bill Gates via TED
Вот еще один пример из популярного выступления Джесси Дежардина[62], «Вы погорели на PowerPoint!»[63]
Рис. 41. Источник: Jesse Desjardins via Slideshare
И еще одна опция – заполнить текстовую строку (или форму) однотонным цветом, но сделать его полупрозрачным, как в следующем примере:
Рис. 41. Источник: Akash Karia / Image on slide: Paul Bica via Flickr
Придание полупрозрачности текстовой строке позволяет фоновому изображению остаться видимым, но при этом создать надлежащий контраст.
Вот пример слайда из выступления Тима Либерехта[64], который применяет полупрозрачный фон в строке, чтобы сделать текст читабельным:
Рис. 42. Источник: Tim Leberecht via TED
Вот еще один финальный пример, который Вольфганг Кесслинг[65] использовал в своей речи «Как кондиционировать стадион»[66].
Рис. 43. Источник: Wolfgang Kessling via TED
РЕЗЮМЕ
• Убедитесь, что между фоном и текстом есть достаточный контраст.
• Вы можете использовать изображение в качестве фона, а секции, не несущие смысловой нагрузки, заполните текстом.
• Поэкспериментируйте с полупрозрачными текстовыми строками, благодаря которым ваш текст будет хорошо читаться на насыщенном фоне.
10Как преподнести статистику, чтобы ваша аудитория не заскучала
Визуализация помогает сделать ваше послание более ясным и запоминающимся. Слайды очень полезны для представления графиков и диаграмм.
Однако большинство презентаторов совершают ошибку, размещая на одном слайде таблицы, графики и диаграммы.
Вот несколько проверенных принципов представления статистической информации.
Крупный полужирный шрифт – для статистики
Если вы собираетесь отобразить статистику на экране, убедитесь, что выбрали крупный размер шрифта, чтобы самое важное было на виду. Например, рассмотрите, как в выступлении TED «Для чего архитекторам уши»[67] Джулиан Треже[68] занял весь слайд только статистикой (см. рис. 44):
Рис. 44. Источник: Julian Treasure via TED
Рис. 45. Источник: Bill Gates via TED
Статистика, напечатанная крупным жирным шрифтом, привлекает внимание, что позволяет Джулиану подробно на ней остановиться и пояснить нюансы. Вот еще один пример из речи Билла Гейтса «Учителям нужна реальная поддержка». (См. рис. 45.)
И вновь обратите внимание на размер шрифта, которым напечатаны данные, – он крупный и его хорошо видно из дальней части помещения.
Комбинируйте статистику и изображения
Еще один способ сделать ваши факты интереснее и доступнее – сочетать их с изображениями. Например, вы готовите речь о глобальном потеплении и хотите использовать следующее выражение: «Через 20 лет ледниковый покров растает». Имеет смысл разместить его поверх изображения тающих ледников – тогда эффект от вашего сообщения в несколько раз усилится.
Вот пример из выступления Билла Гейтса по запасам энергии, где он размещает цифры от 1 до 10 и ноль (вдоль текста) на фотографии Земли, сделанной из космоса (см. рис. 46):
Рис. 46. Источник: Bill Gates via TED
«Падука, штат Кентукки, имеет достаточный запас урана, чтобы давать энергию США в течение двухсот лет»
Обратите внимание на то, как статистика становится более интересной в результате того, что она размещена поверх изображения тысяч емкостей с ураном. (См. рис. 47.)
Комбинирование точных данных и изображения имеет ряд преимуществ.
• Делает слайд визуально более привлекательным.
Рис. 47. Источник: Bill Gates via TED
• Помогает аудитории интерпретировать значимость и суть статистики.
• Делает статистику более запоминающейся.
Один слайд = одна тема
Посмотрите на следующий слайд. Насколько он интересен? Побуждает ли он вас узнавать что-то новое? (См. рис. 48.)
Не знаю, как насчет вас, меня этот слайд абсолютно не цепляет.
Рис. 48. Источник: Akash Karia/ Statistics on slide: Guy Kawasaki
А теперь рассмотрите другие слайды, где представлена та же статистика, но более привлекательно. Эти слады взяты из презентации Гая Кавасаки о том, как он запустил свой проект[69]. (См. рис. 49.)
Таблицы отлично подходят для сравнения данных. Но если вам не нужно сопоставлять между собой несколько пунктов, подумайте над тем, чтобы каждую таблицу разместить на отдельном слайде.
Рис. 49. Слайды: Guy Kawasaki via Ethos 3
Сфокусируйте внимание аудитории там, где вы задумали
Если вы намерены чередовать текст с картинками, используйте такие изображения, которые помогут сакцентировать внимание аудитории на тексте или цифрах – согласно вашему замыслу. Это естественно, что нас притягивают изображения и мы следуем взглядом от места фокусировки до конечной точки изображения.
Убедитесь, что, когда ваша аудитория дойдет до конечной точки, то увидит то, что вы и задумали: цифры или текст.
Рис. 50. Слайд: Akash Karia / Image on slide: MikeBaird via Compfight
Таким образом, у вас есть возможность управлять вниманием вашей аудитории. (См. рис. 50.)
Обратите внимание, как бегун перемещается, переводя взгляды смотрящих с картинки на статистику.
Используйте подходящие диаграммы
Важно убедиться, что вы используете для презентации данных подходящие диаграммы. Например, вы делаете отчет для исполнительного директора и хотите представить сравнительный анализ – какая чистая прибыль появилась после ввода продукта. В этом случае диаграмма подойдет лучше, чем таблица.
Почему? Диаграмма позволяет вашей аудитории быстро выявить, какой процент прибыли приходится на каждый продукт, тогда как на просмотр таблицы уйдет больше времени.
Ниже представлено несколько вариантов максимально выгодного использования различных типов графиков и диаграмм.
Круговые диаграммы отлично подходят для представления чего-либо в процентных соотношениях. Нужно держать в голове две важные вещи: прежде всего, количество сегментов должно быть ограниченным – не больше шести, иначе поле будет перегружено информацией и вашей аудитории будет сложнее ее воспринять.
Приведу пример простой и эффективной круговой диаграммы из выступления Билла Гейтса «Как государственный бюджет разрушает школы в США»[70].
Рис. 51. Источник: Bill Gates via TED
Вертикальные диаграммы хорошо подходят для того, чтобы показать качественные изменения с течением времени. И в этом случае лучше ограничить количество информации, предлагаемой аудитории. Постарайтесь обойтись не более чем шестью столбцами.
Вот отличный пример вертикальной диаграммы от Ника Маркса[71] из его выступления «Показатель счастливой планеты»[72].
Рис. 52. Источник: Nic Marks via TED
Для привлечения внимания отлично подходит прием выделения одного из столбцов другим цветом. Это дает однозначный посыл аудитории, на чем она должна сфокусировать внимание.
Линейные диаграммы в основном используются для отображения тенденции во времени.
Очень важно не забыть, что при использовании таких диаграмм линии должны быть хорошо видны из дальней части помещения. Это значит, что линия должна быть достаточно жирной, чтобы ее могли увидеть издалека, а также здесь необходим простой контрастный фон.
Рис. 53. Источник: Nic Marks via TED
Несмотря на то, что существует гораздо больше методов отображения данных, круговая, вертикальная и линейная диаграммы являются наиболее распространенными и используемыми.
Независимо от того, какой тип графика или диаграммы вы собираетесь использовать для представления данных, убедитесь, что выбранный вами вариант подходит для того, чтобы ясно выразить вашу точку зрения.
Более того, убедитесь, что диаграмма четкая, читаемая и простая для восприятия.
Ярлыки должны быть четкими
Убедитесь, что при представлении данных и графиков везде имеются понятные ярлыки. Ярлыки должны быть крупными и хорошо читаемыми из дальней части помещения. Если зрителям придется щуриться, чтобы рассмотреть информацию, они перестанут следить за логикой изложения и выключатся.
Усильте сложные графики и диаграммы
Согласно инструкции спикера TED, вы должны «сделать так, чтобы ваши графики были четкими визуально даже при сложном контексте. На каждый график должен приходиться всего лишь один пункт».
Однако иногда – хоть и не часто – диаграмма может быть очень сложной, и вам потребуется задействовать более одного пункта. Что делать в этом случае?
Если на вашем графике или на диаграмме слишком много элементов, лучше всего выстраивать его (ее) поэтапно, элемент за элементом.
Например, у вас очень сложная линейная диаграмма с несколькими линиями. Сначала вам надо показать первую линию и пояснить ее, затем вторую и так далее. Таким образом, вы логично и структурированно выстраиваете свою диаграмму, а ваша аудитория будет в состоянии ее воспринять.
РЕЗЮМЕ
• Статистика должны быть напечатана крупным полужирным шрифтом.
• Сочетайте статистику с изображениями.
• Используйте изображения, чтобы направить взгляд аудитории на данные.
• Присвойте графикам и диаграммам понятные, четко сформулированные ярлыки.
• Чтобы сложные графики и диаграммы были понятными, «надстраивайте» их постепенно.