Дизайн презентаций как искусство

ЯНДЕКС.
ДИРЕКТ.
CLICK
TO EDIT
MASTER
CLICK TO EDIT
MASTER
ОНЛАЙН-КУРС:
"ЯНДЕКС. ДИРЕКТ.
НАЧАЛО РАБОТЫ."
Марк Хлынов
Основатель
креативного
презентационного
агентства esPrezo,
специалист в сфере
визуальных
коммуникаций
ДИЗАЙН
ПРЕЗЕНТАЦИЙ
КАК ИСКУССТВО.
ОСНОВЫ
МАСТЕРСТВА

Раздел 1. Смерть от Power Point:
5 ошибок в дизайне презентаций
Раздел 2. Цели и функции:
дизайн презентаций в действии
Раздел 3. Алгоритм в 3 шага:
Как сделать дизайн презентации
Раздел 4. Семь элементов
дизайна презентации
Раздел 5. Вдохновиться.
Научиться. Сделать
Содержание вебинараВведение

• Ошибка №1 «Перегрузка»
• Ошибка №2 «Множество стилей»
• Ошибка №3 «Расфокусировка»
• Ошибка №4 «Творческий беспорядок»
• Ошибка №5 «Декорирование»
РАЗДЕЛ 1. СМЕРТЬ ОТ POWERPOINT:
5 ОШИБОК В ДИЗАЙНЕ ПРЕЗЕНТАЦИЙ
Смерть от PowerPoint: 5 ошибок в дизайне презентацийРаздел 1

ОШИБКА №1: «ПЕРЕГРУЗКА»

Проблема:
Ничего непонятно!
Человек не воспринимает больше
1 идеи на слайде и 3-4 подпунктов.

Причины:
• Нет тезисной структуры презентации
• «Экономия» на слайдах
• Создание ореола «экспертности»

ОШИБКА №2: «МНОЖЕСТВО СТИЛЕЙ»

Проблема: множество
стилей создает гигантскую
визуальную иерархию на
слайдах, «многослойность
смыслов».

Причины:
Желание применить все «умения» в оформлении слайдов.
Сборка презентации из разных текстово-графических
материалов без приведения к единому стилю.

ОШИБКА №3: «РАСФОКУСИРОВКА»

Проблема: Люди быстро теряют внимание
во время презентаций. Если не выделить
важную информацию на слайде, то, скорее
всего, аудитории будет непонятна Ваша
идея и они переключатся на свои девайсы
или мысли в голове.

Причина: зачастую связана с ошибками
№1 и №2. Информации слишком много и
выделить один объект невозможно, либо
создано много слоев информации с
разным оформлением.

ОШИБКА №4: «ТВОРЧЕСКИЙ БЕСПОРЯДОК»

Проблема: Люди часто пренебрегают
выравниванием на слайдах.
Заголовки, тексты, фотографии,
помещенные на слайд, создают
ощущение хаоса и от слайда к
слайду это ощущение усиливается.

Причины:
• Создание презентаций считается
творческим процессом. У многих
людей, не знакомых с дизайном,
аккуратные слайды не ассоциируются
с задуманным ими креативом.
• Понимание презентации как собрания
большого количества элементов,
существующих изолированно.

ОШИБКА №5: «ДЕКОРИРОВАНИЕ»

Проблема: Многие думают, что «дизайна не может
быть слишком много». Если на слайде есть
свободное пространство, его нужно заполнить
бессмысленным значком или маленькой пиксельной
картинкой. Итог: слайд перегружен абстрактными
элементами, отвлекающими от сути.

Причины:
• Боязнь свободного места на слайде и того, что
презентация будет выглядеть слишком простой.
• Типичная работа дизайнера, которому нужно
сделать «красивенько», а не «понятно».

ОШИБКА №6: «ВСЕ И СРАЗУ!»

• К чему приводит ужасный дизайн презентации?
Смерть от Power Point, Достижение
поставленных целей, Отношение аудитории
• Цель дизайна презентаций. Функции слайдов
РАЗДЕЛ 2. ЦЕЛИ И ФУНКЦИИ:
ДИЗАЙН ПРЕЗЕНТАЦИЙ В ДЕЙСТВИИ
Цели и функции: дизайн презентаций в действииРаздел 2

Однако софт никак не виноват в ужасных
слайдах. Это инструмент в ваших руках, а
не робот, создающий презентации за вас.
РЕЗУЛЬТАТ:
СМЕРТЬ ОТ
POWER POINT

НЕ ПОНИМАЕТ
НЕ ВЕРИТ
НЕ ВПЕЧАТЛЕНА

ДОКАЗАТЬ ВПЕЧАТЛИТЬОБЪЯСНИТЬ
Схема Диаграмма Изображение
Цель: Усилить восприятие сообщения
через визуальный канал коммуникации

ЦЕЛЬ ДИЗАЙНА НЕ В
ИНФОРМИРОВАНИИ.
ДЛЯ ЭТОГО ЕСТЬ
ДОКУМЕНТЫ.

• Предупреждение. Сначала речь, затем дизайн
• Шаг 1. Создать визуальную концепцию
(Визуальная метафора, Единый стиль)
• Шаг 2. Сделать черновик
(1 идея на слайд, Визуализация идеи)
• Шаг 3. Финализировать презентацию
(Порядок, Фокус, Простота)
РАЗДЕЛ 3. АЛГОРИТМ В 3 ШАГА:
КАК СДЕЛАТЬ ДИЗАЙН ПРЕЗЕНТАЦИИ
Алгоритм в 3 шага: Как сделать дизайн презентацииРаздел 3

О С Т О Р О Ж Н О !

Что происходит, когда вы сразу заходите в Power
Point? Вы думаете о дизайне (шрифты, цвета…),
хотя готового контента нет. К тому же вы
думаете «слайдами» вместо единой истории.
НЕ ГОТОВИТЬ
СЦЕНАРИЙ -
ДУРАЦКАЯ
ОШИБКА!

ИСПОЛЬЗУЙТЕ УДОБНЫЕ ДЛЯ ВАС
ИНСТРУМЕНТЫ ДЛЯ СОЗДАНИЯ СЦЕНАРИЯ
Текстовые редакторы
(MS Word, Pages и т.д.)
Майндмэпы (Mind
Manager, Mind Meister,
Free Mind и т.д.)
Липкие
блоки
Бумага
и ручка

ИСПОЛЬЗУЙТЕ УДОБНЫЕ ДЛЯ ВАС
ИНСТРУМЕНТЫ ДЛЯ СОЗДАНИЯ СЦЕНАРИЯ
Текстовые редакторы
(MS Word, Pages и т.д.)
Майндмэпы (Mind
Manager, Mind Meister,
Free Mind и т.д.)
Липкие
блоки
Бумага
и ручка
Инструменты можно совмещать. К примеру, результат на
бумажном носителе удобно довести до ума в ментальной карте.
Можно использовать альтернативы. Дэн Роэм, гуру в области
визуального мышления, использует Microsoft Excel для создания сценария!

ПРИМЕР
СОЗДАНИЯ
СЦЕНАРИЯ

ПРИМЕР
СОЗДАНИЯ
СЦЕНАРИЯ
Ссылка на презентацию: http://www.slideshare.net/esPrezo/iskusstvo-storitellinga

ЗАКОНЧИЛИ СО СЦЕНАРИЕМ? ПРИСТУПАЙТЕ
К СОЗДАНИЮ ДИЗАЙНА В ТРИ ШАГА:
Придумать
КОНЦЕПЦИЮ
Нарисовать
ЧЕРНОВИК
Финализировать
ПРЕЗЕНТАЦИЮ
Визуальная
метафора
Одна идея
на слайд
Порядок1
Единый
стиль
Визуали-
зация
Фокус
Простота

Придумать
КОНЦЕПЦИЮ
метафора
Единый
стиль
ЧЕРНОВИК
Одна идея
на слайд
Порядок1
Визуали-
зация
Фокус
Простота
АЛГОРИТМ В 3 ШАГА:

ВИЗУАЛЬНАЯ
МЕТАФОРА
Создайте визуальный ряд, образ,
который донесет идею до аудитории.
Можно отразить ключевую идею
презентации, тему и формат
выступления, себя как личность,
представляемую организацию.
Помните: аудитория должна
понимать используемые образы.

СОЗДАНИЕ
ВИЗУАЛЬНОЙ
МЕТАФОРЫ
http://www.slideshare.net/esPrezo/the-art-of-storytelling-36010388

Русские народные
сказки (Колобок)
Рисованные слайды
(Дэн Роэм)
СОЗДАНИЕ
ВИЗУАЛЬНОЙ
МЕТАФОРЫ
2
1

http://www.slideshare.net/mrcoryjim/presenters-tool-belt-what-every-presenter-should-carry-by-jairuscope
http://www.slideshare.net/mrcoryjim/who-you-gonna-call-slidebusters

ЕДИНЫЙ
СТИЛЬ
После создания визуальной
метафоры необходимо подобрать
элементы оформления, которые
будут ее доносить: начертания
текста, цвета, фон и формы
фотографий, фигур, схем и
диаграмм.

СОБЛЮДАЙТЕ НЕСКОЛЬКО ПРОСТЫХ
ПРАВИЛ НА СТАРТЕ
Начертания текста. Выберите 1-2 шрифта. Сделайте 2-3
начертания текста: крупный контрастный заголовок, чуть
меньше подзаголовок и остальной текст еще мельче

Цвета. Используйте монохроматические цвета и добавьте к
ним 1-2 контрастных, которые будет фокусировать
внимание на ключевой информации

Фон. Удобен для восприятия, не контрастирует с цветами в
теле слайда. Не съедает пространство, не конкурирует за
внимание аудитории с информацией на слайдах.

Фон. Удобен для восприятия, не контрастирует с цветами в
теле слайда. Не съедает пространство, не конкурирует за
внимание аудитории с информацией на слайдах.
Если у вашей компании есть корпоративный стиль, то
ничего не выдумывайте – следуйте ему!

ЧЕРНОВИК
Одна идея
на слайд
1
Визуали-
зация
Придумать
КОНЦЕПЦИЮ
метафора
Порядок
Единый
стиль
Фокус
Простота

ОДНА ИДЕЯ
НА СЛАЙД
Ваша задача: разбить сценарий
презентации на тезисы (помните
про «предупреждение»!).
Не допускайте типичных ошибок:
только одна идея на слайде, долой
«экономию на слайдах».
Прочитав только заголовки,
аудитория должна понять суть
презентации.
1

Короткий лаконичный текст: не больше
2-х строк крупным кеглем
Идея, а не абстрактной фразы, обозначающей веху в
структуре («Проблема», «Клиенты»)
Законченное предложение, формулирующее идею,
а не обрывочный текст
Фраза, которая содержит активные глаголы,
призывающие к действию
«ПРОДАЙТЕ» ИДЕИ СЛАЙДОВ В ЗАГОЛОВКАХ.
КРУТОЙ ЗАГОЛОВОК – ЭТО…

ВИЗУАЛИЗАЦИЯ
ИДЕИ
Не путайте назначение слайдов:
эмоциональный тезис не надо
подкреплять сложной диаграммой.
А слайды, где в заголовках
количественные данные и выводы,
нужно подкреплять визуально
в виде схем и диаграмм.
Сведите к минимуму поясняющий
текст, ограничьте графические
элементы на слайде – так они
работают эффективнее.

Кстати, обычно в презентациях слайды в начале и конце – эмоциональные
(«Впечатлить»), а в середине – более рациональные с акцентом на
доказательство тезисов и объяснение идей («Доказать», «Впечатлить»).
ДОКАЗАТЬ ВПЕЧАТЛИТЬОБЪЯСНИТЬ
Схема Диаграмма Изображение
ВЫЯВИТЕ ИСТИННОЕ НАЗНАЧЕНИЕ СЛАЙДА И
ВИЗУАЛИЗИРУЙТЕ ЕГО ОДНИМ ИЗ 3-Х СПОСОБОВ

Наша бизнес-модель работает
3 варианта – фото, схема, диаграмма
НАША БИЗНЕС-
МОДЕЛЬ РАБОТАЕТ

НАША БИЗНЕС-МОДЕЛЬ РАБОТАЕТ
11%
13%
12%
14%
15%
18%
19% 19%
21%
24%
26%
29%
2010 2011 2012 2013
Конкурент №1
Конкурент №2
Наша компания
Динамика валовой маржи 2009-13, в %

НАША БИЗНЕС-МОДЕЛЬ РАБОТАЕТ
9000
Зарплата
3500
Офис
12500
Расходы
21500
Доходы
500
Экспорт
20000
Опт
1000
Розница
9000
Прибыль

Порядок
Фокус
Простота
Придумать
КОНЦЕПЦИЮ
метафора
Одна идея
на слайд
1
Единый
стиль
Визуали-
зация

ПОРЯДОК
Упорядочивание объектов на
слайдах создает логику считывания
информации и придает значение
элементам (многослойность или
равнозначность объектов).
Расположение элементов – не
творческий процесс, а техническая
верстка, требующая обоснованности
и последовательности решений.

Используйте встроенные инструменты выравнивания
(линейку, направляющие и сетку в PowerPoint)
Запомните: если у вас есть порядок на слайдах, то
аудитория увидит, что у вас есть порядок и в голове.
Используйте единую стилистику оформления
слайдов для создания визуальной иерархии
Соблюдайте определенную разметку слайда (Заголовок + 3
Подзаголовка; Заголовок + Фото + Поясняющий текст и т.д.)
Копируйте слайды и элементы вместо
того, чтобы создавать слайды заново
ЛАЙФХАКИ ДЛЯ СОЗДАНИЯ ПОРЯДКА

TIME
OF STUDENTS
KILLERS
СОЗДАНИЕ
ПОРЯДКА
НА СЛАЙДЕ
http://www.slideshare.net/esPrezo/6-timekillers-of-students-35164807

СОЗДАНИЕ
ПОРЯДКА
НА СЛАЙДЕ
«До» «После»

ФОКУС
Важно, чтобы слушатели могли
мгновенно уловить ключевую
мысль каждого слайда.
Это возможно только в том случае,
если наиболее важная информация
выделена и расположена таким
образом, чтобы слушателю не
приходилось лихорадочно шарить
глазами, чтобы ее найти.

СОЗДАНИЕ
ФОКУСА
НА СЛАЙДЕ

Не используйте на слайдах информацию/элементы, которые не
несут дополнительного смысла (ошибка 5 – декорирование)
ЧЕК-ЛИСТ ДЛЯ СОЗДАНИЯ ФОКУСА НА СЛАЙДАХ
Располагайте элементы так, чтобы взгляд в первую очередь
падал на наиболее важную информацию
Что привлекает нас в первую очередь? Что-то яркое и отличное от
окружающего (другая форма, цвет, отдельное расположение и т.п.)
Всегда выделяйте в тексе наиболее важные фразы. Это возможно
посредством размера шрифта, цвета, жирности текста

ПРОСТОТА
Закончив презентацию, не спешите
с ней выступать. Взгляните на
слайды через некоторое время, и
вы увидите, как сделать их проще.
Постоянно задавайте себе вопрос:
«Зачем это здесь? Нужно ли это?»
Если у вас нет времени, то
покажите презентацию другу или
знакомому. Так вы убьёте двух
зайцев: сэкономите время и сразу
получите обратную связь

РЕДИЗАЙН
СЛАЙДОВ
http://www.slideshare.net/slidesthatrock/how-to-pitch-a-vc-redesignedhttp://www.slideshare.net/dmc500hats/how-to-pitch-a-vc-or-angel-13504703

http://www.slideshare.net/esPrezo/magisto-ok-riw
Magisto –
инструмент для
создания UGC 2.0

ПРОСТОТА
ПРЕЗЕНТАЦИИ ДЛЯ
ВЫСТУПЛЕНИЯ
http://www.slideshare.net/esPrezo/magisto-ok-riw

Полезные ресурсыЗаключение
Note & Point
http://noteandpoint.com
Pitchenvy
http://www.pitchenvy.com
Slideshare
http://www.slideshare.net

СПИСОК ОБЯЗАТЕЛЬНЫХ И ЖЕЛАТЕЛЬНЫХ КНИГ
К ПРОЧТЕНИЮ ПО ДИЗАЙНУ ПРЕЗЕНТАЦИЙ

Keynote Google SlidesMS PowerPoint
http://esprezo.ru/9-servisov-dlya-sozdaniya-prezentacij/

Haiku Deck SlidesPrezi

Flowboard SlidedogProjeqt

/esprezoru /esprezoru /esprezo

Занятия от ведущих
специалистов Рунета
Обучение с
любого устройства
Бесплатные открытые
онлайн-занятия
c экспертами Рунета
2 раза в неделю
Онлайн-интенсивы:
обучение наиболее
перспективным
профессиям Рунета
(2 месяца)
Интерактивные курсы
по маркетингу и интернет-
бизнесу, 2-3 часа, 40+
курсов.
Доступ 24/7!
FREE

ЧИТАЙТЕ, СМОТРИТЕ,
СЛУШАЙТЕ!
vk.com/netology
facebook.com/netology.ru
youtube.com/netologytv
netology.ru/blog
slideshare.net/netology
twitter.com/netology_ru

Дизайн презентаций как искусство

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Destaque

Destaque (9)

Semelhante a Дизайн презентаций как искусство

Semelhante a Дизайн презентаций как искусство (20)

Mais de Нетология

Mais de Нетология (20)

Дизайн презентаций как искусство