МедиаПрофи - mediaprofi.org

Москва 12:58 GMT +3 Среда 24-05-2017
USD 56.5552 0.056399999999996 ↑
EUR 63.6189 0.44759999999999 ↑
+14˚C (днем +17˚C, ночью +10˚C)
Ветрено, переменная облачность

Как отличить хорошую инфографику от мазни на заборе

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

 Но этого оказалось мало. Инфографике придумали штук 20 критериев, которые делают ее «идеальной». Одним словом, размазали смысл, как только могли. Поэтому вроде как к инфографике нельзя придраться, всё равно можно найти доказательства, что нарисованный лось с выносками «голова», «копытце» и «хвост» — тоже инфографичен.

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

 Часть примеров — из журнала «Инфографика», спасибо им за труд.

 Исследование и повествование — равноценны

 Это два полярных подхода к инфографике. Первый предложил статистик Эдвард Тафти, второй — дизайнер Найгел Холмс. Первый назвал свою инфографику «исследовательской» (слово explorative гораздо точнее подходит, как нам кажется). Второй окрестил свою «повествовательной» (narrative).

 Отличить их нетрудно

b_58c2476c02b61.jpg

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

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

 Просто о сложном

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

b_58c2476c4ea0e.jpg

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

 Баланс графики и информации

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

b_58c2476c98256.jpg

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

 Легко воспринимать

 Инфографика для ленивых. Она должна быть понятна как на «общем плане», так и при детальном рассмотрении.

b_58c2476ce88e2.jpg

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

 Нет бессмысленного декора

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

b_58c2476d3db16.jpg

 Каждый дизайнер должен постоянно спрашивать себя: «зачем?». Особенно перед тем, как нарисовать очередной завиток на инфографике.

 Инфографика живет и без текста

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

 Этот пункт стоит разобрать чуть подробнее. Выберем случайную картинку из интернета по запросу «инфографика»: 

b_58c2476d91a65.jpg

 Здесь используется один из приемов инфографики — противопоставление. В левой части мы видим преимущества от работы в компании, в правой — в компании конкурента.

 Если убрать с картинки весь текст, то получится вот так: 

b_58c2476ddbefa.jpg

 Уловить смысл теперь практически невозможно, иллюстрации недостаточно «говорящие». Более того — левая и правая часть почти не отличаются. Вывод: это не инфографика, а иллюстрированный текст.

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

b_58c2476e2719c.jpg

 Если убрать все тексты, то инфографика практически не потеряет в смысловой нагрузке — всё потому, что ключевые данные визуализированы, а второстепенные просто добавлены текстом:

 

b_58c2476e660c4.jpg

 Даже если бы мы убрали числа — остались бы «капельки» и можно было бы сравнить, на что воды уходит больше, а на что меньше. А это уже инфографика.

 Итого

 Вычислить настоящую инфографику несложно. Ее признаки:

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

  • Она балансирует между эстетикой и смыслом. Если картинка детализирована до последнего штришка — она должна нести много информации. Если информации мало — достаточно простой визуализации.
  • Ее легко воспринимать. Даже при беглом осмотре понятен как общий смысл, так и значение мелких элементов.
  • В ней нет дизайна ради дизайна. Где-то писали, что одним из критериев хорошей инфографики является «красота». Буллщит, господа. Дизайн решает задачи, а не любуется сам собой — это справедливо для любой области его применения, для инфографики в том числе.
  • Инфографика живет и без текстов. Конечно, всё зависит от ее типа, но универсальный тест (убрать тексты и посмотреть, что вышло), никто не отменял.

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

 Так, например, мы сделали Dataface — почитайте историю создания, если интересно. 

b_58c2476f1ee60.jpg

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

 Бонус

 За последние лет 5 инфографика набрала популярность, потом уронила эту популярность, а сейчас возвращается — в виде анимированной и интерактивной инфографики.

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

 Easel.ly

b_58c2476fd7e5c.jpg

 Понятный редактор инфографики с библиотекой готовых элементов. Каждый можно настроить и отредактировать под себя.

 Piktochart

b_58c2477088297.jpg

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

 Infogr.am

b_58c2477148a8a.jpg

 Сервис для создания интерактивных диаграмм и графиков. Результат можно расшаривать в соцсетях и вставлять на сайт.

 PowToon

b_58c24771dc055.jpg

 Инструмент для создания видео-инфографики. Есть анимированные ролики с декорациями и персонажи.

Источник: текст и фото ADN Digital Studio ADN Digital Studio, spark.ru

 

Оцените материал
(0 голосов)
Авторизуйтесь, чтобы получить возможность оставлять комментарии

Новости

Дни рождения

  • Сегодня
  • Завтра
  • На неделю
24 мая Алена Вугельман

директор информационного вещания «Четвертого канала» (г. Екатеринбург)

24 мая Мария Журавлёва

редактор и ведущая программы "Ценные новости" на «Четвертом канале» (г. Екатеринбург)

24 мая Ксения Алферова

актриса театра и  кино, телеведущая

24 мая Вера Кичанова

журналист

25 мая Александр Павлов

начальник службы по связям с общественностью канала «ТВ Центр»

25 мая Александр Гуревич

главный продюсер телеканала «Бибигон» и телеведущий канала «Россия»

25 мая Нина Зверева

директор учебного центра кинокомпании «Амедиа», директор Российского Центра подготовки работников региональных телевизионных компаний «Практика» (г. Нижний Новгород), член Академии Российского телевидения

25 мая Мелани Бачина

продюсер новостей, ведущая канала «ТВ-2» (г. Томск), член Академии Российского телевидения

24 мая Алена Вугельман

директор информационного вещания «Четвертого канала» (г. Екатеринбург)

24 мая Мария Журавлёва

редактор и ведущая программы "Ценные новости" на «Четвертом канале» (г. Екатеринбург)

24 мая Ксения Алферова

актриса театра и  кино, телеведущая

24 мая Вера Кичанова

журналист

25 мая Александр Павлов

начальник службы по связям с общественностью канала «ТВ Центр»

25 мая Александр Гуревич

главный продюсер телеканала «Бибигон» и телеведущий канала «Россия»

25 мая Нина Зверева

директор учебного центра кинокомпании «Амедиа», директор Российского Центра подготовки работников региональных телевизионных компаний «Практика» (г. Нижний Новгород), член Академии Российского телевидения

25 мая Мелани Бачина

продюсер новостей, ведущая канала «ТВ-2» (г. Томск), член Академии Российского телевидения

26 мая Аркадий Мамонтов

журналист, один из авторов программы «Специальный корреспондент» на канале «Россия 1»

26 мая Екатерина Тихомирова

президент «Европейской Медиа Группы»

26 мая Виталий Коротич

поэт, журналист, публицист, гл. редактор журнала «Огонек» в 1986– 1991 гг.

26 мая Андрей Гаврилов

корреспондент радиостанции «Эхо Москвы»

27 мая Олег Попцов

президент Евразийской академии телевидения и радио, член Академии Российского телевидения

27 мая Юлия Будинайте

заместитель главного редактора телекомпании «ВИД»

27 мая Антон Хмельков

оператор-постановщик «Телевизионной операторской компании», член Академии Российского телевидения

28 мая Татьяна Паухова

заместитель гендиректора ВГТРК, член Академии Российского телевидения

28 мая Андрей Праслов

генеральный продюсер телеканала РЕН ТВ

28 мая Харлампий Дьяконов

директор филиала ВГТРК ГТРК «Саха» (Республика Саха (Якутия)

28 мая Екатерина Серикова

директор ГТРК «Амур»

28 мая Алексей Синяев

Технический директор телеканала ТНТ в Челябинске

29 мая Иннокентий Шеремет

основатель и генеральный директор телекомпании «Телевизионное Агентство Урала» (г. Екатеринбург)

30 мая Ирена Лесневская

совладелец «Ren Media Group», издатель журнала «The New Times», академик Академии российского телевидения

30 мая Арина Шарапова

телеведущая «Первого канала»

30 мая Петр Шепотинник

автор, режиссер и ведущий программы «Кинескоп» на канале «Россия»

30 мая Аркадий Майофис

президент медиахолдинга «Томская Медиа-группа» (г. Томск)

30 мая Сергей Липатов

Председатель Совета директоров ТТК

30 мая Салихат Магадова

Программный директор российского представительства Sony Pictures Television Networks

30 мая Михаил Толкачев

Главный инженер ООО «НКС-Медиа»

30 мая Юрий Акиньшин

генеральный директор Гуманитарного фонда «Чеховский центр»

31 мая Андрей Праскурин

заместитель гендиректора ООО «НМГ-Телевидение»

31 мая Геннадий Зубанов

член Академии Российского телевидения, телеоператор-постановщик канала «ТВ Центр»

31 мая Элина Горяйнова

начальник отдела новостей телекомпании «ТВ-ИН» (Магнитогорск)

31 мая Татьяна Зубарева

Продюсер отдела "Специальный репортаж" службы информации 3 канала

31 мая Владимир Варфоломеев

первый заместитель главного редактора радиостанции «Эхо Москвы»

31 мая Александр Привалов

публицист, политолог, научный редактор журнала «Эксперт»

Мы в соц. сетях

Наша страница в Facebook Наша группа вКонтакте Наш микроблог в Twitter Наш канал на YouTube Наш блог в ЖЖ Яндекс.Метрика
© МедиаПрофи. Все права защищены.

Войти или Зарегистрироваться

Зарегистрированы в социальных сетях?

Используйте свой аккаунт в социальной сети для входа на сайт. Вы можете войти используя свой аккаунт Facebook, вКонтакте или Twitter!

Войти