Визуальное наполнение курсов интернет-обучения, презентаций и тестов часто оставляет желать лучшего. Впечатление от работы легко испортить плохой подачей, даже если само содержание безупречно. Как не допустить такого и привести форму в согласие с содержанием?
В этом материале мы расскажем об общих правилах дизайна, поделимся примерами удачных решений и посоветуем, чем воспользоваться, чтобы найти инструменты и вдохновение.
Выбираем сервис
Где именно делать презентацию? Всё зависит от того, какую цель вы ставите в электронных обучающих материалах.
Если ваш принцип — благородная простота (текст + картинка), то обратите внимание на HaikuDeck. Если хочется сделать что-то необычное, на помощь придёт Prezi. Воспользоваться Projeqt имеет смысл для создания динамической презентации, где данные изменяются в режиме реального времени. Google Презентации обеспечат удобный доступ к вашей работе, к тому же через них можно открывать документы PowerPoint.
Для видеопрезентаций подойдут PowToon, Moovly, GoAnimate, Plotagon или один из сервисов для скрайбинга.
Однако и с привычным PowerPoint можно добиться больших успехов, если использовать возможности программы по максимуму и обратиться к дополнительным инструментам.
Сервис iSpring Cloud позволяет даже новичкам творить чудеса в создании электронных курсов средствами PowerPoint и помогает сделать презентацию доступной с любого устройства. Благодаря технологии облачного хранения ваша работа будет всегда под рукой. Делиться презентациями можно по прямой ссылке или с помощью соцсетей: вот как это делается. Что самое важное, после загрузки в «облако» все эффекты PowerPoint, включая видео, анимации и переходы, сохранятся.
Так или иначе, какую бы программу вы ни выбрали для презентации, базовые принципы оформления будут одними и теми же: понятность, запоминаемость и стилистическое единство.
Структура и сюжет
Информационному сообщению, главе учебника и даже обучающему тексту тоже нужен сюжет: с завязкой, кульминацией и развязкой. Можно двигаться от общего к частному или от примеров к обобщениям, поставить вначале интересный вопрос и превратить презентацию в детективное расследование.
Визуальные элементы тоже должны работать на сюжет. Если у вас в запасе есть сильный визуальный эффект, приберегите его до кульминации или финала. Берегите зрителя от мельтешения картинок.
Прибегайте к приёмам визуального сторителлинга: пусть оформление, картинки и эффекты станут частью целой истории. Все уважаемые авторы презентаций советуют не использовать изображения, которые не связаны с материалом. Однако связь может быть не прямой, а символической, эмоциональной. Визуальные метафоры и яркие образы воздействуют на эмоции. Главное здесь — не переусердствовать.
Источник: Wikipedia
Стиль презентации
Когда логика повествования продумана, пора приниматься за оформление. Такой порядок работы поможет избежать искушения использовать визуальные приёмы только ради визуальных приёмов.
Продумав стиль с самого начала, придерживайтесь его. В этом хорошо помогают шаблоны, однако иногда и они подводят, так что слепо доверять авторам готовых стилей не нужно. Даже если шаблон создан со вкусом, ручная настройка предпочительнее: она поможет реализовать индивидуальные задачи и сделает работу запоминающейся.
В стиль входят цветовая гамма, шрифты и визуальные элементы, которые (в идеале) сочетаются между собой.
Сочетания цветов
У всех есть свои предпочтения по части цветов, но в дизайне правят бал законы колористики. Цвета, используемые в презентации, должны подходить друг к другу и не мешать усваивать информацию. В то же время хорошо, если ваше цветовое решение будет запоминаться.
Выбирайте готовую цветовую схему, в которой сочетание оттенков уже продумано дизайнерами. Найти подходящие цвета для работы и создать свою тему можно с помощью Adobe Color CC. Сайты вроде Color lovers содержат десятки палитр на все случаи жизни.
Кроме того, оригинальную и стильную цветовую схему можно сделать из любой фотографии с помощью генератора цветовых палитр. Такие программы выбирают цвета из любой картинки, которая вам нравится, так что вы получаете набор цветов c кодировками. Если сервис не указывает кодировок, откройте изображение в Photoshop и воспользуйтесь пипеткой.
Источник: Pinterest
О том, как самостоятельно подобрать цветовую гамму для презентации с помощью цветового круга и книги Нэнси Дуарте «Slide:ology. Искусство создания выдающихся презентаций», можно прочитать в блоге iSpring.
Выбор шрифта
Советуем использовать простые, легко читаемые шрифты без засечек. Например, Arial, Tahoma, Verdana (только не все сразу). Такие шрифты смотрятся лучше, чем Courier New или Comic Sans MS, которые до сих пор слишком сильно любят в презентациях.
Но всё же самые удачные варианты менее очевидны. Потратьте несколько минут на то, чтобы найти и загрузить шрифт, и ваша работа будет выгодно отличаться от презентаций с надоевшим Times New Roman. Вот хорошие примеры нейтральных, понятных кириллических шрифтов: Open Sans, PT Sans, Roboto, Ubuntu, Cuprum.
Найти хорошие шрифты можно на Google Fonts. Также бесплатные шрифты можно скачать, например, на Fontsquirrel. Не забудьте включить настройку поддержки кириллицы, если собираетесь писать на русском. К сожалению, на крилиллицу рассчитаны не все начертания.
Чтобы узнать, как лучше сочетать шрифты между собой, имеет смысл полистать книгу по типографике или воспользоваться конструктором для подбора комбинаций.
Источник: Google Fonts
Изображения: где достать и как использовать с умом
- Фотографии и картинки можно взять из баз изображений, в том числе бесплатных. Главное, что нужно знать про стоковые фото: некоторые из них всем уже давно приелись, либо скучны и шаблонны сами по себе. Ваши ученики и коллеги, скорее всего, уже видели этих пожимающих руки людей на некачественной рекламе в метро. Так что на поиск чего-то интересного придётся потратить время.
- Загружайте картинки готовыми тематическими наборами. Составители коллекций уже подобрали изображения так, чтобы они подходили друг к другу. Не придётся размышлять, сочетается ли открытка в стиле 50-х с клипартом в стиле 90-х (мы можем сказать заранее: нет).
- Платить за интересные картинки необязательно, ведь можно проявить фантазию. Найдите ретро-фотографии, которые никому не принадлежат, или классические, но не очень известные картины.
- Используйте собственные фотографии, если они достаточно хороши по качеству. Такие снимки — это оригинальный контент, который отличит вашу работу от множества других.
- Не забывайте о фото и изображениях, которые распространяются по лицензии СС. К вашим услугам — открытые онлайн-коллекции множества музеев, а также всё, что можно отыскать в Википроектах.
- Иконки позволяют обозначать разделы презентации или отдельные блоки информации. Раздобыть их можно в специальном хранилище, например, на Noun Project.
Источник: Pixabay
Чего лучше избегать
- Не берите изображения плохого качества и низкого разрешения.
- Откажитесь от тёмного фона с тёмным же текстом.
- Стардартный клипарт Microsoft Office в современных презентациях смотрится плохо. Microsoft ещё в 2014 году объявила, что намерена отказаться в продуктах Office от клипарта, который напоминает о 90-х (собственно, тогда он и появился), и пользоваться системой Bing для поиска и интеграции картинок. Однако многие всё ещё верны ностальгическим человечкам.
- Объекты WordArt и весёлые объёмные шрифты — ещё один приём, про который стоит забыть всем.
- Не нужно помещать на один слайд слишком много текста. Золотое правило: один слайд — одна мысль. Дизайнеры советуют представлять себе, что ваши слайды — это биллборды на шоссе. Зритель едет мимо на большой скорости, и ему нужно ухватить основную мысль за 3-5 секунд. Он не будет останавливаться, чтобы прочитать всё, что вы написали мелким шрифтом.
Источник: Pinterest
Советы по стилю от мастеров
Гай Кавасаки, IT-специалист из Силиконовой долины, разработал принцип 10/20/30, согласно которому идеальная формула презентации такова:
- 10 слайдов в презентации;
- 20 минут времени на презентацию;
- 30-м шрифтом набран текст на слайдах.
Стив Джобс для своих презентаций использовал такие приёмы, отражающие фирменный минимализм Apple:
- градиентный фон;
- крупные изображения объектов с текстом;
- минимум анимации и лишних элементов (например, маркеров в списке).
Источник: slideshare.net
Надеемся, что какие-то из этих советов помогут вам в создании более качественного контента, который не стыдно было бы показать и Стиву Джобсу.
