Как быстро создать понятную и стиль­ную презентацию
Образование
78K
Фотография — courtneyk / iStock

Как быстро создать понятную и стиль­ную презентацию

В каких программах лучше работать и где вдохновляться
25
Аватар автора

Макс Качковенко

профессионально делает презентации и учит других

Страница автора
Аватар автора

Лада Кошман

задавала вопросы

Страница автора

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

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

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

ШАГ № 1

Выбрать инструменты

Для создания презентаций. PowerPoint и Keynote покрывают 99% потребностей. У каждого приложения свои особенности: в PowerPoint можно работать с 3D-объектами и SVG-иконками, придавать видеороликам любую форму — круга, звезды и так далее. Keynote проще и понятнее — и стабильнее работает на Маках.

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

Для оформления. Чтобы удалить фон на изображениях, можно воспользоваться сайтом Benzin — это отечественный аналог сервиса Remove BG.

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

Хотя с оплатой из России есть трудности, можно оформить платную подписку на Flaticon, чтобы использовать иконки без ограничений и скачивать их в формате SVG. В таком случае их можно перекрашивать в PowerPoint, как обычные фигуры, а также увеличивать до подходящего размера без потери качества.

Эмодзи — хороший способ дополнить презентацию, если они органичны и уместны. Найти их можно на Emojipedia.

Выбор иконок огромный, здесь можно найти подходящую почти по любому запросу. Источник: flaticon.com
Выбор иконок огромный, здесь можно найти подходящую почти по любому запросу. Источник: flaticon.com

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

  • Unsplash — бесплатный фотобанк, где есть стильные фотографии в отличном качестве;
  • Freepik — частично бесплатный банк, там я иногда ищу векторные иллюстрации. Если не подходит цвет, перекрасить можно в Figma или PowerPoint;
  • Shutterstock — платный фотобанк с огромным выбором снимков и иллюстраций по специфическим запросам, например «парень в синей футболке на пляже».

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

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

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

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

Проведите эксперимент: введите в Гугле запрос strategy. Скорее всего, в выдаче будут такие изображения, актуальные лет 15 назад. Источник: efficy.com
Проведите эксперимент: введите в Гугле запрос strategy. Скорее всего, в выдаче будут такие изображения, актуальные лет 15 назад. Источник: efficy.com
Концептуальный эквивалент с Freepik: нет мелких деталей, при необходимости можно расположить больше текста — большой заголовок и описание. При этом запрос такой же, но не пришлось тратить силы на поиск подходящей картинки. Плюс в фотобанках легче найти иллюстрации в едином стиле. Источник: freepik.com
Концептуальный эквивалент с Freepik: нет мелких деталей, при необходимости можно расположить больше текста — большой заголовок и описание. При этом запрос такой же, но не пришлось тратить силы на поиск подходящей картинки. Плюс в фотобанках легче найти иллюстрации в едином стиле. Источник: freepik.com
Слайд — пример использования искусственного интеллекта в презентациях. Цифра сгенерирована через Adobe Firefly
Слайд — пример использования искусственного интеллекта в презентациях. Цифра сгенерирована через Adobe Firefly

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

Для поиска шрифтов можно использовать бесплатную библиотеку Google Fonts. Иногда попадаются классные шрифты в телеграм-канале «Бесплатные шрифты». Скачивая шрифты оттуда, читайте лицензии: не все можно использовать в коммерческих целях, но для презентации в университете — вполне.

Если не получается найти бесплатную альтернативу, можно купить понравившийся шрифт, к примеру, на Paratype. Одно начертание стоит до ⁠7 560 ₽. Если возможности установить шрифты нет, попробуйте следующие:

  • Century Gothic;
  • Verdana;
  • Tahoma;
  • Arial.

Также в сообществе Figma есть подборка с кириллическими шрифтами, подходящими для презентаций, — можно смело брать идеи оттуда. Еще взгляните на подборку на GitHub, где собраны примеры удачных сочетаний бесплатных шрифтов из Google Fonts.

Пример органичного сочетания заголовка с текстом. Источник: github.io
Пример органичного сочетания заголовка с текстом. Источник: github.io
ШАГ № 2

Расположить слайды в правильном порядке

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

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

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

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

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

Количество слайдов. Некоторые при создании презентаций советуют руководствоваться правилом 10/20/30 маркетолога Гая Кавасаки. Его посыл — делать не более десяти слайдов, не растягивать выступление более чем на 20 минут, использовать при оформлении шрифт не менее 30 кегля.

На практике объем может быть любым. Главное — донести мысль и сделать это максимально просто, чтобы аудитория запомнила основные тезисы выступления. За одно и то же время лучше показать десять лаконичных слайдов, чем два перегруженных.

Финальный слайд тоже важен: это последний шанс добиться цели. Вряд ли выступающему хочется, чтобы его просто поблагодарили за потраченное время и после ухода ничего не произошло. Ожидания спикера от аудитории после презентации можно сформулировать как call to action — призыв что-то сделать или куда-то перейти.

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

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

Пример финального слайда с призывом к действию и запоминающейся последней фразой
Пример финального слайда с призывом к действию и запоминающейся последней фразой
Еще один пример броской фразы в конце
Еще один пример броской фразы в конце
ШАГ № 3

Написать текст

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

Заголовки. Наиболее удачный вариант — когда по заголовкам можно понять суть презентации. Например, заголовок «Динамика продаж» ни о чем не говорит.

Динамика меняется со временем, а значит, и выводы из графика-иллюстрации можно сделать разные. Если хочется донести определенную мысль, лучше выбрать заголовок «За последние 6 месяцев мы выросли на 50%» — и подкрепить утверждение инфографикой.

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

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

На слайде должен быть «воздух» — свободное пространство между элементами, блоками текста или фигурами.

Это улучшает читаемость и делает презентацию легче для восприятия.

Несмотря на количество текста, читать легко: помогают крупные короткие заголовки каждого блока и емкие формулировки
Несмотря на количество текста, читать легко: помогают крупные короткие заголовки каждого блока и емкие формулировки

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

Тогда посыл с большей вероятностью дойдет до зрителя.

Слайд из учебной презентации
Слайд из учебной презентации

Наполнение слайдов. Основные ориентиры:

  1. Укорачивайте формулировки. Чем короче, тем лучше. Избыток текста — дурной тон для любой презентации, даже той, что сделана под рассылку.
  2. Не используйте канцелярит и заумные слова. Чем проще сформулированы идеи, тем больше шансов, что их запомнят.
  3. Выделяйте числа. Это привлекает внимание и добавляет на слайд фокус.
  4. Помните про контраст: к примеру, большой заголовок и основной текст помельче. Или крупные цифры и небольшая подпись — все это тоже фокусирует внимание.
  5. Выравнивайте текст по левому краю, но не по ширине. Выравнивание по центру и тем более по правому краю уместно только в коротких подписях к иконкам.

Принцип, который никогда не подводит, — чем лаконичнее, тем лучше.

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

ШАГ № 4

Продумать визуальное оформление

Общий стиль. В моду возвращаются градиенты, тени, объем и 3D. Но не увлекайтесь ими: избыток трендов порой производит обратный эффект и смотрится безвкусно.

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

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

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

Цвета. Общий совет — использовать не более трех цветов и выбирать контрастные оттенки, так новичкам сложнее ошибиться. Самый простой вариант — черный, белый и яркий цвет для выделения главного.

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

Примеры палитры. Источник: colorhunt.co
Примеры палитры. Источник: colorhunt.co
Вот так эти цвета можно применить в деле — пример из учебной презентации
Вот так эти цвета можно применить в деле — пример из учебной презентации
И еще пример — здесь фон другого цвета, поэтому и слайд воспринимается по⁠-⁠другому, хотя палитра использована та же самая
И еще пример — здесь фон другого цвета, поэтому и слайд воспринимается по⁠-⁠другому, хотя палитра использована та же самая

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

Инфографика. Дурной тон — сложные, перегруженные графики. Такие данные нужно разбивать на несколько слайдов или пунктов.

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

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

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

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

Чем вдохновиться при создании презентаций

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

В Pinterest шаблоны презентаций, скорее всего, будут заезженными или странными, а вот оформление сайтов, по моим наблюдениям, оказывается более трендовым и современным. Можно искать референсы по словам chart design, dashboard design. Еще можно вдохновиться подборкой Т⁠—⁠Ж.

Ограничиваться Pinterest не стоит. Смотрите по сторонам в магазинах и подмечайте оформление и верстку книг: как сделаны отступы, абзацы и междустрочные интервалы. Вас могут вдохновить журналы и книги издательства Артемия Лебедева. Одна из самых интересных как по содержанию, так и по оформлению — «Модульные системы в графическом дизайне» графического дизайнера Йозефа Мюллера-Брокманна. Подойдет для тех, кто замахивается на профессиональный уровень в создании презентаций.

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

Обложка книги «Модульные системы в графическом дизайне». Источник: artlebedev.ru
Обложка книги «Модульные системы в графическом дизайне». Источник: artlebedev.ru
Пример стильного дизайна разворота журнала. Что⁠-⁠то похожее пригодится и в презентации. Источник: designtemplateplace.com
Пример стильного дизайна разворота журнала. Что⁠-⁠то похожее пригодится и в презентации. Источник: designtemplateplace.com

Запомнить

  1. В сфере презентаций есть свои тренды и антитренды, но новичкам лучше руководствоваться тремя критериями: читабельность, контраст, аккуратность.
  2. В презентации может быть любое количество слайдов. Главное — донести свою мысль. Важно уделить особое внимание первому и последнему слайду. На первом — ценность продукта для целевой аудитории, на последнем — CTA или контакты.
  3. Используйте не больше двух шрифтов, хорошая база — Google Fonts.
  4. Не стоит применять в презентации более трех цветов: контраст помогает выделить информацию лучше, чем цвет.
  5. Для поиска стильных фото не используйте поисковики, лучше обращайтесь к бесплатным фотобанкам, таким как Unsplash.

Новости из мира образования, советы по карьере и учебе, вдохновляющие истории — в нашем телеграм-канале: @t_obrazovanie