2. 2
Основные задачи графического дизайна:
Выбрать
шрифт
Определить
цвет
Установить
фон
Определиться
с изображе-
ниями
3. Типографика (шрифты)
Типографика 3
Не правильно подобранный шрифт может создать проблемы
в восприятии слайдов.
Зачастую лектор читает плотно заполненные текстом слайды.
Такая презентация утомляет и аудиторию и самого лектора.
Поэтому размер шрифта нужно рассчитывать, исходя из того,
чтобы на слайде помещалось не более 7-9 строк.
Разумный максимум: 50 слов.
Чем меньше строк, тем более читабельный будет текст.
4. Типографика (шрифты)
Типографика 4
На слайде должно помещаться
не более 7-9 строк.
Разумный максимум: 50 слов – чем
меньше строк, тем «читабельней» текст.
6. Типографика 6
Одна из главных
заповедей
типографики –
использовать не
более двух шрифтов
(один для
заголовков, один
для текста).
Одна из главных
заповедей
типографики –
использовать не
более двух шрифтов
(один для
заголовков, один для
текста).
7. Типографика 7
Особенности выбора цвета для шрифтов:
Не используйте
шрифт светлого тона
на белом фоне.
Не используйте
шрифт светлого тона
на белом фоне.
Старайтесь сделать
текст более
контрастным
Старайтесь сделать
текст более
контрастным
8. Типографика 8
Не используйте
инверсию на
больших блоках
Не используйте
инверсию на
больших блоках
Не используйте тени
для шрифта
9. Типографика 9
Текст, набранный курсивом сложнее
читается, поэтому стоит ограничиться не
более, чем одной строкой курсива на слайд.
Полужирный шрифт более подходит для
выделения текста, еще лучше для
привлечения внимания использовать
выделение цветом.
ДЛЯ ОСНОВНОГО ТЕКСТА НЕ РЕКОМЕНДУЕТСЯ
ИСПОЛЬЗОВАТЬ ПРОПИСНЫЕ БУКВЫ.
10. Типографика 10
И главное правило типографики:
любое правило может быть
нарушено, но не все сразу!
11. Цвет 11
Выбрать цвет
• Ориентируйтесь на целевую
аудиторию
• Используйте цветовую
палитру отрасли
• Выбирайте гармоничную
палитру
12. Цвет 12
Закономерности в колористике
Макса Люшера
темно-синие,
фиолетовые цвета – с
покоем
желтые, красные цвета
ассоциируются с
активностью
13. Цвет 13
Значения цветов
Синий - цвет неба, надежды
доброты, верности,
постоянства, но и цветом
печали, горя, страха («синяя
борода»)
Красный цвет - теплый,
динамичный и живой, цвет
любви. Но также агрессивный
или цвет беды, стоп-сигнал.
Желтый цвет - теплый,
веселый. Но в то же время в
Европе желтый или желто-
черный флаг обозначал
карантин, а у славян желтый
цвет - цвет ревности, измены.
Зеленый - символизирует юность,
надежду, веселье, весну, но
может производить и угнетающее
впечатление («тоска зеленая»)
Черный тон - символ сложности и чрезвычайности ситуации (для
Америки), траур (для западных стран), цвет веселья (для Японии).
Белый тон - чистота, незапятнанность, невинность, добродетель,
радость, но и холодность, скука, траур для некоторых азиатских стран.
14. Цвет 14
Возрастные предпочтения
Молодые люди, особенно
в возрасте до 25 лет, в
своем большинстве
предпочитают красный
цвет. Чем старше люди,
тем ближе им темные,
приглушенные цветовые
тона.
17. Фон 17
Цвет фона
Уровень формальности и
размах мероприятия
определяют цвет фона:
• Формальный
• Не подходит для
раздаточных материалов
• Сложно использовать
оттенки
• Для большой аудитории
• Неформальный
• Радостное ощущение
• Подходит для
раздаточных материалов
• Для небольших
аудиторий
18. Иллюстрации 18
Существуют четыре основных типа визуализации:
1. Изображения, символизирующее Вашу идею.
2. Диаграмма, помогающая понять концепцию.
3. График со значениями данных.
4. Блок-схема алгоритма процесса.
19. Иллюстрации 19
Для чего нужны иллюстрации?
Картинки позволяют значительно усилить
воздействие слов и аргументов,
донести идею автора.
Графические элементы дизайна и анимация
позволяют выделить основные идеи и
облегчить восприятие информации.
20. Для чего нужны иллюстрации?
Картинки позволяют
значительно усилить
воздействие слов
и аргументов,
донести идею автора.
Иллюстрации 20
Графические элементы дизайна и анимация
позволяют выделить основные идеи и облегчить
восприятие информации.
22. Где найти
иллюстрации?
www.inmagine.com
www.stockvault.net
поисковые системы (поиск
по картинкам)
Иллюстрации 22
23. Где найти иконки?
www.iconfinder.com
www.iconspedia.com
поисковики
Иллюстрации 23
24. Обратите внимание на
инфографику
http://infografics.livejournal.com
http://infographer.ru
Иллюстрации 24
25. Иллюстрации 25
Еще примеры…
Продажи музыки на различных
носителях
История инфографики Европы и Америки
26. Иллюстрации 26
и еще …
Графика должна иметь ту же самую типографику, что и
основной текст: шрифты, начертание.
Фотографии вполне могут быть полноцветными, а схемы,
диаграммы, графики лучше выполнить в основной цветовой
схеме:
Продажи
Кв. 1 Кв. 2 Кв. 3 Кв. 4
Продажи
Кв. 1 Кв. 2 Кв. 3 Кв. 4
27. Компоновка 27
Расположение элементов на слайде
•По размеру По форме
•По цвету По расстоянию
Контраст
• Либо слева направо и сверху вниз
• Либо с последовательным появлением
• Либо с использованием стрелок и знаков
Последовательность
• Структура размещения элементов на
слайде: например, заголовок и текст Иерархия
Единство • Расположение элементов по сетке
• Информация должна «дышать»:
перегруженность слайда - ошибка
Свободное
пространство
28. Компоновка 28
Слайд:
На слайде не должно быть больше семи
значимых объектов – человек не в состоянии
запомнить за один раз более семи пунктов
чего-либо.
29. Ищите красоту вокруг вас
Компоновка 29
Если вы способны воспринять
красивый дизайн, вы сможете и
воспроизвести красоту.
Например, принцип составления
японской икебаны – гармония и баланс
всех элементов.
30. Анимация 30
Анимация:
• Используйте анимацию для пояснения динамики
системы, алгоритмов и т.д.
• Все хорошо в меру!
• Не используйте эффекты смены слайдов, если
только у вас нет на
это веских причин.
31. 31
Эти рекомендации не стоит воспринимать
как требования!
Главное правило типографики применимо и в
общем к созданию презентации.
Любое правило может быть
нарушено, но не все сразу!
32. СПАСИБО ЗА ВНИМАНИЕ!
Поклонская Ольга Григорьевна
Вопросы по материалам лекции отправляйте по адресу:
pok_olga@mail.ru
Или связывайтесь по
Skype: pok_olga
Editor's Notes
Не путайте конспекты лекций и презентации: это разные вещи!
Красный цвет также связан с кровью он символ опасности. А зеленый по Люшеру это естественная среда обитания.
Какие типы визуализации обычно используете Вы? Укажите в чате номер, 5 – не использую графику.
Чем инфографика отличается от иллюстрации?
Может быть, у Вас есть свои ресурсы для подбора иллюстраций? Как Вы выбираете картинки (лицо, фото, черно-белые, клип-арт)? Укажите в чате.