Сайты с инфографикой: 17 лучших сайтов — Блог о визуальной грамотности – 7 примеров + ТОП-6 сервисов

17 лучших сайтов — Блог о визуальной грамотности

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

Для понимания особенностей графическом представлении информации изучайте работы профессионалов. Смотрите, как представляют разные типы информации, какие приемы, цвета, шрифты используют мастера, как изданию удается создать свой стиль (например, графики «Коммерсанта» с первого взгляда отличаются от графиков «РИА Новости»). Это поможет развить вкус и чутье информационного дизайнера. Подборка хороших ресурсов и разделов инфографики ведущих новостных изданий.

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

Актуальные общественно-политические события, статистика, исследования, рейтинги — объектом визуализации становится то, что связано с новостями (российскими и мировыми). Команда дизайнеров издания участвует и побеждает в международных конкурсах информационного дизайна. Пример 2018 года: победа в www.informationisbeautifulawards.com с инфографикой о спутниках.

Еще один новостной портал, активно использующий графическое представление данных. Отличие от РИА Новости — кроме экономики и политики часто встречаются более прикладные (не всегда глобальные) объекты визуализации, например, «Чем отличается женская интуиция?», «Как проходить обследование…?», «Путеводитель по женским прическам» и др. Заслуживает внимание серия «Особые приметы» — портреты знаменитых людей, типов людей с наиболее характерными чертами.

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

Кроме новостных (экономика, политика, общество) материалов содержит информационные, популярные материалы, например, «Как бороться с эмоциональным выгоранием» (источник: tass.ru/infographics):

Раздел инфографики известного новостного ресурса содержит материалы по самым разным темам в повестке дня.

Короткие ролики «Россия и мир в цифрах» (до 1 минуты) рассказывают в виде «ожившей» инфографики о разных социально-политических и экономических явлениях и событиях. Можно смотреть на сайте либо подписаться на официальный канал на Youtube. Всего создано около 1 тыс роликов.

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

Изображения доступны для скачивания в хорошем качестве. Пример: infographics.wciom.ru.

Фонд общественного мнения содержит результаты опросов и исследований: политические, социологические вопросы, предпочтения, оценки и др. Менее удобная навигация по каталогу инфографики и более неформальный стиль оформления.

Фрагмент инфографики ФОМ: fom.ru/TSennosti

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

21 инфографика 2012-2013 годов на научно-популярные темы — приложения к статьям. Например, «Как устроен микропроцессор» и «Как работают швейцарские часы» и др.

---

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

Компания visual.ly создает все возможные типы визуализации, а также работает с фрилансерами и свободными дизайнерами. Ссылка в заголовке приведет вас на страницу работ сообщества — все, чем поделились инфограферы со всего мира. Под главным изображением есть фильтр, выберите «Filter by: Infographic + Staff Picks» и смотрите графику, отобранную специалистами компании — лучшую из лучших. 

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

«Узнавай что-нибудь новое каждый день», — таков девиз создателей сайта. Они отбирают лучшую инфографику в сети, дополняют текстами. Более 20-ти категорий и самые разные работы из англоязычного интернета (не всегда на 100% идеальные, но всегда новые и интересные). 

Авторский сайт инфодизайнера, преподавателя и писателя Рэнди Крума — с 2007 года он собирает выдающиеся примеры инфографики и визуализации онлайн, из журналов и газет.

Формы крыльев. Источник: coolinfographics.com

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

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

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Похожее

Лучшие блоги и сайты об инфографике

DailyTakk сделали большую подборку инструментов и ресурсов для инфографики.

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

Соотношение дизайна и информации.

Понимание сложных вопросов с помощью данных и дизайна.

Ресурс с визуализациями сложных сетей.

Новая инфографика каждый день.

Секция инфографики GOOD Magazine.

Идеи, проблемы, знания, данные — визуализация всего.

Серия инфографики от Fast Company.

Дизайнеры и ученые, которые визуализируют данные.

Журналистика данных от Guardian.

Визуальная библиотека с инфографикой.

Все об инфографике.

Видеоинфографика.

Новости и информация о визуализации данных.

80% новостей в инфографике.

Визуализация и визуальные коммуникации.

Ресурс с инфографикой.

Делитесь и оценивайте инфографику.

Подборка инфографики и визуализации.

Tumblr-блог о графиках.

Блог с инфографикой.

Примеры интересной инфографики.

Для тех, кто любит инфографику.

34 Великолепных примера инфографики, раскрывающих мир социальных медиа / Habr

Оригинальное название: 34 Stunning Infographics To Understand The World Of Social Media

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

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

* Инфографика как всегда хороша тем, что прочитав заголовок, сама графика понятна и без знания языка, смотрим!

Приятного просмотра! Материал в самый раз для выходных.

По ссылкам большие варианты и более полные чарты в некоторых случаях

Social Media Brandsphere
Социальные медиа происходящего вокруг брендов

Are Facebook Users More Trusting?
Пользователи фейсбук более доверчивы?

Social Media and College Admissions
Социальные медиа и прием в колледж

Real Estate Professionals & Social Media Infographic
Профессиональные риэлторы и инфографика социальных медиа

Visualizing 6 Years of Facebook
Визуализация 6 лет фейсбук’а

Building a Company With Social Media
Построение компании с социальными медиа

Airlines: The Future of Loyalty is Social

Twitter Perceptions of Google Buzz Over Time
Восприятие Google Buzz’a в твиттере

The Social Media Effect
Эффект социальных медиа

Age Distribution Per Site
Распределение возрастных категорий на сайтах

Google Facts and Figures
Google, факты и люди

How The World Spends Its Time Online
Как люди в мире проводят свое время в сети

Twitter Users Profile
Типы людей в твиттере:
новичек, бренд, smore?m, с*чка, эксперт, авторитет

Google Vs Facebook

10 Levels of Intimacy in Today’s Communication

10 способов связи в современных коммуникациях

Social Marketing Compass
Компас социальных медиа

Balance Your Media Diet
Баланс в Вашей медиа-диете

Twitter Territory
Территория твиттера (* в США)

The Hierarchy of Digital Distractions
«Иерархия цифровых раздражителей»

Word of Mouth Visualized

Social Web Reputation Management Cycles
Этапы/Циклы развития репутации в социальных медиа

The Life Cycle of a Blog Post, From Servers to Spiders to Suits
Жизненный цикл поста в блоге, от серверов к поисковым паукам и вашим читателям

Facebook, Social Media Juggernaut
Фейсбук, тяжеловес в социальных медиа

China’s Social Media Map
Карта социальных медиа в Китае

Conversation Prism
Призма общения

Inside the Political Twittersphere
Внутри политической твиттеросферы

Popular Site Demographics
Демография популярных сайтов

Twitter’s Meteoric Rise Compared to Facebook
Взлет твиттера в сравнение с фейсбук’ом

The Boom of Social Sites
Бум социальных сайтов

Web Trend Map

Most Viral Brand of 2010
Лучший вирусных бренд 2010 года
* в семье не без урода? в инфографике кажется да, но не вырывать же из статьи

The New Marketing Trifecta

Трифекта нового маркетинга

Social Media: Facts and Figures for B2B Sales
Социальные медиа: Факты и фигуры B2B продаж

The Revised Social Media Effect
«Пересмотренный» эффект социальных медиа

* Спасибо за «чтение»!

9 лучших анимированных инфографик с просторов интернета

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

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

1. Как сделать человека?

Автор этой замечательно работы — Элеанора Лутц.

2. 42 бабочки Северной Америки

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

3. Как добывают сланцевый газ?

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

Работы отличаются великолепным дизайном. Но что самое важное, содержание также находится на очень высоком уровне. Информация представлена настолько подробно, что эти ролики могли легко сойти за обучающие видео. Ничего удивительно, что работа, представленная выше, набрала на YouTube 1,7 млн. просмотров и 3790 комментариев.

4. Как работает громкоговоритель?

Как работает громкоговоритель

Яков О’Нил — таланливый дизайнер-инфографист, который в какой-то степени можно сказать, что монополизировал рынок гиф-анимации. У него есть целый сайт, посвященный этой теме.

Полную версию инфографики выше можно посмотреть по ссылке — How Speakers Make Sound.

5. Как работает автомобильный двигатель?

Как работает автомобильный двигатель

Еще одна замечательная работа Якова О’Нила, доказывающая, что зацикленная анимация смотрится очень эффектно.

6. Взросление

Потрясающее сочетание рассказа ребенка с рисованной анимацией, которое на 2 минуты приковывает внимание к экранам монитора. Великолепная анимация и потрясающий дизайн.

7. Не забудьте кликнуть по анимированной инфографике

 

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

8. Как едят артишоки?

Как едят артишоки

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

9. 30 лет музыки за 30 секунд

30 лет музыки за 30 секунд

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

Как устроена инфографика: 5 важных деталей

Нина Белая, выпускница программы «Инфографика: искусство презентации данных», написала специально для «Нетологии» колонку о том, как упростить себе жизнь, работая над инфографикой.

---

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

Работа над инфографикой

Таблица Эксель, которую перевели в вид диаграммы — это визуализация информации, но еще не инфографика. Она складывается из трех вещей:

• данные;
• история;
• форма \ подача.

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

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

---

Хорошая история должна быть понятной и в логике зрителя

---

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

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

40 000 страниц текста. Придумать историю и отсечь лишнее

Чтобы история получилась, надо определить две вещи — для кого и зачем ты ее рассказываешь. Например, у меня была задача собрать познавательную инфографику про космос для «широкого круга читателей». Это ответ на вопрос: «для кого работаем». Цель — развлечь и дать немного полезных знаний.

Следующий шаг — это поиск нужных данных и статистики. Проблема в том, что найти в открытых источниках эти материалы бывает сложно. Можно брать результаты исследований с сайтов Левада-Центр, ФОМ, Росстат. Еще удобно пользоваться специальным поиском в Гугл. Я искала всеми этими способами и получила 20 листов А4 одного только текста. А ведь были еще схемы, графики и иллюстрации.

Специальный поиск в Google

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

---

Инфографика — это сюжет. Нашел историю — выбирай главное и отсекай лишнее

---

Авторское право: где брать изображения для своей инфографики

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

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

Еще фотографии можно брать со стоков — это хранилища платных и бесплатных изображений. Конечно, уникальной картинки там не найти, но это способ решить проблему иллюстрирования работы без воровства. Самые известные ресурсы: Shutterstock, Gettyimage, Freeimages и другие.

Иконки я искала на Noun Project. Когда скачиваете символ, вам предлагают два варианта: либо забираете иконку бесплатно и используете только в творческих целях, либо покупаете для коммерческих проектов.

Одна иконка стоит 2 доллара, месячная подписка на все коллекции — 4 доллара, или можно купить доступ на год за 40. За эти деньги вы получаете лицензию типа Royalty-Free. Это значит, что иконку нельзя использовать в логотипе или выдать за свою работу, но вы можете изменять ее вид и вставлять в разные проекты без ограничений.

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

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

Лицензия с минимальными ограничениями это Creative Commons: CC-BY. Она позволяет использовать чужую работу как угодно при условии, что вы указываете авторство.

---

Воровать плохо. Пишите авторам, пользуйтесь стоками или покупайте права

---

Онлайн инструменты

Когда данные собраны и придумана история, можно подумать о форме. Многие сервисы позволяют создать инфографику онлайн в три клика. Например, Piktochart. Бесплатно доступны несколько шаблонов — в них вы упакуете свои цифры и тексты. Такую работу можно вставить в презентацию или блог.

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

Создать аккуратную карту легко получается в Пиксельмап. Выбираете нужную территорию, настраиваете цвета, добавляете свои данные. Готовую визуализацию можно забрать и в виде HTML-кода, и обычным изображением. Существуют другие сайты и сервисы, всегда можно выбрать тот, который больше нравится и лучше решает задачу.

Где публикуют инфографику

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

---

Любая статистика, политические и общественные события могут быть отражены в инфографике

---

Хороший пример — это президентские выборы в США. Даже если вы не следите за новостями, сложно увернуться от заголовков и графических работ об этом. Сильнейшие зарубежные студии инфографики работают в The New York Times, Bloomberg, The Washington Post, The Guardian.

Примеры классной инфографики:

• подборка 16 работ, которые сделала редакция The Washington Post в 2016 году.
• интересная инфографика на панорамном фото о том, как Усейн Болт выиграл свое «золото».

• работы информационного агентства ТАСС.
• лонгрид о Пушкине и его последней дуэли, где есть интерактивная инфографика

Хорошие работы полезны тем, что в них можно подсмотреть решения для своих проектов. Я стараюсь понять, что сделано хорошо и что можно было бы улучшить в тех примерах, которые вижу. Если работа чем-то вам интересна, это повод изучить ее внимательнее.

---

Чем больше хороших работ вы смотрите, тем лучше

---

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

Источник: spark.ru

9 полезных блогов об инфографике

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

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

Cool Infographics

Популярный блог о визуализации с отличными примерами инфографики не только из интернета, но и из различных журналов, газет и онлайн-СМИ.

Daily Infographic

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

Chart Porn

Здесь помимо классической инфографики есть еще чарты, схемы, графики и другие форматы визуальной интерпретации данных. А еще тут очень широкий спектр тематических инфографик – от политики до дизайна и экономики. Помимо обычных сайтов и работ дизайнеров-энтузиастов в этом блоге публикуют инфографику из New York Times и Wall Street Journal.

Visual Complexity

Свыше 700 инфографик и графических примеров из разных источников. Еще есть научный разбор того, как создается и сортируется разная информация в процессе отрисовки схем, графиков и чартов.

Submit Infographics

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

Information Aesthetics

Много профессиональных дизайнерских работ в области инфографики.

Flowing Data

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

Column Five Media

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

All Top Top Infographics News

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