Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Выгодные покупки
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Веб-сервисы
3 июня 2014

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

Если вашему тексту не хватает наглядности, можно дополнить его инфографикой или диаграммой. Вот несколько онлайн-инструментов для создания инфографики и советы, как сделать её более понятной и легкой для восприятия.
Фото автора Ия Зорина
Ия Зорина

Медицинский автор Лайфхакера, атлет

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

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

Если бы у вас был выбор — прочитать статью или посмотреть инфографику на ту же тему, — что бы вы предпочли? И чем поделились бы с друзьями в социальных сетях — картинкой с информацией или ссылкой на статью, которую еще надо открыть на стороннем сайте и прочитать?

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

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

Инфографика и периферическое зрение

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

Доктор Рут Розенхольц, главный научный сотрудник кафедры когнитивных наук в Массачусетском институте, исследовала периферическое зрение и его влияние на восприятие информации на картинке. Вот несколько выводов, которые были получены в результате экспериментов, а также примеры инфографик и их восприятия периферическим зрением.

1. Монохромные элементы

Когда вы бросаете один взгляд на картинку (см. фрагмент инфографики ниже), не вся она воспринимается четко. Например, если вы смотрите на кленовый листочек в центре, некоторые элементы дизайна видны достаточно хорошо: коричневые окна, зеленый текст (прочитать не получается, но, по крайней мере, вы знаете, что он там есть), маленькие оранжевые окошки.

листочки четкие

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

листочки нечеткие

Делаем вывод: монохромные постоянные конструкции, вроде коричневых окон, хорошо просматриваются периферическим зрением, а небольшие украшения совершенно не видны.

2. Связанные графические элементы

На рисунке ниже видно, как воспринимаются графические элементы. Если обратить внимание на концентрические круги, все они просматриваются четко. Не менее четко видны четыре цветных элемента в виде листочков с процентами и оранжевый баннер под ними.

человечки

Человеческие фигуры расположены ближе к точке концентрации, но они просматриваются хуже, чем оранжевый баннер. Это происходит потому, что баннер более простой формы и одного цвета.

Таким образом, четкие и простые фигуры, расположенные близко друг к другу, просматриваются гораздо лучше.

3. Эффект квадратного логотипа

Если смотреть на цифру 50 000 в центре графики, все остальные прямоугольные графические элементы просматриваются отлично, как и размеры зарплаты над ними.

столбики с зарплатой

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

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

  1. В инфографике должны преобладать цельные, большие и однотонные элементы.
  2. Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
  3. Создайте «якорь» — часть элемента инфографики, которая делает его заметным и понятным.
  4. Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
  5. Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.

Онлайн-ресурсы для создания инфографики

Вот 7 онлайн-ресурсов, которые помогут создать инфографику для разных целей. Некоторые из них требуют регистрации, другие позволяют пропустить этот момент. Есть сервисы с платной версией pro или полностью бесплатные варианты. Выбирайте, тестируйте и создавайте свою инфографику.

Vizualize.me

Этот ресурс подойдет тем, кто хочет создать оригинальное резюме в формате инфографики на LinkedIn.

vizualize.me

Piktochart

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

piktochart.com

easel.ly

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

easel.ly

Visual.ly

Этот сервис поможет вам создать инфографику, даже если вы не обладаете навыками дизайнера или аналитика. Кроме того, здесь можно смотреть и оценивать инфографику других пользователей.

create.visual.ly

Infogr.am

infogram

Здесь достаточно просто сделать как статичную, так и интерактивную инфографику. Загружаете свою информацию, используете онлайн-инструменты и создаете привлекательную, полностью готовую инфографику за несколько минут.

infogr.am

Venngage

venngage

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

venngage.com

iCharts

ichat

Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.

icharts.net

Если у вас есть свои любимые инструменты для создания инфографики, просьба поделиться в комментариях.

Обложка: Pixel Fantasy/Flickr.com
Источник: Blog.bufferapp.com
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

10 пар зимней обуви с хорошими скидками на «чёрной пятнице»

10 пар зимней обуви с хорошими скидками на «чёрной пятнице»

постельное белье

21 комплект постельного белья, который преобразит вашу спальню

Roborock Q5 Pro

Надо брать: робот-пылесос Roborock Q5 Pro со скидкой 76%

Гидравлический домкрат с высоким рейтингом отдают со скидкой 35% на AliExpress

Гидравлический домкрат с высоким рейтингом отдают со скидкой 35% на AliExpress

23 нарядных платья, которые можно надеть на новогодний корпоратив

23 нарядных платья, которые можно надеть на новогодний корпоратив

10 рюкзаков для ноутбука, которые не боятся мокрого снега и дождя

10 рюкзаков для ноутбука, которые не боятся мокрого снега и дождя

5 милых мягких игрушек для тех, кто любит мультфильмы Хаяо Миядзаки

5 милых мягких игрушек для тех, кто любит мультфильмы Хаяо Миядзаки

Самый популярный компрессор от Baseus отдают за полцены

Самый популярный компрессор от Baseus отдают за полцены

Это интересно
Не просто плохое настроение: 6 фактов о депрессии, которые нужно знать каждому

Не просто плохое настроение: 6 фактов о депрессии, которые нужно знать каждому

В России запустили производство вакцины от вируса папилломы человека полного цикла

В России запустили производство вакцины от вируса папилломы человека полного цикла

8 умных гаджетов для дома, которые делают быт проще и уютнее

8 умных гаджетов для дома, которые делают быт проще и уютнее

Новые киберловушки: мошенники атакуют россиян через QR-коды, NFC и умные гаджеты

Новые киберловушки: мошенники атакуют россиян через QR-коды, NFC и умные гаджеты

Комментарии
Andrey Zharkevich
03.06.14 14:49
Очень полезно! Спасибо!
Максим Воржиха
03.06.14 15:00
Мне кажется ценность инфографики сильно преувеличена, или все, что я встречал было сделано просто некачественно, в том числе и на этом сайте. Хотя, может быть, мне встречались исключительно неинтересные темы, не запомнил ни одну картинку. Вру, вспомнил ловушку для комаров.
Anton Geer
03.06.14 22:19
Очень ценно, спасибо! Кстати, у ваших друзей из МИФа нету, случайно, литературы на эту тему?)
Владимир Черных
04.06.14 15:21
автор, славься в веках!
Elena Greencha
12.06.14 03:05
Спасибо! Полезная статья.
Tanja Belecka
19.02.16 17:33
спасибо! очень помогло
Что вы могли пропустить
Huawei увеличит автономность смартфонов Mate 80 до 14 дней
Huawei увеличит автономность смартфонов Mate 80 до 14 дней
0
Вчера
Новости
Устройства
Бюджетные MacBook, iPhone и iPad выйдут в начале 2026 года
Бюджетные MacBook, iPhone и iPad выйдут в начале 2026 года
0
Вчера
Новости
Устройства
iPhone 11 и ещё три модели Apple: названы самые популярные смартфоны у россиян
iPhone 11 и ещё три модели Apple: названы самые популярные смартфоны у россиян
0
Вчера
Новости
Устройства
На Android вышло приложение, открывающее доступ к главным функциям AirPods
На Android вышло приложение, открывающее доступ к главным функциям AirPods
0
Вчера
Android
Новости
11 удобных приложений для заметок на Android и iOS
11 удобных приложений для заметок на Android и iOS
0
Вчера
Ликбез
Технологии
ИИ-браузер Comet от Perplexity вышел на Android — с голосовым режимом
ИИ-браузер Comet от Perplexity вышел на Android — с голосовым режимом
0
Вчера
Android
Браузеры
AirDrop теперь и на Android: смартфоны Pixel 10 научились отправлять и получать файлы с iPhone
AirDrop теперь и на Android: смартфоны Pixel 10 научились отправлять и получать файлы с iPhone
0
Вчера
Android
Новости
Google представила Nano Banana Pro — улучшенную модель генерации изображений на базе Gemini 3 Pro
Google представила Nano Banana Pro — улучшенную модель генерации изображений на базе Gemini 3 Pro
0
Вчера
Веб-сервисы
Новости
Представлен игровой планшет OneXPlayer Super X с AMOLED‑дисплеем и встроенной подставкой
Представлен игровой планшет OneXPlayer Super X с AMOLED‑дисплеем и встроенной подставкой
0
20 ноября
Новости
Устройства
В браузере Chrome наконец-то появились вертикальные вкладки
В браузере Chrome наконец-то появились вертикальные вкладки
0
20 ноября
Браузеры
Новости
Ayaneo показала вертикальную ретро-консоль Pocket Vert со скрытым тачпадом
Ayaneo показала вертикальную ретро-консоль Pocket Vert со скрытым тачпадом
0
20 ноября
Новости
Устройства
Представлен домашний робот Memo — он собирает носки, убирает грязную посуду и варит эспрессо
Представлен домашний робот Memo — он собирает носки, убирает грязную посуду и варит эспрессо
0
20 ноября
Новости
Технологии
В приложении YouTube появится встроенный мессенджер для обмена видео
В приложении YouTube появится встроенный мессенджер для обмена видео
0
20 ноября
Новости
Технологии
Представлен стандарт Zigbee 4.0: он позволяет смартфонам управлять «умным домом» без хаба
Представлен стандарт Zigbee 4.0: он позволяет смартфонам управлять «умным домом» без хаба
0
20 ноября
Новости
Технологии
Honor представила Watch X5 — доступные смарт-часы с GPS, водозащитой и автономностью 14 дней
Honor представила Watch X5 — доступные смарт-часы с GPS, водозащитой и автономностью 14 дней
0
20 ноября
Новости
Устройства

Новые комментарии

Аватар автора комментария
Juri G7 часов назад

0 / 0

Про подвижность бактерий это вы конечно интересно придумали, на самом деле бактерии не живут в воздухе, а находиться в каплях распыленных в нем, больше капель - больше возможностей для бактерий. Что происходит в сухом воздухе - естественная защита человека перестает работать, нос пересыхает, и уже не способен улавливать бактерии.
11 простых и эффективных способов увлажнить воздух в квартире
Аватар автора комментария
Anatoly Maximenko8 часов назад

0 / 0

У себя в машине держу: МСЛ в чехле; фонарь Маг Лайт на 4 батарейки (и свет, и средство активной обороны); мачете "Тайга"; фал 15 метров с карабином; 2 пледа флисовых; три бутылки по 0,5 воды; несколько батончиков типа "Сникерс" + козинаки; пачка жвачек; пачка влажных салфеток; печка-"щепоточница" с табл. сухого спирта, зажигалка; кружка-термос с подогревом от прикуривателя; туристический набор (нож, пила, топорик).
В Сети обсуждают, какие вещи нужно всегда держать в машине. Вот 10 вариантов
Аватар автора комментария
Ноу нейм8 часов назад

0 / 0

Это вы как определили? С каждым ознакомились, протестировали и поняли, что они все тяжеловаты?
10 рюкзаков для ноутбука, которые не боятся мокрого снега и дождя
Аватар автора комментария
Shamil Shakirov8 часов назад

0 / 0

Изображение
WhatTheFont — приложение для поиска шрифтов с картинок
Пазл жизни: что нужно знать о донорстве костного мозга

Пазл жизни: что нужно знать о донорстве костного мозга

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииДля начинающих авторовО компании
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях