Как сделать красивый дизайн в презентации

Александр Кучерук о том, как линии, формы и цвета могут доносить идеи и служить бизнес-задачам.

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

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

Американский предприниматель Томас Уотсон говорит: “Хороший дизайн — это хороший бизнес”.

Три основных принципа дизайна слайдов

Принцип 1. Порядок

Помните, мама постоянно просила навести порядок в комнате и проговаривала: «Порядок на столе, порядок в голове» (ладно, может, у меня был частный случай).

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

Правильно выполненный дизайн в Powerpoint этому способствуют.

Представьте другую презентацию, где спикер «прыгает» со слайда на слайд, мямлит и сбивается с мысли. Вспомнили такого? Доверите ему свои деньги?

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

Нэнси Дуарте, основатель одной из крупнейших компаний, занимающихся дизайном:

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

Оформляйте слайды в одном стиле. Для создания визуальной иерархии используйте шрифт, цвет, фигуры.

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

Используйте встроенные инструменты выравнивания (линейку, направляющие и сетку в PowerPoint).

Выравнивать объекты в PowerPoint не так сложно, как может показаться. Для этого нужно на вкладке «Вид» активировать: «Линейка», «Сетка», «Направляющие».

Кликните на изображение, чтобы увеличить его

Хорошо помогают выравнивать объекты «Смарт направляющие», которые автоматически показывают (с помощью красных стрелок) симметричное расположение объектов относительно друг друга.

Кликните на изображение, чтобы увеличить его

Копируйте слайды и элементы вместо того, чтобы создавать слайды заново.

Хороший дизайн презентации – это повторяемость элементов, цветов и других объектов.

Здесь используется повторяющийся в одном и том же месте на слайде элемент — линия. Этого можно добиться, используя «Образец слайдов» или просто копируя предыдущий слайд.

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

Принцип 2. Фокус

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

Например, на этом слайде хоть и есть фокус, но считывается он достаточно сложно.

На этом слайде вы в первую очередь считаете число 78%, а потом обратите внимание на текстовую информацию.

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

Как создать фокус на слайдах

Расположите элементы таким образом, чтобы человек сразу мог считать самое важное сообщение. Например, здесь в первую очередь вы увидите изображение с надписью «Services».

Выделите важный элемент цветом, формой или расположением. Создайте контраст или цветовое пятно. Фраза «Best Products» явно выделяется на слайде ниже.

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

Принцип 3. Простота и понятность

Эволюция — это упрощение, а не усложнение. После ребрендингов логотипы международных компаний и брендов становятся максимально простыми. То же происходит с дизайном систем: к примеру, Microsoft перешел от 3D-элементов и прорисовки деталей к плоским иконкам и простым формам.

Например, «Знакомьтесь, наша команда» можно написать текстом без усложнений.

Из чего состоит дизайн презентации

Совокупность всех элементов создает дизайн презентации. Условно их можно сформулировать так:

подбор цвета и фона

1. Оптимизируем текст

Когда готовите презентацию, старайтесь подавать информацию тезисно, без сложных формулировок. Если выступаете публично – сократите текстовую часть по максимуму (помните, что вы можете ее рассказать). Такие нехитрые рекомендации улучшат восприятие дизайна слайдов Powerpoint.

Иерархия текста

Когда смотрите на этот слайд, первой в глаза бросается надпись большими буквами AUDIENCE.

Создать иерархию в тексте помогут размер шрифта, цвет или полужирное начертание. Декоративные шрифты хорошо подходят для заголовков, но для основного текста их лучше не использовать. А расставить приоритеты можно с помощью слоев информации (не более 2–3).

По смыслу старайтесь строить вашу презентацию исходя из следующей иерархии:

Как сделать классные слайды для презентации, если вы не дизайнер

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

Основатель и креативный директор студии презентаций «Метаформа».

Обучиться дизайну сейчас проще, чем когда-либо.

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

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

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

Шаг 1. Начните с истории, а не слайдов

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

Зачем? Чтобы превратить хаос из текста и данных в интересный рассказ.

Чтобы разобраться в контенте и создать историю, я рекомендую рисовать майндмэпы. Этот мы нарисовали для выступления директора школы продвинутых коммуникаций M-A-C-S.

Боль. Долго и сложно, подходит только для особо важных выступлений.

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

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

Всегда держите в голове цель вашей презентации. Если слайд не соответствует этой цели, безжалостно избавляйтесь от него.

Шаг 2. Один слайд — одна мысль

Зачем? Чтобы слушатель сразу считывал, что вы хотите ему сказать. По данным A Detailed Look Into Being Successful on SlideShare Slideshare, чтобы слайд был удобен для восприятия, на нём должно быть не больше 25–30 слов. Посчитайте количество слов в вашей презентации и сделайте выводы.

Боль. Боязнь чистого слайда и желание показать всё и сразу.

Пример слайда Билла Гейтса для выступления — и за час не разберёшься

Решение. Не перегружайте слайд и заодно свою аудиторию. Познакомьтесь с «правилом пятилетнего ребёнка» — ваш слайд должен считываться за 10–15 секунд. В этом вам поможет смысловой заголовок. Не описывайте в заголовке то, что есть на слайде, — сформулируйте вывод, который должна сделать ваша аудитория.

Слайды Стива Джобса для презентации iPhone 3 — простые и минималистичные, с выводом в заголовке

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

Вместо того чтобы на одном слайде показывать все три функции, в проекте для 1С:CRM мы расположили их на трёх слайдах

Шаг 3. Определите цель слайда

Зачем? Слайд помогает вам воздействовать на аудиторию и добиваться понимания. Для этого нужно, чтобы оформление слайда соответствовало его назначению.

Боль. Хочется наполнить слайды бессмысленными элементами, чтобы он стал «красивым»: обязательно вставить фотографию на фон или добавить иконки к пугающему списку из 20 пунктов.

Решение. Прочитайте короткую книгу «Точка контакта: презентация» и возьмите на заметку четыре функции слайда:

1. Напомнить

Никакой сложной визуализации. Достаточно чистого слайда с цифрой или фразой.

Презентация Apple на WWDC 2018 — ничего лишнего

2. Впечатлить

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

10 приемов для создания крутых презентаций

1 Не используйте шаблоны PowerPoint в вашей презентации.

Хочу вас разочаровать, но в PowerPoint не заложены дизайнерские шаблоны. Зачастую эти шаблоны уже не в моде и сразу будут восприняты вашей аудитории как “некачественный товар”.

Я предлагаю 2 решения:

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

2.Создавайте собственные шаблоны, если вы планируете использовать и редактировать данную презентацию в будущем. Для этого нам нужно перейти во вкладку Вид -> Образец слайдов. Это тайная комната, про которую знает далеко не каждый, как показывает практика 🙂

В этом разделе мы можем создать свой шаблон!

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

Далее выходим из этого режима (сверху справа есть красный крестик) и пробуем применить шаблонные слайды – Правая Кнопка мыши -> макеты слайдов.

Теперь у вас есть собственный шаблон.Бонус: В качестве награждения за прочитанный раздел хочу вам дать свое секретное оружие по созданию презентаций – бесплатный шаблон из 800 анимированных слайдов с инфографикой, иконками и картами, который очень помогает креативить. Поверьте, он того стоит 🙂 (на нашей странице вы сможете оформить подписку и получить 800 заветных шаблонов)

2 Используйте 3-5 базовых цветов при создании презентаций.

Пожалуйста, не используйте больше 5 различных цветов при создании своей презентации. Более того, используйте только 3 базовых цвета, так как 2 остальных – это как правило оттенки основных цветов.Как подобрать цветовую палитру.

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

⁃ Далее выбираем цвет для текста. Он должен быть максимально контрастным по отношению к цвету фона. Идеальный и часто встречающийся вариант: фон белый – текст черный. Но этот вариант уступает по части креатива:)Поэтому давайте рассмотрим несколько примеров. Может, я смогу подкинуть вам идеи:Серый фон, голубой основной текст и темно-серый акцент. Белый фон, черный текст, синий акцентный. 3 Цвета. Чередуется с темным фоном и белым текстом.Темный фон, белый текст, салатовый акцентный. Здесь также используются оттенки салатового и чередуется темный и светлый фон.

Если вы все же не смогли определиться с цветовой палитрой или у вас нет брендбука компании/проекта, то предлагаю вам следующий ресурс color.adobe.com

Тут вы сможете подобрать цветовую палитру на основе изображения, а также во вкладке “Explore” (Смотреть) увидеть решения других пользователей и даже узнать количество просмотров и лайков 🙂

3 Откажитесь от 3D иконок из поисковиков – обратитесь к линейным и плоским иконкам.

К сожалению, я все еще часто встречаю слайды, в которых используются объемные некачественные иконки. Сейчас это устаревшая тема и выглядит очень некрасиво. А некоторые вообще не используют иконки, что тоже плохо, потому что в презентации важна визуализация, а не просто сплошной текст. Цель иконок : заменить лишний текст и ускорить запоминаемость и усвояемость информации. Мой совет вам : при создании презентации используйте иконки из этого ресурса – flaticon.com

Иконки из flaticon сделают вашу презентацию более современной и лаконичной.

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

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

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

4 Каждый слайд – это картина, и ей нужна рамка. Или не нужна?

При создании презентации соблюдайте рамку от границ слайда. Причем в моде сейчас крупные рамки.Важно: расстояние от границ до содержания слайда должно быть одинаковым со всех сторон.Пример: Что может произойти? Может получится так, что содержание, которое вы планировали разместить, не уместиться на одном слайде, и это хорошо! Не нужно пытаться втиснуть все на одной странице. Лучше разделите на два слайда с одним заголовком.

Один слайд – один посыл.

Зачем все делать больших размеров – слайду нужен воздух.

5 Откажитесь от вредных привычек. Завяжите со шрифтами с засечками.

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

Предлагаю вам следующий список шрифтов:Системные шрифты:

Arial Black (только для заголовков)

CalibriСторонние шрифты:

Bebas (только для заголовков)

Gotham ProКак сочетать шрифты при создании презентации?

Если вы никогда ранее не затрагивали тему сочетания шрифтов, то советую при создании презентации использовать только одну группу шрифтов и менять только его тип. Например, заголовок сделать Arial Black, а для обычного текста Arial, или еще вариант из сторонних шрифтов – заголовок Raleway Bold, а основной текст Raleway Regular.

Если вы все же решили экспериментировать, то можно попробовать следующие сочетания:

Bebas Bold – заголовок

Raleway Regular – обычный текст

Остальным сочетаниям я предпочитаю выбрать один шрифт и менять только его тип. Это правильнее.

А вот пару ссылок, которые я лично использую для скачивания шрифтов:

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

Это вообще больная тема. Особенно у нас в России. Если кто читал книгу Артемия Лебедева “Ководство”, то там он ясно отмечает, как в связи с падением культуры дизайна после развала СССР, у нашего населения параллельно исказился вкус к качественному дизайну. Возможно, вы сейчас читаете и никогда не оцените те работы, которые я здесь прославляю. И это не потому что вы плохой человек, а потому что наша среда не позволила вам развить хороший дизайнерский вкус.

Я могу лишь посоветовать то, что отлично работает у нас в студии на протяжении нескольких лет и ценится на международном уровне (проверено на на всех континентах планеты Земля):

⁃ Не используйте в качестве фоновых изображений картинки из поисковиков, если в этом нет необходимости

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

⁃ В качестве фона используйте изображения высокого разрешения – для меня это не менее 1000 пикселей по высоте и ширине

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

⁃ В качестве источников вы можете использовать следующие ресурсы: flickr, unsplash, everypixel

7 Не используйте контуры. Либо толстые, либо ничего.

Теперь немного углубимся в дизайн.

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

Напрашивается вопрос: теперь контуры вообще вышли из моды?

Ответ: нет, они просто мутировали в крупные рамки :).Вот какие контуры сейчас еще можно использовать:

А в остальном – да, контуры вышли из моды как когда-то белые парики.

8 Не используйте тени. Либо большие и размытые, либо никакие.

Тени, конечно, не вышли из моды, в отличие от контуров. Но они превратились в нечто эксклюзивное и дорогое. Как часы Patek Philippe. Вы либо покупаете оригинал, либо китайскую подделку и все понимают, что это китайская подделка.

Мораль сей истории такова: если вы умеете создавать трендовые тени – отлично! Если нет, то, пожалуйста, отмените их везде во вкладке “Формат“.

В PowerPoint бывают стандартно установлены тени (особенно в ранних версиях). И я могу вам сказать наверняка, что такие тени нужно убирать сразу из шаблона.Давайте рассмотрим примеры:Плохие тени из PowerPoint

Хорошая тень из DribbbleХорошая тень из PowerPointПрикрепляю вам даже настройки, если вы все-таки хотите использовать тени. Но используйте эту силу с умом ☝и не накладывайте такую тень на все фигуры подряд, чтобы они не заполнили весь фон.

9 Как сделать таблицы и диаграммы красивыми? Убрать все лишнее.

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

Впрочем, я вам уже описал все ошибки. Осталось их только не совершать. 🙂Давайте рассмотрим на практике:

Вот таблица курильщика:

В чем разница? Одна тяжелая и громоздкая, другая чистая и лаконичная.Обратите внимание:

⁃ Есть свободное пространство между границей ячейки и содержанием.

⁃ Конечно же нет контуров

⁃ Нет лишних теней

⁃ Некоторые поля вообще не закрашены

10 Слайд – это ваш холст. Будьте креативны. Представьте, что у вас в руке кисть.

Если бы презентации создавались в Paint, то слайды выглядели бы намного креативнее. Я говорю это к тому, что часто мы сами загоняем себя в шаблонные рамки PowerPoint, хотя там тоже можно создавать уникальные произведения искусства.Рассмотрим примеры слайдов, созданных в PowerPoint:Желаю вам создавать только качественные презентации для ваших проектов!

Автор статьи: Григорий Арт, CEO и сооснователь Artrange

Источники:

https://l-a-b-a.com/blog/show/208
https://lifehacker.ru/klassnye-slajdy-dlya-prezentacii/
https://spark.ru/startup/artrange-digital/blog/33261/10-priemov-dlya-sozdaniya-krutih-prezentatsij