Прежде чем приступить к созданию инфографики, настройте себя за правильный баланс красоты и информативности. Для этого взгляните на неудачные примеры:
Открыть в полном размере можно здесь.
Открыть в полном режиме можно здесь.
А теперь посмотрите на удачный пример:
Открыть в полном режиме можно здесь.
Теперь, настроившись на правильную волну, приготовьте ингредиенты для создания хорошей инфографики. Вам понадобятся:
- данные для инфографики — 1 шт
- ручка — 1 шт
- бумага — несколько листов
- графический редактор — 1 шт
- вкус — по вкусу
1. Структурируйте информацию
Первым делом нужно выделить самые важные моменты, наиболее интересные и нужные вашей аудитории. К примеру, если вы продаёте ноутбук, очевидно, что важно указать его технические характеристики, цену, состояние, условия продажи и ваши контакты (как, например, сделал дизайнер Игорь Степахин). Если вы иллюстрируете статью, выберете ключевые мысли, если набор данных — выделите несколько наиболее значимых цифр. Определяя объем данных, который вы хотите проиллюстрировать, помните о балансе: большой объем информации затруднит восприятие, небольшой вынудит вас сделать акцент на графической составляющей и сделает инфографику неинтересной. И нужна ли вам в этом случае инфографика?
Рассмотрим пример инфографики, главная тема которой — личная эффективность. Выделяем ключевые позиции:
- работайте удалённо
- откажитесь от совещаний
- не отвлекайтесь на электронную почту
- уходите с работы в 5:30
- вставайте рано
- фокусируйтесь на одной задаче
- делайте меньше вещей
- используйте правильное ПО
2. Продумайте структуру
На этом этапе вам понадобятся бумага и ручка. Нарисуйте базовую структуру вашей будущей инфографики. Не бойтесь сделать ошибку: пока вы работаете на бумаге, начать заново будет нетрудно. Часто требуется несколько итераций, чтобы прийти к финальной версии, поэтому всегда лучше начать с бумаги и ручки: если вы сразу сядете за компьютер, переделывать и начинать заново будет тяжело.
3. Оцифруйте макет
Здесь вам понадобится подготовленный заранее графический редактор. Если вы делаете подобное впервые, выберите специализированный редактор для создания инфографики — к примеру, Piktochart, Easelly или Visually.
4. Добавьте контент
Настало время наполнить подготовленную структуру. Начните с как можно более точного и детального описания элементов и цифр, которые вы подготовили на первом этапе. Затем выберете иллюстрации или диаграммы, которые дополнят каждый текст или каждую цифру. Это и есть ваша графическая составляющая, завершающая идеальный баланс.
Ресурсы для поиска фотографий мы рассматривали в статье о поиске иллюстраций. Ресурсы для поиска иконок: IconFinder, FindIcon.
5. Выберите стиль, шрифт и палитру цветов
Теперь, когда базовая структура готова, а текст и картинки на месте, начинается самое интересное.
Сначала определитесь со стилем. Если вам нужно вдохновение, поищите его на Pinterest или в других галереях с инфографикой.
Теперь нужно выбрать шрифты. Эту тему мы рассмотрели очень подробно в статье «Как сочетать шрифты?». Если кратко —выбирайте шрифты, исходя из настроения, которое должна передавать работа; используйте шрифтовые семьи; сочетайте шрифты, разные во всём, кроме какой-то одной детали; если используете необычный шрифт, то не перегружайте им работу, выделяйте им, например, только заголовки.
После выбора шрифтов определитесь с цветовой схемой. Для начала мы рекомендуем использовать не больше 3-4 цветов и их оттенков. Ресурсы для выбора палитры: Colour Lovers, Palleton, Coolor, Adobe Color CC.
Для инфографики о личной эффективности можно взять мягкие цвета неброских оттенков, чтобы основное внимание было сосредоточено на информации, а не на оформлении.
6. Вычитка и корректура
Это финальный шаг. Просмотрите ещё раз ваш дизайн и контент. Будьте внимательны: всего одна грамматическая ошибка может испортить впечатление от всей работы.
Вот такая инфографика получилась в итоге (полный размер — здесь):
Автор статьи: Татьяна Коровкина
Источники:
1. Piktochart.com: 7 Steps of Transforming Information Into A Clear And Concise Infographic