Как загубить презентацию:
5 ошибок в дизайне

Самые частые проблемы в оформлении слайдов
~ 16 минут
человечки на красном с текстом
Дарья Тамилина
Пишу о графическом дизайне и визуальных трендах
Автор статьи
Рассмотрим плохие примеры дизайна, чтобы учиться на чужих ошибка
В дизайне много вкусовщины. Может, в вашей аудитории окажется человек, который терпеть не может синий цвет. Или рьяный эстет, который считает шрифт Arial жалким подобием Helvetica. Угодить всем невозможно.

Но можно избежать явных оплошностей и сделать презентацию, как минимум, понятной для всех и приятной для большинства. Давайте разберем самые частые ошибки в оформлении слайдов.
Шаблоны для презентаций придумали не зря: без них будет настоящий хаос. Именно визуальное единство помогает людям запомнить вашу презентацию и отличить ее от других. А еще без общего шаблона труднее воспринимать информацию: зритель привыкает к расположению и размеру текстов и картинок: непредсказуемость верстки его дезориентирует.

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

Нет единого стиля

01
Мы привели гротескный пример, применив к каждому слайду разные шаблоны – чтобы собрать все возможные проблемы разом. Их тут целых четыре:
1. Не совпадают цвета. Если вы бывали на конференциях, где выступления идут одно за другим, вы скорее всего запомнили презентации именно благодаря цвету. У одного спикера с темой А было что-то зелененькое, а у второго с темой В были красно-оранжевые слайды… Цвет – хороший маркер, который помогает слушателю вспомнить содержание презентации.
2. Различаются графические приемы. На первом слайде у нас простые геометрические фигуры с однотонной заливкой, на втором – рисунки от руки, на третьем – градиенты. Если слушатель ненадолго отвлечется от рассказа и взглянет на текущий слайд, он может подумать, что вы начали новую презентацию.
3. Слишком много шрифтов. Лучше использовать не более двух-трех. В противном случае вид у слайдов получается грязным, а иерархию текстовых блоков трудно отследить.
4. Различается верстка. Это неочевидная, но важная вещь: размер полей, выравнивание текста, размер подзаголовков и их расположение делают презентацию единым целым. Если вы следуете одному шаблону, зритель привыкнет к тому, где у вас обозначено главное и второстепенное. И будет читать быстрее.
Создаем брендбук за 9 шагов

Руководство по фирменному стилю

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

Нет визуальной иерархии

02
светлая тема презентации
Заголовок слабо выделяется из общего текста, предложения идут одно за другим, хотя содержат четыре отдельных равнозначных тезиса
Для разных информационных сообщений нужна разная структура. Если у вас много цифр – таблица или график, если равнозначные тезисы – маркированные списки, а если последовательные пункты – нумерованные списки. Короткие абзацы тоже имеют место быть, когда содержат последовательное повествование.
серый фон слайда с кубами
Теперь по заголовку четко видно, о чем речь. В подзаголовках отражены преимущества компании. А текст визуально разделен и его быстрее можно охватить взглядом
Без необходимости не стоит выделять маркером или курсивом рандомные части предложений. Но если информацию можно поделить на группы или списки, это всегда надо делать. Читайте наш краткий конспект по верстке, чтобы грамотно размещать текст на слайдах.
Предыдущий слайд можно улучшить в несколько кликов. Вот так:
А еще построить визуальную иерархию можно с помощью шрифтов. Для заголовка обычно выбирают более крупные и жирные буквы, важная информация в тексте тоже может быть с жирным шрифтом, второстепенная – с курсивным.
Легкость чтения важна для любой презентации. Для этого слова должны хорошо выделяться на фоне. Невозможность разобрать какие-то слова не только отвлекает от выступления, но и очень действует на нервы слушателям. Смотрите сами:

Трудно читать текст

03
нечитаемый абзац на фото с девушкой
Кажется, что тут зашифровано какое-то тайное послание, доступное только избранным. С усилием прочесть текст можно, но, если отойти на расстояние, задача окажется непосильной
Самый простой способ сделать текст различимым – выбрать однотонный контрастный фон и крупный шрифт.
обрезанная фотография с девушкой и текстом
Теперь проблем с чтением не возникает
Тут три главные проблемы:
1. Текст бледный и фон бледный. Для читаемости очень важен контраст. Стоит либо делать темный текст на светлом фоне, либо светлый – на темном.
2. Мелкий шрифт. Тут единого рецепта нет. Все зависит от того, насколько большая аудитория, будет ли один общий экран для всех или каждый слушатель увидит слайды на собственном мониторе. Мельче 14 pt печатать точно не рекомендуется.
3. Сложный фон. От мелких деталей на фотографии у зрителя может рябить в глазах, они однозначно затрудняют чтение. Если же очень хочется использовать фото в качестве подложки, нужно успешно решить первую и вторую проблему и выбрать фото с минимумом деталей.
Оставьте заявку на создание презентации в PRESIUM
Нужна бизнес-презентация?
Отправить
Костыль:)
Иногда текст просто слишком длинный. Тогда ему тесно на слайде, а слушатель надолго погружается в чтение и отвлекается от выступления.

Слишком много информации

04
белый серый нечитаемый
Согласитесь, это можно на две трети сократить?
Работать тут нужно одновременно и с дизайном, и с текстом: удалить повторяющиеся местоимения и бесполезные слова, которые не дают нам конкретной новой информации. Все детали в красках расскажет спикер, а на слайд стоит вынести только самое главное:
аккуратные абзацы слайда
Короткие фразы впечатляют гораздо сильнее
Перегруженность слайда – это субъективное ощущение. К тому же, иногда живая речь спикера не предполагается и презентации делают именно для чтения – тогда краткими тезисами не обойтись. Но вводные слова, повторяющиеся местоимения и глаголы, а также общие фразы без конкретных данных – это то, что надо нещадно вырезать со слайдов.
Сокращать текст – непростое дело. Можно ненароком упустить что-то важное. Если вся информация на слайде очень нужная, а дизайн кажется перегруженным, мы знаем 5 способов это исправить.
Картинки есть почти в каждой презентации. Это хорошо – они позволяют слушателю снять напряжение и зачастую доносят информацию более доходчиво, чем текст. Но иногда иллюстрировать нечего. А, по распространенному мнению, иллюстрации нужны и важны. В результате выходят такие слайды:

Плохое иллюстрирование

05
розовая роза слева на экране
Зрители будут ломать голову: при чем тут розы и авиаперевозки?
Картинка всегда должна соотноситься с текстом. В идеале, для каждой иллюстрации нужна подпись. Во время долгих выступлений внимание слушателей может рассеиваться: стоит максимально четко указать на то, что именно изображено.
листья под затемненной подложкой с текстом
Даже у невнимательного зрителя не возникнет вопросов, почему на фоне зеленые листики
Иллюстрации должны органично дополнять текст и соотноситься с ним. Рандомные картинки будут только отвлекать слушателя и помешают сосредоточиться на содержании.
Несоответствие картинок тексту – это частая проблема. Вроде слайды какие-то мрачные и хочется разбавить текст фотографиями, но необходимости в этом нет. Тогда проще внести изменения в текст, чтобы создать привязку к какой-то картинке.
Выводы
Хороший дизайн делает информацию доступнее. Если сомневаетесь в оформлении слайдов, покажите их своей бабушке, ребенку или другу, который не разбирается в теме.
Какие главные тезисы в тексте? Что показывают графики, схемы и иллюстрации? Каким настроением заряжает презентация и к чему призывает? Если любой зритель сможет ответить на эти вопросы, значит, вам точно удалось избежать грубых ошибок.
Чем качественнее дизайн ваших слайдов, тем больше шансов впечатлить коллег, инвесторов или клиентов. Вы часто выступаете на публике? Научитесь создавать профессиональные презентации вместе с нашими экспертами.
Понравилась статья?
Читайте также
Поделиться
Раз в неделю пишем вам о новостях в мире визуальных коммуникаций и рассказываем об обновлениях в блоге. Никакой рекламы
Полезно и бесплатно
Подписаться
Костыль:)
Следите за новостями
Разделы блога
Дизайн
Выступления
Обучение
FAQ
Рубрики
Презентация
Инфографика
Шаблон
Видео
Опыт
Лайфхаки
Полезное
Софт
Гайд
Бесплатное
Начинающим
Исследования
Стартапам
Менеджерам
Студия, где создаются визуальные коммуникации, облегчающие работу сотрудников и повышающие эффективность бизнеса
Сторителлинг