Каким должен быть дизайн вашей презентации
Прежде чем перейти к конкретным советам, мне бы хотелось сделать
небольшое отступление. Я не дизайнер, вообще не умею рисовать, и все мои
навыки работы в «Фотошопе» сводятся к выполнению банальных базовых
действий. Но несмотря на это, я люблю и умею создавать простые, но
довольно симпатичные презентации.
К чему я это?
Если среди читателей есть люди, которые думают, что они не смогут
создать красивую и эффективную презентацию, потому что у них нет таланта
к рисованию и должных дизайнерских навыков, внимательно прочитайте
следующие строки:
Современному веб-дизайну может научиться каждый.
Причем, для этого не нужно штудировать тонны профессиональной литературы
или посещать дорогие курсы. Достаточно заучить основные правила и
запастись большим количеством удачных примеров, смотря на которые, вы
будете черпать вдохновение. Да, благодаря этим действиям
профессиональным дизайнером, возможно, вы не станете, но создавать
стильные картинки и презентации сможете легко.
Итак, какие правила нужно соблюдать, чтобы ваша презентация получилась модной и эффективной:
1. Откажитесь от готовых шаблонов
Они бездушные, унылые и всем уже дико надоели. Лучше создайте что-то
свое. Тем более, что сейчас для этого не обязательно обладать
дизайнерскими навыками. Есть большое количество программ и сервисов,
которые сделают всю работу за вас (об одном из таких сервисов) речь
пойдет в самом конце статьи.
Неправильно:
Один из стандартных шаблонов Power Point
Собственный дизайн (очень простой, но при этом стильный)
2. Используйте хорошее сочетание цветов
Одна из самых распространенных ошибок людей, незнакомых с
современными трендами веб-дизайна, заключается в том, что они подбирают
крайне неудачное сочетание цветов: коричневый, темно-синий, бордовый,
горчичный. Если использовать эти цвета друг с другом, да еще с неудачно
выбранным шрифтом, создается впечатление, что изображение пришло к нам
из 90-ых. Сейчас такие цвета в веб-дизайне не используются. Точней,
используются, но в сочетании с другими, более приятными и «чистыми»
оттенками (так называемыми, flat colors).
Неправильно:
Неудачный выбор цветов
Flat colors – красивые и современные
Если то, что я сказала выше, не совсем вам понятно, и вы все еще не знаете, какие цвета выбрать, воспользуйтесь ресурсом flatcolors.net.
Там есть готовые палитры с очень модными и сочными сочетаниями. Чтобы
скопировать код понравившегося цвета, просто кликните по нему левой
кнопкой мыши.
Кликните по понравившемуся цвету, и его код автоматически скопируется в буфер обмена
Еще один способ подобрать хорошую палитру: найти картинку, которая вам нравится, и разложить ее на цвета с помощью сервиса Adobe Kuler Для этого перейдите по указанной мной ссылке, нажмите на иконку с фотоаппаратом и загрузите понравившееся изображение.
Сервис Adobe Kuler
Как мне кажется, этот способ лучше всего подходит для раскладки на
цвета лендингов или каких-нибудь простых изображений из дизайнерских
сообществ (типа, behance.net), т.к. обычно на них используется немного
цветов и все они очень хорошо друг с другом сочетаются. Но вообще его
можно использовать для раскладки любых изображений.
Я загрузила лендинг и получила цвета, которые на этом лендинге используются
Как только сервис выдал готовую палитру, необходимо скопировать код
каждого из цветов. Для этого воспользуйтесь бесплатным плагином Colorzilla. Делается это следующим образом:
- Установите плагин Colorzilla в Google Chrome или Mozilla Firefox.
- Нажмите на пипетку в правом верхнем углу вашего браузера.
- Выберите команду Page Color Picker Active.
Плагин Colorzilla
- Кликните по нужному цвету, чтобы скопировать в буфер обмена его код в формате HEX (код формата #ed3434 – решетка и 6 символов).
Узнаем код выбранного цвета
- Если вам нужен код в формате RGB или HSL, кликните по пипетке, нажмите Copy to Clipboard и выберите тот формат, который вам нужен.
Выбираем подходящий формат кода
- Вставьте код в программу, в которой вы работаете.
- Готово!
3. Используйте во всей презентации не более 5 цветов
Не превращайте вашу презентацию в радугу, даже если ваш доклад
посвящен детской теме. Большое количество цветов мешает чтению и
восприятию смысла слайдов. На одном слайде лучше всего использовать не
более 2-3 цветов с учетом основного цвета фона. Во всей презентации – не
более пяти.
Неправильно:
Зачем столько цветов?
3 цвета на слайде – норма
4. Соблюдайте контрастность текста и фона
Здесь все просто: если фон темный, используйте светлый шрифт. Если
светлый, то темный. Текст должен отчетливо читаться на вашем слайде,
иначе вашей аудитории будет некомфортно, и вместо того, чтобы слушать
вас, они будут тратить свое внимание на то, чтобы разобрать, что у вас
там написано.
Неправильно:
Плохая контрастность
Хорошая контрастность
5. Откажитесь от теней, градиентов и других старомодных эффектов
Постарайтесь идти в ногу со временем и оформлять свои слайды так,
чтобы они не воспринимались как пережиток прошлого. Ведь от того,
насколько хорошо оформите свою презентацию, будет зависеть уровень
доверия аудитории к вам как к специалисту. Хороший специалист всегда
развивается и следит за новыми тенденциями. Плохой – не желает
воспринимать ничего нового и считает, что он уже полностью состоялся.
Согласны? Тогда стремитесь к минимализму.
Неправильно:
Вот так делать не надо
А вот здесь все окей: приятный цвет и ничего лишнего
6. Откажитесь от некачественных стоковых изображений
Некачественные стоковые изображения испортят впечатление от вашей презентации, даже если на слайдах написаны умные мысли. Пожалуйста, не используйте их. Лучше потратьте побольше времени, но найдите изображения, на которые приятно будет смотреть.Неправильно:
Стоковое изображение, которое я нашла по запросу «команда»
Если уж нужно фото команды, то пусть оно будет таким
Как отличить некачественное стоковое изображение от качественного?
Некачественные стоковые изображения обладают определенными признаками. Они:- используются на каждом втором сайте;
Спорим, вы уже где-то видели мужика, рисующего маркером на стекле?
Или людей, крепко пожимающих друг другу руки?
- содержат некачественную графику (как правило, на белом фоне);
Ох уж, эти белые человечки…
- изображают искусственные ситуации и искусственно улыбающихся людей.
Никогда не думала, что работать в офисе так весело
Он все шутит и шутит…
Действительно, зачем?
С выключенной приставкой еще интересней!
7. Используйте современные шрифты
Calibri, Comic Sans, Times New Roman – эти шрифты использовать можно,
но я бы вам этого делать не рекомендовала, т.к. они довольно скучные и
не производят на аудиторию нужного эффекта. Лучше сделайте выбор в
пользу более современных шрифтов. Например, Helvetica, Open Sans или
Roboto. Эти шрифты достаточно простые, но подходят практически для
любого проекта.
Неправильно:
Не лучший выбор для вашей презентации
Helvetica, Roboto, Open Sans – бери, не прогадаешь
Где найти хорошие шрифты?
Моим излюбленным местом для поиска и скачивания нужных мне шрифтов является группа «Вконтакте» «Бесплатные шрифты».
Там есть поиск и довольно удобное меню. Рядом с каждым шрифтом идет
информация о том, можно ли его использовать в коммерческих целях или
нет. Например, шрифт на скриншоте ниже полностью бесплатный, о чем
говорит надпись в скобочках – free font.
Один из постов в группе «Бесплатные шрифты»
Также очень рекомендую обратить внимание на ежемесячные подборки журнала «Инфографика» «Бесплатные кириллические шрифты».
Это просто кладезь классных кириллических шрифтов! Каждый шрифт можно
скачать одним кликом прямо из статьи. Правда, тип лицензии придется
уточнять самостоятельно, в статье он не указан.
8. Шрифт должен быть читабельным
При выборе шрифта обязательно обращайте внимание на то, насколько хорошо он читается. Необычные витиеватые шрифты с засечками смотрятся интересно, но порой их так сложно прочитать, что лучше от них вовсе отказаться.Неправильно:
Шрифт читается сложно
Шрифт читается легко
9. Используйте не более 3 шрифтов на одном слайде
Во всей презентации должно быть не более трех шрифтов: шрифт
заголовка, шрифт основного текста и шрифт для врезок (если в них есть
необходимость). Если вы будете использовать большее количество шрифтов,
ваш слайд будет выглядеть неаккуратно и несерьезно.
Неправильно:
5 шрифтов на странице – это перебор
Один шрифт для заголовков, один – для основного текста и один – для врезок. Здесь все правильно
Как подобрать шрифты, которые будут сочетаться между собой
На самом деле, подобрать хорошо сочетающиеся шрифты несложно. Как я уже говорила в самом начале статьи, для этого не нужно обладать дизайнерскими навыками и видением художника. Достаточно просто понять основные принципы и следовать им в работе.10. Соблюдайте основные правила верстки
Не выравнивайте текст по ширине. Из-за этого между словами образуются большие пробелы, текст становится неопрятным, и его чтение вызывает трудности.
Источник изображения: partizzan.ru
Делайте нормальный интервал между строк: не слишком большой, но и не слишком маленький. Интервалы между абзацами делайте чуть больше, чем интервалы между строками.
Используйте разное форматирование, чтобы облегчить восприятие информации: маркированные и нумерованные списки, выделение жирным и т.д.
Неправильно:
Ошибки на слайде: выравнивание по ширине,
слишком большая ширина строки, маленький интервал между строками,
отсутствие отступа между абзацами, отсутствие нужного форматирования
Слайд с правильной версткой
11. Сделайте так, чтобы ваш текст был достаточно крупным
Текст на слайде не должен быть слишком крупным или слишком мелким. Постарайтесь найти золотую середину. А в том случае, если вы будете показывать свою презентацию в офлайне, убедитесь, чтобы текст был виден даже тем людям, которые сидят на самых последних рядах.Неправильно:
Выбирайте такой размер шрифта, который будет комфортно читать вашей аудитории
Вот такой текст читать комфортно
12. Текст и картинки должны быть выровнены
Чем аккуратнее выглядит ваша презентация, тем больше доверия у пользователей к вам, как к хорошему специалисту.Неправильно:
Слайд кажется неаккуратным
Аккуратное выравнивание по правому краю
13. На слайде не должно быть много текста
Некоторые спикеры стараются уместить в презентации чуть ли не всю
свою речь, и, вместо того чтобы говорить от себя и импровизировать,
зачитывают участникам текст на слайдах. Аудитория этого не любит, она
начинает скучать и теряет эмоциональную связь со спикером. Чтобы этого
не происходило, добавляйте на свой слайд минимум текста и помните: цель
ваших слайдов – не помочь спикеру вспомнить текст, а усилить эмоции от
того, что вы говорите аудитории.
Неправильно:
Аудитория пришла к вам на вебинар не для того, чтобы читать ваши слайды, а для того, чтобы слушать вас
Коротко и ясно
14. Посвятите каждому пункту отдельный слайд
Если в вашей презентации есть маркированные или нумерованные списки, лучше разбить их на отдельные слайды. Так информация усвоится лучше, т.к. каждый пункт будет подкреплен релевантным изображением и отдельным рассказом.Неправильно:
Если вы просто перечисляете названия книг, этого
слайда будет достаточно. Но если вы рассказываете подробно о каждой из
них, то лучше каждому автору посвятить отдельный слайд
Отдельный слайд для Майкла Стелзнера
Отдельный слайд для Дениса Каплунова
15. Выделяйте важный текст другим цветом
Чтобы заострить внимание аудитории на какой-то особой фразе, выделите ее с помощью другого цвета, курсива, жирности или подчеркивания.Неправильно:
Текст читается ровно
Аудитория делает ударение на той фразе, которую вы выделили на своем слайде
16. На слайде должно быть много «воздуха»
Не лепите иконки и текст вплотную друг к другу. Ваша презентация должна «дышать». Тогда и восприниматься она будет гораздо быстрей и эффективнее.Неправильно:
Слайд перегружен. Элементы расположены слишком близко друг к другу
Между смысловыми блоками есть «воздух»
17. Используйте иконки, чтобы ускорить восприятие информации
Иконки и всевозможная графика ускоряют понимание вашего сообщения.
Используйте их в своей презентации, но следите за тем, чтобы они были
выполнены в одном стиле, иначе слайды будут выглядеть неаккуратно. Если
берете иконки, которые залиты цветом, они все должны быть такими. Если
контурные, то все должны быть контурными. Ну, и размер, конечно, у них
тоже должен быть одинаковым.
Неправильно:
Все иконки в разном стиле и разного размера
Все иконки в одном стиле, одинакового размера и аккуратно выровнены по отношению к тексту
18. Один слайд – одно изображение
На одном слайде должна быть одна мысль и одно изображение, подходящее ей по смыслу и усиливающее ее эмоциональный посыл. Если изображений будет больше, возникнет эффект перегруженности.Неправильно:
Используйте на одном слайде только одно изображение
Когда изображение одно, внимание не распыляется
19. Не добавляйте к слайдам ненужные поля и логотипы
Очень часто в презентации добавляют колонтитулы с логотипом,
названием компании, телефоном, адресом, группами в соцсетях и другой
деловой информацией. Я считаю, что в большинстве случаев это
неоправданно. Эти элементы «съедают» пространство и добавляют к слайду
ненужный шум. К тому же, всю эту информацию можно разместить на
финальном слайде, и, если презентация слушателям понравится, будьте
уверены, они запомнят и название вашей компании, и лого, и даже не
поленятся найти вас в соцсетях.
Неправильно:
Колонтитулы «съедают» слишком много места и отвлекают от основного текста
Все место занимает важная информация
20. Каждый слайд должен привлекать внимание
Для того чтобы ваша презентация вызывала у аудитории эмоциональный отклик, используйте релевантные изображения и короткие хлесткие фразы.Неправильно:
И причем здесь клубника?
Уловили разницу?
Еще одна фотография, которая точно передает настроение одиночества
Где искать вдохновение?
Как я уже сказала в начале статьи, чтобы создать хорошую презентацию,
вам нужно всего две вещи – понять основные принципы веб-дизайна и
запастись источниками для вдохновения. С первым пунктом, думаю, мы
разобрались. Теперь перейдем ко второму. Где можно найти качественные
презентации, с которых можно взять пример?
В первую очередь, на Slideshare,
самом большом и популярном ресурсе с презентациями. Там есть неплохой
поиск по ключевым словам, темам и языку. Правда, результат вас может
разочаровать:
Сразу видно: презентации по психологии не самого высокого качества…
Поэтому я вам рекомендую искать вдохновение у зарубежных
специалистов. Причем, не просто абы у кого, а у тех, кто серьезно
занимается созданием презентаций. Вот несколько аккаунтов таких людей и
компаний:
Не обращайте внимание на то, что их презентации на английском. Вам
необязательно понимать точный смысл слайдов. Достаточно посмотреть, как
они оформлены, и понять общий посыл. Ведь мы не собираемся копировать их
полностью. Наша цель – вдохновиться приемами и техниками, которые
используют профессиональные дизайнеры и спикеры, и применить их в своей
презентации.
Комментарии
Отправить комментарий