Шпаргалка по презентациям от недизайнера — Дизайн на vc.ru
В этой статье я поделюсь принципами дизайна презентации, благодаря которым у меня получается быстро создавать достаточно качественные презентации. Верю, что они могут быть полезны и вам.
1066 просмотров
Андрей Лучицкий
Продакт из Пачки
Быстро, но эффективно или долго, но красиво?
Задачи у презентации могут быть разные и допущу, что есть случаи, когда на дизайн презентации действительно нужно потратить много времени. Но большинстве случаев, важно, чтобы презентация и слайды в ней доносили необходимую вам мысль.
Предположим, мы убираем случаи когда надо сделать супер красивую презентацию. Нам важно сделать ее понятной и достаточно красивой, чтобы дизайн дополнял ту мысль, которые вы хотите донести. Вот здесь часто возникают проблемы с оформлением, на которое может уходить много рабочих часов.
Самое важное в презентации — это мысль, которую вы хотите донести.
Дизайн вторичен.
За последние 5 лет я задизайнил больше сотки презентаций и понял одну вещь: мне жалко тратить время на оформление слайдов. Поэтому я стараюсь придерживаться нескольких правил, которые помогают мне сократить время на дизайн.
Подготовка
- Определите аудиторию
- Определите цель презентации
- Распишите заголовки ваших слайдовПод заголовком коротко опишите его суть
На нее должно уходить 60-70% времени создания презентации. Почему? Если вы все хорошо продумаете перед тем, как сядете за презентацию, то точно сэкономите очень много времени в процессе. И не пренебрегайте этим (хотя и я иногда так делаю), потому что дизайнить и одновременно продумывать презентацию это долго.
Я к этому процессу подхожу следующим образом:
Сначала всегда пытаюсь понять, кто увидит мою презу.
Если это IT-шник, я сделаю презу для него. Если это HR, то она уже будет другая.
Если это выступление, то слайды будут короткие. Если я буду ее кидать кому-то, то сделаю подробнее.
Определяю цель своей презентации.
Цели могу быть такие:
- Запомниться после выступления
- Помочь себе не забыть ничего важного при презентации
- Показать, что я в теме и наладить контакт с аудиторией
Определив цель презентации, я разбиваю это на под-темы (заголовки слайдов) и потом каждую тему описываю (контент слайда). Все, я готов к созданию самой презентации.
Инструменты
Используйте Pitch для оформления
Иконки ищите здесь: https://www.flaticon.com
Палитры цветов здесь: https://colorhunt.co
Картинки ищите здесь: https://unsplash.com
Я 4 года дизайнил презы в PowerPoint и могу сказать: если вы хотите сэкономить время, то лучше использовать что-то другое.
Пример из моей презентации, сделанной в PPT с помощью ThinkCell. Нифига не понятно. Зачем это?
Я люблю работать в Pitch — это онлайн сервис для создания презентаций. В сервисе продуман сам процесс создания презентаций. Он как бы подсказывает куда и что нужно поставить. Стили легко настраиваемы. Куча шаблонов. И кстати, картинки, иконки, гифки и даже анимационные стикеры интегрированы в сервис.
В Pitch еще есть совместное редактирование слайдов. Те, кто долго работал в PPT в команде над одной презентации знают насколько бесит отправлять друг-другу по одному слайду
У Pitch есть бесплатная версия, но при скачивании презы в PDF появляется водяной знак. Простыми манипуляциями в интернете этот знак можно вывести. Раньше мы оплачивали этот сервис, но в связи с последними событиями — это уже не сделать. Поэтому приходится креативить)
Шаблоны презентаций из Pitch
Оформление
- Все слайды (кроме титульного) на белом фоне
- Выравнивайте всё на слайде
- Позиции текста на слайдах шаблона должны совпадать
- 3-4 цвета на презентацию
- Не редактируйте шаблоны.
Там много скрытых настроек
Оформление слайдов нужно для того, чтобы помогать вам доносить вашу мысль, а не наоборот. Часто сам улетал в обратное и «красоту» презентации ставил на первое место. Благо, для того, чтобы оформить презентацию красиво нужно всего лишь сделать её аккуратной.
Аккуратно — это когда на слайде все выровнено, а цвета не режут глаз, нету ничего лишнего. Выравнивание можно сделать с помощью инструментов, которые встроены в сервисы для презентаций (картинка ниже).
Подобрать цвета можно с помощью конструкторов палитр, например https://colorhunt.co. Я стараюсь придерживаться палитры в три цвета, иногда пять, если вдруг есть слайды с не белым фоном.
Для того, чтобы понять есть ли что-то лишнее на слайде достаточно спросить себя — этот элемент отражает или подкрепляет суть заголовка слайда? Если нет, то он лишний. Это может быть иконка, текст, картинка, подчеркивание, лишний дизайнерский элемент, типа линии. Все это отвлекает внимание.
Частая ошибка — желание занять пустое место чем-нибудь. Например, на слайде ниже я добавил картинку красивого северного сияния на слайде про контакты. Зачем? Чтобы скрыть пустое место. Что получилось? Человека эта картинка отвлекает. Кстати, помню, что на поиск этой картинку я затратил около получаса… Вот это было очень плохо. Зачем эта картинка?
Шрифты
- Один шрифт на презентацию
- Если хотите выделить что-то, то выделяйте цветом
- Выбирайте шрифты без засечек (Inter, Lato, Montsserrat)
- Ограничьтесь 3-4 размерами шрифта на презентацию.
- Размеры шрифта должны быть кратны 8 или 12.
Шрифты — важная визуальная часть с которой очень легко работать, если не фантазировать. Например, с выбором шрифта. В мире существует 10 тысяч шрифтов, а нужно 2 или 3 максимум. Еще лучше просто однажды выбрать шрифт, которые вы используете для презентаций и больше не заморачиваться.
Тоже самое касается и размера шрифтов. Максимум 3-4 размера шрифта на презентацию. Шрифты хорошо выглядят если их размеры отличаются на 8 или 12 пунктов и кратны этим числам. Например, в Pitch я использую шрифты размера 24, 32, 64, 96.
В выделении текста я не очень люблю использовать форматирование, вроде жирного шрифта или шрифта с наклоном. Вместо этого я подчеркиваю, подсвечиваю или делают цветную плашку сзади текста. Визуально это создает больший акцент на конкретном тексте.
Жирный шрифт применяю только в подзаголовках на слайдах, как на примере ниже.
Бонус: если понравился какой-то шрифт в интернете, то можно узнать его название с помощью плагина https://typ.io . Этот плагин найдет все шрифты на странице в браузере. После их можно скачать и установить себе на компьютер.
Текст
- 1 слайд — 1 мысль
- 1 абзац — 1 мысль
- 1 график — 1 мысль
- 1 предложение — 1 мысль
- Предложения короткие
- Слова простые
Чем проще, тем лучше.
И чем короче, тем лучше. Текст должен отражать суть вашей мысли четко и ясно. Если на слайде сложный текст и его много, то человек начинает тратить слишком много усилий на то, чтобы разобраться в нем и быстро теряет внимание.
Ниже пример слайда, который я делал 4 года назад. Для того, чтобы разобраться в нем, нужно потратить минимум 5 минут. Скорее всего, его даже никто не читал. А значит, я не смогу донести до читателя ту мысль, которую хотел сказать этим слайдом.
Если это кажется очевидным, то вы ошибаетесь. Две недели назад я выступал с презентацией на мероприятии у крупнейшего IT-дистрибьютора и 6 остальных презентующих показывали такие же нагруженные слайде как у меня выше. При этом, в среднем на 1 слайд приходилось 1 минута презентации. Теперь представьте насколько сложно слушателю одновременно и читать слайд и следить за мыслью выступающего.
Сейчас мои слайды выглядят примерно так:
Такой подход не отвлекает человека на кучу информации, в которой ему нужно разобраться.
На этой картинке презентация предназначена для выступления. Поэтому я даже не стал описывать, что на нем изображено. Мне важно, чтобы человек запомнил эту мысль, а я прямо на выступлении расскажу ему, что имел ввиду. Если бы я добавил текст, то человек бы отвлекся на его изучение.
Картинки/иллюстрации
- Используйте изображения, которые что-то объясняют
- Из эффектов используйте Shadow (тень)
- Скругливайте изображение не больше, чем на 15%
Здесь самое важное — понять разницу между картинками и иллюстрациями. Ее хорошо описывает Максим Ильяхов в книге «Ясно, Понятно».
Иллюстрация всегда либо несет мысль, либо подкрепляет ее. Картинка — это просто изображение, для красоты.
Ниже пример картинки. Вроде красивое изображение, вроде по теме слайда.
Но смысла она никакого не несет, только отвлекает от основной мысли слайда: аккаунты бывают разные, надо выбрать нужный.
Просто картинка на слайде. Зачем она тут?
Ниже пример типичной иллюстрации. В презентации я говорю про быстрые ответы в инсте и картинка показывает слушателю где находится этот элемент. Связь есть, еще и человек может визуально запомнить, что это такое.
Ещё пример, где картинка тоже уместна. На слайде мы говорим про прокачку, а изображение с Xzibit акцентирует на этом внимание и создает нужный эмоциональный окрас: прокачка — это весело и прикольно.
Картинка с Xzibit создает позитивную эмоцию
Заключение
В презентации самое важное это то, что вы хотите донести. А дизайн это то, как вы это доносите. Но если в презе нет мысли, то любое оформление будет излишним.
Редко когда кто-то будет восхищаться тем, как красиво вы сделали презентацию. Но вам будут благодарны, если ее можно слету понять.
Считаю, что в дизайне презентации выдумывать что-то сложное не нужно. Чем проще вы можете донести мысль, тем лучше. А если мысль простая, то и на дизайн не уйдет много времени.
Приведу пример слайда, на который я в свое время потратил 3 дня, чтобы его задизайнить. И все равно нифига не понятно.
Осознав, что донесение мысли важнее, чем визуал, я начал тратить на дизайн презентаций до 1-2 часов работы максимум. Я придерживаюсь одних и тех же правил и они для меня стали как шаблон.
Надеюсь, это статья поможет вам. Если она зайдет, то могу продолжить тему презентаций и углубиться в более детальные вещи, типа настройки шаблонов, подготовки презентации для выступления, разбор шрифтов и так далее. В общем, дайте клич в комментариях, если интересно.
Подборка инструментов для идеальной презентации
Екатерина Изместьева
ВРЕМЯ НА ЧТЕНИЕ 3 МИН
11 декабря 2014
ОБНОВЛЁН ДАТА ОБНОВЛЕНИЯ24 января 2022
Скачать в PDF
Материал обновлен в январе 2022 года.
Содержание:
- Иконки для маркированного списка
- Красивая графика
- Аналог Photoshop
- Инфографика
- Анимация слайдов
- Видео
- Необычный шрифт
- Фон для слайдов
- Качественные бесплатные изображения
- Анализ реакции аудитории
Задаетесь вопросом, как делать интересные презентации? Иконки, графические элементы, шрифты, анимация слайдов – представляем вам подборку инструментов, с помощью которых вы можете быстро и просто создать красивую презентацию.
Создать красивую и понятную презентацию, которая будет иллюстрировать вашу историю, а не отвлекать вашу аудиторию от рассказа, непросто, особенно если вы не обладаете дизайнерскими навыками.
Но это не повод отчаиваться и создавать очередную скучную презентацию в программе PowerPoint – существует много бесплатных и простых в использовании инструментов, которые помогут вам в том, чтобы создать хорошую презентацию.
IcoMoon.io – это сайт, где вы можете найти, скачать и бесплатно использовать сотни иконок. Иконки могут стать хорошей заменой однообразному маркированному списку в вашей презентации, а также их можно использовать при создании инфографики.
Вы легко можете изменить размер иконки или перекрасить ее в другой цвет.
Они доступны в форматах:
- SVG,
- PNG.
Canva.com упрощает процесс создания красивой графики – с помощью этого инструмента каждый может легко добавить в свою презентацию красивые графические элементы и оформить ее. Вы можете создавать как целые презентации на основе имеющихся шаблонов, так и отдельные графические элементы, а затем добавлять их в свою презентацию.
Изображение: скриншот сайта pixlr.comPixlr.com – это бесплатный инструмент, который работает в браузере и вполне может заменить вам все базовые функции Photoshop. В инструмент также включены цветные фильтры и различные дополнения, которые помогут быстро создать что-нибудь красивое.
PiktoChart.com поможет вам создать инфографику для вашей презентации.
Пользоваться инструментом очень просто – вам необходимо лишь выбрать из доступных графических:
- элементов,
- иконок,
- шрифтов.
Powtoon.com – это инструмент, с помощью которого вы за несколько минут сможете создать анимированные видео. Перетягивайте необходимые элементы для оформления презентаций и анимационные эффекты – и видео, которое затем легко можно вставить в презентацию, готово.
Используйте видео, особенно полноэкранное. Это сильный прием, который полностью погружает зрителя в то, о чем вы рассказываете.
Важно выбрать правильное видео. Оно должно либо самостоятельно рассказывать нужную вам историю, либо гармонично дополнять содержимое слайда.
Изображение: скриншот сайта dafont.comDaFont.com – это сайт, на котором вы можете найти интересные шрифты для текста вашей презентации.
Они внесут разнообразие в вашу презентацию. Шрифты организованы по категориям, и вы всегда можете посмотреть шрифт перед загрузкой.
Подходит всем, кто устал от Гельветики. Но советуем не забывать, что не следует использовать на одном слайде больше трех разных шрифтов, а также вы можете воспользоваться советами от экспертов, которые помогут вам не сделать ошибок в вашей визуализации.
Изображение: скриншот сайта subtlepatterns.comSubtlePatterns.com – это сайт, на котором вы найдете сотни бесплатных текстур, которые вы можете использовать в качестве фона для своих слайдов. Все текстуры вы также можете использовать в Photoshop как паттерны.
Изображение: скриншот сайта everystockphoto.comEveryStockPhoto.com – поможет вам найти красивые качественные фотографии с лицензией, разрешающей их использование, и вы всегда сможете проиллюстрировать вашу идею подходящим изображением.
Если же вы не нашли нужной картинки, то можете воспользоваться нашими подборками ресурсов (здесь и здесь) с бесплатными изображениями.
Trackbat поможет вам понять, интересна ли ваша презентация аудитории. Trackbat покажет, какие из слайдов оказались интересны вашей аудитории, а какие нет. Воспользовавшись этой информацией, вы сможете сделать соответствующие корректировки в дизайне вашей презентации.
Маркетинг
« Beautiful.ai помогает нам быстро создавать четкие и привлекательные презентации, чтобы поделиться нашей стратегией и результатами. Было легко интегрировать наш брендинг и использовать материалы из библиотеки, созданной другими, — создавая сплоченный пакет для совместной работы, который помогает нам продвигать нашу миссию».
Мэгги Куль, вице-президент по исследованиям, Фонд Майкла Дж. Фокса
«Раньше я боялась делать презентации PowerPoint, потому что знала, что добавляю на слайды слишком много текста, но теперь с Beautiful.ai этого не происходит. Слайды лаконичны, полны изображений или диаграмм и впечатляют. Это спасение!»
Шэрон Голдмахер, президент/генеральный директор отдела коммуникаций 21
«Мне нравится эта платформа.
Такой интерактивный, креативный и отточенный. Я не нашел ничего подобного больше нигде. Вы, ребята, помогаете мне делать выдающиеся презентации с наименьшими усилиями».
Дэвид Хуарес Давила — инвестиционный аналитик в New Mexico Trade Alliance
«Когда мне нужно быстро создавать презентации и делиться ими через Zoom или другие платформы, Beautiful.ai приходит на помощь. Быстро, точно и легко даже для людей без дизайнерского образования. Кроме того, тот факт, что я могу получить доступ ко всем своим слайдам в одном месте, является большим преимуществом».
Гонсало Мена Фуэнзалида, соучредитель компании Normalidad Digital
Предоставьте своей маркетинговой команде инструменты, необходимые им для создания эффективных маркетинговых планов, рекламных кампаний, обзоров эффективности и отчетов в социальных сетях.
Маркетинговые планы и предложения
Составьте вместе предложения, описывающие ваш маркетинговый план с указанием сроков, целей и т. д. Делитесь показателями производительности с помощью интеллектуальных слайдов визуализации данных.
Маркетинговая инфографика и отчеты
Делитесь важными данными со своей аудиторией или коллегами, создавая визуально привлекательную и легко усваиваемую маркетинговую инфографику.
Контент-стратегия и рекламные кампании
Выбирайте из сотен настраиваемых шаблонов и создавайте эффективные и успешные контент-стратегии и рекламные кампании.
Просмотреть все шаблоны
Все, что вам нужно, чтобы ваши маркетинговые команды могли быстро и легко создавать контент.
Синхронизированные обновления слайдов
Внесите однократное редактирование в общий слайд, и изменения будут мгновенно обновлены во всех колодах, содержащих один и тот же слайд. Экономьте часы редактирования презентаций.
Безопасный доступ с единым входом
Предоставьте сотрудникам доступ к Beautiful.ai через вашего поставщика удостоверений, используя безопасный единый вход (SSO) на основе SAML.
Безопасный обмен и совместная работа
Работайте с кем угодно и где угодно.
Улучшите удаленную совместную работу, добавив членов команды и поделитесь своей презентацией с помощью ссылки, электронной почты или кода для встраивания.
Сторонние интеграции
Благодаря интеграции приложений, таких как Dropbox, Slack и Monday.com, мы упростили ваш рабочий процесс и повысили производительность.
Централизованное управление активами
Больше не нужно тратить время на поиск потерянных файлов и колод. Организуйте свой контент в общих папках команды и находите все, что вам нужно, прямо в своем рабочем пространстве.
Общие слайды и шаблоны для всей команды
Делитесь содержимым и дизайном в отделе продаж. Получите доступ к десяткам настраиваемых презентаций по продажам: презентации, контракты, предложения, тематические исследования и отчеты.
Запланировать демонстрацию
Продажи
« Beautiful.ai помогает нам быстро создавать четкие и убедительные презентации, чтобы поделиться нашей стратегией и результатами. Было легко интегрировать наш брендинг и использовать материалы из библиотеки, созданной другими, — создавая сплоченный пакет для совместной работы, который помогает нам продвигать нашу миссию».
Мэгги Кул, вице-президент по исследованиям, Фонд Майкла Дж. Фокса
«Раньше я боялась делать презентации PowerPoint, потому что знала, что добавляю на слайды слишком много текста, но теперь с Beautiful.ai этого не происходит. Слайды лаконичны, полны изображений или диаграмм и впечатляют. Это спасение!»
Шэрон Голдмахер, президент/генеральный директор отдела коммуникаций 21
«Мне нравится эта платформа. Такой интерактивный, креативный и отточенный. Я не нашел ничего подобного больше нигде. Вы, ребята, помогаете мне делать выдающиеся презентации с наименьшими усилиями».
Дэвид Хуарес Давила — инвестиционный аналитик в New Mexico Trade Alliance
«Когда мне нужно быстро создавать презентации и делиться ими через Zoom или другие платформы, Beautiful.ai приходит на помощь. Быстро, точно и легко даже для людей без дизайнерского образования. Кроме того, тот факт, что я могу получить доступ ко всем своим слайдам в одном месте, является большим преимуществом».
Гонсало Мена Фуэнзалида, соучредитель компании Normalidad Digital
Благодаря сотням готовых шаблонов и смарт-слайдов ваша команда может сэкономить часы по сравнению с созданием с нуля.
Предложения по продажам и прогнозы
Соберите предложения с описанием услуг, предлагаемых вашей компанией, сроками, ценами и т. д. Делайте точные прогнозы продаж, используя интеллектуальные слайды визуализации данных.
Презентации по продажам
Окажите влияние и завоюйте следующего клиента или проект, создав содержательные презентации, демонстрирующие ваше видение, преимущества продукта и стратегии выхода на рынок.
Материалы для поддержки продаж
Предоставьте своему отделу продаж инструменты, необходимые им для создания презентаций с примерами, сравнения продуктов и многого другого, чтобы помочь им продавать ваши продукты/услуги потенциальным клиентам.
Просмотреть все шаблоны
Все, что вам нужно, чтобы ваши отделы продаж могли делать великие дела.
Синхронизированные обновления слайдов
Внесите однократное редактирование в общий слайд, и изменения будут мгновенно обновлены во всех колодах, содержащих один и тот же слайд. Экономьте часы редактирования презентаций.
Безопасный доступ с единым входом
Предоставьте сотрудникам доступ к Beautiful.ai через поставщика удостоверений, используя безопасный единый вход (SSO) на основе SAML.
Безопасный обмен и совместная работа
Работайте с кем угодно и где угодно. Улучшите удаленную совместную работу, добавив членов команды и поделитесь своей презентацией с помощью ссылки, электронной почты или кода для встраивания.
Сторонние интеграции
Благодаря интеграции приложений, таких как Dropbox, Slack и Monday.com, мы упростили ускорение вашего рабочего процесса и повышение производительности.
