Найти в Дзене
Дзен для авторов

Инфографика для блогера: советы дизайнеров и полезные инструменты

Оглавление

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

Иллюстрация Сони Коршенбойм
Иллюстрация Сони Коршенбойм
Зачем это нужно:
Инфографика помогает сделать текст более наглядным и привлекательным — это повысит дочитываемость.
Переведет сложные для восприятия статистические выкладки в простую и удобную форму и поможет сократить текст.

Основы и правила

Два совета графического дизайнера, руководителя студии инфографики ТАСС Алексея Новичкова + список полезных книг и сайтов:

Лучше всегда использовать столбики. Столбчатая диаграмма — самая правильная метафора статистических данных, ведь любая статистика прерывна: между данными есть «шаг». Визуализация любых статистических данных — это ступени или «вбитые» на разную высоту «в землю» столбики, не соединенные друг с другом.

Пример столбчатой диаграммы из Википедии
Пример столбчатой диаграммы из Википедии

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

Что читать и смотреть:
«Говори на языке диаграмм» — исчерпывающая книга Джина Желязны для тех, кто хочет начать заниматься инфографикой на уровне Excel и PowerPoint.
Infographics for the People — блог опытного графического дизайнера и дизайнера инфографики Джона Гримвейда, который поможет понять, какие работы хорошие, а какие плохие.
Information Is Beautiful Awards — сайт международной премии с отличной базой конкурсных работ.

Три совета арт-директора образовательных программ Яндекса Михаила Симакова:

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

Площадная диаграмма, посвященная размерам лесных зон в разных странах мира
Площадная диаграмма, посвященная размерам лесных зон в разных странах мира

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

Переводите цифры в понятные для читателей измерения. Однажды мы делали инфографику о марсоходе Curiosity и сравнили его по колесной базе с Lada Kalina. Такой прием сразу позволяет понять, какого размера устройство ездило по Марсу.

Приложения для создания инфографики

Tableau Public

Инфографика, посвященная уровню заболеваемости артрозом в Евросоюзе
Инфографика, посвященная уровню заболеваемости артрозом в Евросоюзе

Бесплатное приложение для Windows и OS X, позволяющее создавать интерактивные таблицы, диаграммы и графики. Программа подсказывает подходящий способ визуализации с помощью функции Show Me. Созданные изображения можно сохранить только онлайн, на серверах Tableau. Встроить вашу инфографику в блог и воспользоваться данными сможет любой пользователь.

Flaticon

-5

Самая большая база бесплатных пиктограмм с удобным поиском. Flaticon позволяет скачать расширение для браузера для работы в Google Docs, собирать из пиктограмм паттерны и редактировать иконки по своему вкусу: менять цвета, заливку, положение и размер.

Datawrapper


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

Инструмент, созданный журналистами и дизайнерами, работавшими в крупных изданиях вроде New York Times, Bloomberg и Deutsche Welle, подойдет для создания диаграмм и линейных графиков. Datawrapper не требует регистрации, инфографику можно сделать онлайн в четыре шага, загрузив данные из Excel, Google Docs или вбив вручную и выбрав один из шестнадцати способов визуализации. Плюс — возможность получить на личную почту код для вставки изображения в блог.

Еще пять бесплатных ресурсов для создания инфографики:

✔️Flourish — онлайновый инструмент для создания карт и графиков без ограничений показов. Его авторы — студия визуализации Kiln, призер конкурсов по журналистике данных и инфографике, работала с Google, BBC и Guardian.

✔️Venngage — ресурс, который используют Airbnb, Microsoft и Wired. Более сотни редактируемых шаблонов инфографики, а также возможность создавать постеры, аналитические отчеты и изображения для соцсетей. Есть русскоязычная версия.

✔️Infogram — шаблоны и колористические решения для интерактивных диаграмм и инфографики. Результаты можно сохранить в виде гифок и PDF, а также встроить с помощью кода в блог.

✔️Creately — сервис, которому доверяют NASA, Amazon и PayPal, предлагает более тысячи готовых шаблонов по сорока видам диаграмм и возможность работать над визуализацией сразу нескольким авторам по аналогии с Google Docs.

✔️Canva — готовые решения для самых разных графиков и диаграмм. Можно менять шрифты, цвета и фон, а создавать инфографику — на сайте или в приложении для смартфона. Есть русскоязычная версия сервиса.

Подготовила Динара Валеева

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

Читайте также: