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

ЯНДЕКС. ДИРЕКТ.

CLICK TO EDIT MASTER CLICK TO EDIT MASTER

ОНЛАЙН-КУРС: "ЯНДЕКС. ДИРЕКТ. НАЧАЛО РАБОТЫ."

Марк Хлынов Основатель креативного презентационного агентства esPrezo, специалист в сфере визуальных коммуникаций

ДИЗАЙН ПРЕЗЕНТАЦИЙ КАК ИСКУССТВО. ОСНОВЫ МАСТЕРСТВА

http://esprezo.ru/

Раздел 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-redesigned http://www.slideshare.net/dmc500hats/how-to-pitch-a-vc-or-angel-13504703

http://www.slideshare.net/dmc500hats/how-to-pitch-a-vc-or-angel-13504703

http://www.slideshare.net/slidesthatrock/how-to-pitch-a-vc-redesigned

http://www.slideshare.net/slidesthatrock/how-to-pitch-a-vc-redesigned

http://www.slideshare.net/dmc500hats/how-to-pitch-a-vc-or-angel-13504703

http://www.slideshare.net/esPrezo/magisto-ok-riw

Magisto – инструмент для создания UGC 2.0





ПРОСТОТА ПРЕЗЕНТАЦИИ ДЛЯ ВЫСТУПЛЕНИЯ



Полезные ресурсы Заключение

Note & Point http://noteandpoint.com

Pitchenvy http://www.pitchenvy.com

Slideshare http://www.slideshare.net

http://www.pitchenvy.com/

http://noteandpoint.com/

http://www.slideshare.net/







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


http://esprezo.ru/knizhnaya-polka-esprezo/

Keynote Google Slides MS PowerPoint


http://esprezo.ru/9-servisov-dlya-sozdaniya-prezentacij/



Haiku Deck Slides Prezi





Flowboard Slidedog Projeqt





/esprezoru /esprezoru /esprezo


http://esprezo.ru/

http://www.youtube.com/esprezoru

https://www.facebook.com/esprezoru

http://www.slideshare.net/esPrezo

http://www.youtube.com/esprezoru

https://www.facebook.com/esprezoru

http://www.slideshare.net/esPrezo

http://esprezo.ru/

Занятия от ведущих специалистов Рунета

Обучение с любого устройства

Бесплатные открытые онлайн-занятия c экспертами Рунета 2 раза в неделю

Онлайн-интенсивы: обучение наиболее перспективным профессиям Рунета (2 месяца)

Интерактивные курсы по маркетингу и интернет-бизнесу, 2-3 часа, 40+ курсов. Доступ 24/7!

FREE

http://netology.ru/?utm_source=ss_oz&utm_medium=smm&utm_content=50plus&utm_campaign=netology.ru

http://netology.ru/?utm_source=ss_oz&utm_medium=smm&utm_content=50plus&utm_campaign=netology.ru

http://netology.ru/obuchenie-professii?utm_source=ss_oz&utm_medium=smm&utm_content=50plus&utm_campaign=obuchenie-professii

http://netology.ru/kursy?utm_source=ss_oz&utm_medium=smm&utm_content=50plus&utm_campaign=kursy

http://netology.ru/otkrytye-zanyatiya?utm_source=ss_oz&utm_medium=smm&utm_content=50plus&utm_campaign=otkrytye-zanyatiya

ЧИТАЙТЕ, СМОТРИТЕ, СЛУШАЙТЕ!

vk.com/netology

facebook.com/netology.ru

youtube.com/netologytv

netology.ru/blog

slideshare.net/netology

twitter.com/netology_ru

http://vk.com/netology_ru

https://www.facebook.com/netology.ru


https://youtube.com/netologytv

http://youtube.com/netologytv


https://www.netology.ru/sub

http://netology.ru/blog?utm_source=ss_sbornik&utm_medium=smm&utm_content=50plus&utm_campaign=blog

https://slideshare.net/netology

http://www.slideshare.net/netology

http://www.slideshare.net/netology

http://twitter.com/netology_ru

https://twitter.com/netology_ru


https://vk.com/netology


https://www.netology.ru/sub

https://slideshare.net/netology



http://netology.ru/blog?utm_source=ss_sbornik&utm_medium=smm&utm_content=50plus&utm_campaign=blog

Design

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