Дизайн

презентации

Алексей Иванов

Июль 2014 @ DI Telegraph

С чего начнем?

Энерджайзер!

ЧАСТЬ 1

ЧТО

Что такое дизайн?

Дизайн — это трансформация

существующих условий в

желаемые

A B

Дизайн ≠ результат

(оформление)

Helvetica

Дизайн = процесс,

который в течение времени

приводит к нужному

результату

AC DC¸

AC DC¸

http://en.wikipedia.org/wiki/Nikola_Tesla

http://www.thetruthaboutcars.com/2006/05/henry-ford-the-first-action-hero/

Результат хорошего дизайна —

это не столько идеально

оформленная презентация, сколько

нужный эффект от нее: заключение

сделки, успешная продажа,

повышение по службе и т.п.

A B

ЧАСТЬ 2

КАК

Чтобы сделать ваш дизайн

эффективным, ответьте на эти

пять вопросов

1

2

3

4

5

Кто ваши слушатели?

1

(скриншот exchang.es

с фотками

посетителей)

$

Каковы потребности

ваших слушателей?

2

a

b

c

Попробуйте узнать заранее

Photos credits:

http://www.mr-rf.ru/articles/history/area-historian-the-famous-cab-from-ryazan/

http://www.thetruthaboutcars.com/2006/05/henry-ford-the-first-action-hero/

Photos credits:

http://www.mr-rf.ru/articles/history/area-historian-the-famous-cab-from-ryazan/

http://www.thetruthaboutcars.com/2006/05/henry-ford-the-first-action-hero/

A B

Photos credits:

http://www.mr-rf.ru/articles/history/area-historian-the-famous-cab-from-ryazan/

http://www.thetruthaboutcars.com/2006/05/henry-ford-the-first-action-hero/

Что вы хотите сказать?

3

Правило трех «C»

Смысл

Структура

Последовательность,

разделы, ритм

A B C

ИНТРО

ФИНАЛ

Стиль

Ни шагу назад!

Таким теперь

должен

быть наш главный

призыв.

— И. В. Сталин

НИ ШАГУ НАЗАД!

ТАКИМ ТЕПЕРЬ ДОЛЖЕН

БЫТЬ НАШ ГЛАВНЫЙ

ПРИЗЫВ.

— И. В. СТАЛИН

Как вы будете объяснять

то, что хотите сказать?

4

Правила визуального

восприятия

(принципы Гештальта)

Близость

Схожесть

Фигура и фон

Замыкание

Симметрия

Симметрия

Продолжение

Связь

Общая участь

Прошлый опыт

Оформление

Оформление

Оформление

Оформление

Оформление

Цвета

Шрифты

С засечками Без засечек

Рукописн

ые

Машино-

писные

o t h e r

withCARE

Графика

Качественные фотоPhotos credits: Depositphotos

Качественные

иллюстрации

Пиктограммы

Анимация:хорошо,

когда в меру

Шаблоны

Хорошие художники копируют,

великие художники воруют

Мудборды

(screenshot pinterest)

Скетч

Простые фигуры

(круги, прямоугольники, прямые линии)

Цвета, стилистика, мудборд —

Pinterest

Простые фигуры

(круги, прямоугольники, прямые линии)

BEFORE / AFTER

Source: http://900igr.net/prezentatsii/ekonomika/Finansovyj-rynok/033-Gosudarstvennogo-regulirovanija-finansovogo-rynka-sostojat-v-zaschite.html

С

1

2

3

4

5

Source: http://900igr.net/prezentatsii/ekonomika/Finansovyj-rynok/033-Gosudarstvennogo-regulirovanija-finansovogo-rynka-sostojat-v-zaschite.html

Зачем государству

регулировать

финансовый рынок?

Задача 1

Задача 2

ДЛЯ ЧЕГО

государство

регулирует

финансовый рынок?

ДЛЯ ЧЕГОгосударство регулирует

финансовый рынок?

1. Защита

2. Управление кризисными ситуациями

ДЛЯ ЧЕГОгосударство

регулирует

финансовый

рынок?

ДЛЯ ЧЕГОгосударство регулирует

финансовый рынок?

1. Защита

2. Управление кризисными ситуациями

И что дальше?

5

ЧАСТЬ 3

ЧТО

ПОТОМ

До → Во время →

После

До → Во время →

После

Тестирование

презентации

5/85

Правило «5/85»: расспросив всего 5

человек, вы найдете 85% всех

ошибок и недочетов

Просим дать фидбэк на

презентацию

+ –

?

Что получилось хорошо

Что можно улучшить

Вопросы Идеи

Journey Map

Узнала о

презентаци

и

Послушала

презентаци

ю

Задала

вопросы

Рассказал

а

другим

Использовала

знания

Анонс+афиш

а

Приглашение

Возможные

вопросы

Хорошая

презентация

«Три С»:

смысл,

структура,

стиль

Ответы

Ссылки

и сноски

Раздатки

Follow up

Фидбэк

Пригласить

на следующи

е события

Еще одна

презентация

Поддерживат

ь связь

Раздатки

A B С

?

+ –

1

2

3

4

5

Сделайте свою

следующую

презентацию так, как вы

сами от себя не

ожидаете

¸

Вопросы и ответы

КНИГИNon-designer’s Design Book

Просто о дизайне для тех, кто

думает, что ничего не понимает

в дизайне

http://goo.gl/Sso9I2

Side:ology

Хорошая книжка про создание

эффективных презентаций

http://goo.gl/6DQdoW

Back of the Napkin

Как использовать графику и

скетчи, подавая свои иеди

http://goo.gl/Szfw3s

«Скелет презентации»

Книга Глеба Шулишова о том, как

подготовить хорошую

презентацию

http://prostopreza.ru/page14/

ЦВЕТОВЫЕ

СХЕМЫAdobe Kuler

http://kuler.adobe.com/

ФОТО+ИЛЛЮСТР

АЦИИDepositphotos

http://depositphotos.com

Подборка бесплатных фото-

стоков

http://goo.gl/Zm6Ser

ПИКТОГРАММЫThe Noun Project

http://thenounproject.com

МУДБОРДЫPinterest

http://pinterest.com

И ЕЩЕSlideShare

Сайт, где авторы выкладывают

свои презентации для широкой

публики

http://slideshare.com

ProstoPreza

Сайт Глеба с полезной инфорацией

по презентациям

http://prostopreza.ru

Инструменты из этой

презентации

Бесплатные инструменты для

дизайна презентаций от Алексея

http://alexeyivanov.com/presentation-

hero-tools

Twitter: @aivnv

ПОЛЕЗНЫЕ ССЫЛКИ