Самые красивые. Инфографика

Самые красивые. Инфографика


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

Инфографика часто подаётся в виде схем, списков, таблиц и диаграмм - но всё это красиво оформлено и облеплено приятными глазу картинками (клип-артом). Арт доносит идею ещё быстрее, чем слова. Текст может быть, хоть целыми параграфами, но непременно проиллюстрированный и по максимуму разбитый на пункты и категории.

Итак, это способ не только представить нужные данные наглядно, но и зацепить внимание читателя за счёт необычной или "вкусной" подачи.

Фрагмент изобретательной с дизайнерской точки зрения инфографики про doxing

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

Принципы

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

В чём пилить

Дизайн - тонкая сфера. Профессионально инфографику живописуют в векторных редакторах. Но есть же какие-то готовые материалы? Конечно, мы можем вооружиться ФШ (или, точнее, Gimp), натаскать клип-арта из сети и склеивать его, как умеем. Но. С чего надо начинать? Правильно - гуглим (или пользуемся менее глобалистским поиском), какие инструменты для создания именно инфографики уже существуют.

Один из таких инструментов - Venngage: https://infograph.venngage.com/

На его примере и рассмотрим.

Что внутри: Не опенсорсный, бесплатно - часть готовых шаблонов, большая часть иконок, хранение 5 своих работ на аккаунте. Вот несколько примеров шаблонов:


Вот что было состряпано в процессе знакомства с сервисом:

Нетсталкинг. Начало.

Сделано на основе одного из шаблонов (template) - т.е текстовые формы (в правой менюшке - Text) уже были на странице. Поменяли шрифты. Оттуда же, из Text, взяты и кружочки. Текст выкинули и вставили новые иконки, комбинируя их друг с другом. Иконки в сервисе двух видов: Icons и Pictograms. Icons это единичный клип-арт: от базовых форм (Shapes & Symbols, Lines & Borders) до насыщенных смыслом тематических картинок. Пиктограммы это те же иконки, но нужны для того, чтобы быстро показать соотношение объектов:

Владельцы 15% IoT-устройств никогда не меняли дефолтный пароль.

Работа с пиктограммами: в верхней панели есть опции для количества объектов и процентного соотношения, а также два цвета. Иконок для пиктограмм и отдельного использования дают очень много, и всё разделено на категории по темам.

Также в системе есть все основные виды диаграмм, из них почти все бесплатные:

Работа с диаграммамми. Для примера взят материал отсюда, где есть ещё немного любопытной статы. Берегите телефончики. Так вот, выбирать основной тип диаграммы - слева, но двойным кликом выбирается меню, которое вы видите сейчас справа. Это внутренние настройки диаграммы. Числа и цвета задаются во вкладке Data, а также можно изменить тип диаграммы, если вы поняли, что нынешний для ваших данных не подошёл. Settings содержит несколько общих настроек. В данном случае я там отключаю Labels, то есть "легенду", то есть подписи на диаграмме.

Ещё на лист инфографики можно вставлять картинки (из поисковика или свои), есть фигурные рамки для них. Даже имеются интерактивные элементы. Тестируйте и голосуйте.

Один минус - большая часть шрифтов не поддерживает кириллицу. Но всё же выбор есть.

Что со всем этим делать?

В нетсталкинге это может пригодиться для публикации результатов исследований в широкий доступ. Нам в Институте Интернет Статистики это интересно. Кроме того:

- пояснять ньюфагам за неску^W азы тематики

- пилить гайды в виде картинок

- в рамках группы сделать один раз для всех новоприбывших вводный плакат (вроде того, что в начале статьи). Туда можно заложить правила поведения, цели группы. Ещё это могут быть правила обработки находок в зависимости от контента: ну, там, домашние фтп налево, общественные камеры направо, сервера АНБ сразу главе группы :D

- оформление находок в виде плакатов для своих пабликов, чтоб как у людей.

Вне нетсталкинга:

- ваши школьные/университетские/рабочие презентации

- опять же плакаты или флаеры, возможно наброски оформления сайтов. В сервисе много примеров похожего использования.


Остаётся лишь сложность с созданием диаграмм. О них ещё может быть отдельный пост.