Дизайн презентаций: советы и рекомендации

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

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

Презентации готовят самые разные специалисты: менеджеры и руководители, учителя и студенты, спикеры и продажники, а еще дизайнеры. И, честно говоря, мы находимся в более выигрышном положении. Просто потому, что не только умеем работать с визуалом, но и всегда подходим к работе с точки зрения юзабилити. Давайте рассмотрим, какие принципы UX/UI-дизайна следует использовать в такой работе:

Исследование пользователя

Изначально определите свою аудиторию, ее потребности и ожидания. Тогда вы сможете адаптировать дизайн презентации под конкретную публику.

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

Так в образовательной презентации нужно учитывать, что аудитория не разбирается в вашей теме глубоко, многое нужно будет объяснить и показать, а продающие презентации наполняют большим количеством визуального контента, чтобы максимально продемонстрировать преимущества продукта.

Различные сценарии

Итак, теперь вам нужно понимать, где будет происходить трансляция, на каком устройстве. Мы предлагаем руководствоваться правилом «чем ближе пользователь к экрану, тем больше он разглядит». Так что для онлайн-презентации, которую аудитория будет смотреть с ноутбука или смартфона, можно выбрать кегль шрифта меньше, нежели для большой аудитории, где зрители будут удалены от экрана.

Учитывайте еще важный момент: будет ли у участников конференции распечатка.

Фидбэк и двусторонняя коммуникация

Подумайте, можно ли взаимодействовать с вашими зрителями? Будет ли это уместно? Если да, добавьте интерактивные элементы, например, вопросы. Так вы сможете расшевелить аудиторию и помочь ей начать принимать участие в вебинаре.

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

Структурированность должна быть во всем: от логики изложения темы до организации контента на каждом слайде.

Структура презентации

Структура презентации может меняться в зависимости от контекста и места проведения, приведем стандартную схему построения визуального повествования:

Можно добавить нумерацию на слайды, так спикеру будет удобнее ориентироваться, а аудитория в конце презентации сможет задать вопрос по конкретному слайду.

Структура слайда

Организуйте контент на каждом слайде с помощью заголовков, пунктов и прочих разделителей, чтобы зрители легко сканировали информацию.

Заголовок должен быть больше основного текста примерно в 2 раза.

Заголовки должны на каждом слайде находиться в одном и том же месте, если они будут скакать от слайда к слайду, ваша работа будет выглядеть неаккуратной.

Делайте заголовок информативным: добавьте в него цифры и результаты.

Обязательно используйте негативное пространство! Даже большое количество контента можно сделать легким для восприятия, если все блоки будут свободно дышать, а не липнуть друг к другу.

Выделяйте числа, чтобы сфокусировать на них внимание аудитории.

Сокращайте тексты: ваша презентация должна быть четкой и лаконичной.

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

Выравнивайте основные тексты по левому краю, можно нарушить данное правило для подписи к иллюстрациям.

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

Давайте приведем примерные значения для шрифтов в разных ситуациях:

Трансляция на проекторе, мотивирующая или продающая презентация, зрители — не эксперты: для заголовков — кегль 30 пунктов и выше, основной текст — 16 пунктов и выше.

Ноутбук, распечатка, деловая презентация, аудитория — эксперты: для заголовков — кегль 20 пунктов и выше, основной текст — 16 пунктов и выше.

Если вы делаете презентацию для очень большой аудитории, то можно использовать для заголовков кегль 50 пунктов и более, для основного текста — 24-30 пунктов.

На что еще при выборе шрифтов важно обратить внимание:

1. Читаемость

Шрифты должны быть легкочитаемыми даже с расстояния. Для основного текста не используйте декоративные или слишком узкие шрифты, отдайте предпочтение таким вариантам, как Arial, Helvetica или Roboto.

2. Однородность

Можно использовать разные начертания одного и того же шрифта для заголовков и основного текста, также для выделения отдельных слов или фраз. Например, bold для заголовка, а italic для акцентов.

Если комбинируете шрифты, то как и всегда, не более 3, чтобы добиться визуальной согласованности:

• для заголовков,
• для основного текста,
• для сносок или вставок.

3. Тематика

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

4. Тренды

А для тех, кому надоели скучные и слишком простые шрифты, всегда есть актуальные тенденции. В статье «Шрифтовые тренды 2024: креативность, элегантность и юзабилити» вы обязательно найдете интересный вариант для создания более интересной и креативной презентации.

Даже черно-белая презентация может быть эффективной, понятной и результативной, если контент правильно структурирован, а шрифты хорошо подобраны. Но это же скучно? Давайте разберем, как мы можем добиться wow-эффекта при помощи цветов и красок.

3 цвета

Для презентаций рекомендуют использовать не более 3-х основных цветов. Важно использовать их в следующей пропорции:

• основной цвет (фон) — 60%,
• цвет заголовков и визуальных элементов — 30%,
• цвет для акцентов — 10%.

Согласованность с брендом

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

Психология цвета

Учитывайте психологию восприятия цветов, так яркие акценты помогут привлечь внимание аудитории к ключевым моментам, а пастельная палитра добавит умиротворения.

Контрасты

Помните о важности контраста между текстом и фоном, это сильно влияет на читаемость, особенно если речь идет о больших экранах.

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

Визуальная целостность

Градиенты помогут создать плавный переход между цветами и не повлияют на восприятие текста. А цвета, расположенные близко на цветовом круге, могут сделать дизайн более гармоничным и сбалансированным.

Тени

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

Тренды

Цветовые тренды, как правило, являются отражением того, что происходит в мире. Вы можете использовать актуальные цветовые решения этого года, чтобы создать что-то интересное и оригинальное. Подробнее можно почитать в статье «9 цветовых трендов 2024 года».

Визуальный контент в презентации помогает воспринимать информацию и визуализирует ее. А какие изображения можно и нужно использовать рассмотрим далее.

Соответствие контексту

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

Высокое разрешение

Выбирайте только качественные изображения с высоким разрешением, чтобы ваша работа смотрелась профессионально и четко на любых экранах: от смартфона до проектора.

Согласованность

В изображениях важно придерживаться одного стиля: фотографии, скетчи и т.п. Также создать визуальную гармонию поможет общая цветовая гамма или использование одного фильтра.

Лицензия

Перед тем как использовать стоковые фотографии, внимательно изучите лицензию. И ни в коем случае не ставьте изображения с водными знаками в презентацию! Есть много бесплатных сервисов, на которых вы сможете найти интересные изображения, не стоит брать первые картинки с выдачи Google.

Инфографика

Если вы говорите о статистике или объясняете сложную схему, отобразите это с помощью диаграмм, графиков или схем. Старайтесь делать их простыми и понятными, не перегружайте лишними деталями и надписями.

Тренды

Не знаете, какой стиль изображений выбрать для вашей презентации? Почему бы не обратиться к современным тенденциям? Уверены, эта статья поможет вам сделать выбор — «Тренды графического дизайна 2024: футуризм vs ретро».

Анимация может добавить динамики вашей презентации, поможет запомниться аудитории и добиться цели выступления. Но очень важно использовать ее сбалансировано и уместно.

Выделение

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

Поддержка хода мысли

Можно также визуально поддержать свое выступление с помощью анимации стрелок или линий. Будет особенно уместно, если речь идет о какой-либо последовательности: шаги, этапы и пр.

Эмоции

Анимация может быть довольно эмоциональной: от плавных переходов до резких выскакиваний. Используйте такие эффекты, чтобы вызвать более сильный эмоциональный отклик у аудитории.

Например, у вас презентация по кейсу, где неожиданным скачком вы проиллюстрируете внезапную неудачу гипотезы. Кстати, можно добавить еще тот самый «звук поражения» из мультфильмов. Одного такого перфоманса будет достаточно, не переборщите.

Скорость

Анимация не должна быть слишком быстрой, от скорости теряется ее смысл, но она и не должна быть слишком медленной, чтобы аудитория не потеряла интерес.

Синхронизация

Анимация должна быть максимально синхронизирована с речью лектора.

Например, выступающий расписывает преимущества нового продукта и по задумке дизайнера изображение или видео этого продукта должно появиться на слайде чуть позже. Но кто-то забыл кликнуть и часть слайда до конца рассказа остается пустой.

Какие сервисы вам пригодятся при работе над презентацией:

По подбору шрифтов:

По подбору цветов:

Стоки с изображениями и фотографиями:

Библиотеки иконок, стикеров и эмодзи:

Программы для создания презентаций:

PowerPoint. Пожалуй, этот редактор знаком каждому еще со школьной скамьи. Интерфейс простой и понятный, большое количество самых разных функций.

Google Slides. Сервис для создания презентаций от Google. По функционалу похож на PowerPoint, но функций дизайна поменьше.

Flyvi. Это российский граф. редактор, с помощью которого можно сделать презентацию или создать другой визуальный контент. Большое количество шаблонов, возможность совместной работы.

Keynote. Можно создавать интересные и сложные презентации при одном условии — у вас устройства Apple.

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

У дизайнеров есть большое преимущество в такой работе, ведь по сути мы итак руководствуемся этими принципами, а значит создание презентации не станет для нас чем-то новым и сложным. К тому же вы всегда можете попробовать добавить креатива, следуя шрифтовым и цветовым трендам, чтобы ваши презентации были не только информативны, но и запомнились аудитории.