Тема: Примеры визуализации 10
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Со вкусом яблок
С тех пор, как Стив Джобс анонсировал второй iPad, в агентстве Infographer нет-нет да и слышится чей-то очередной вздох по этому чудо-устройству. Я даже не удержался, и немного визуализировал сложившуюся ситуацию.
Одним словом, темой нашего разговора сегодня будет инфографика «об одной известной фруктовой компании»
И начну я со старой рекламы Apple еще 1983 года выпуска. Она называлась Inside Apple. Это, конечно, не информационная визуализация, но она очень притягивает взгляд и дает повод поизучать картинку.
Очень детальная иллюстрация, которая давала покупателю в 80-е полное представление о начинке его будущей аппаратуры. Из особенностей этой графики стоит упомянуть то, что она сделана вручную. Никаких вам Фотошопов и Иллюстраторов, только опыт, мастерство художника, некоторое количество чертежей устройства и один разобранный принтер Apple.
Следующая работа — 1984 года выпуска, сделанная с неменьшей любовью к деталям. Огромная статья в журнале Newsweek о новых компьютерах Macintosh. Ещё ярче, ещё детальнее. Мы с нашим дизайнером разглядывали эту графику минут 15, восхищаясь вниманием к деталям.
А теперь для сравнения приведу современные рекламные материалы, которые знакомят покупателя с очередным устройством Apple.
Никаких разрезов. Только яркие сравнения и информация-информация-информация. Интересная прослеживается тенденция: поколение назад, людям было интересно, что находится внутри того или иного устройства. Сейчас же — цифры о мощности, производительности, размерах…Везде цифры.
Ну и если уж мы заговорили о цифрах, то вот вам еще одна достаточно полезная и интересная инфографика.
Выводы достаточно очевидны и напрашиваются сами собой: в современном мире доминирует тенденция к упрощению, максимальному сжатию даже визуальной информации. И вот, пожалуй, самая отличная этому иллюстрация:
И рекомендуем посетить наш дружественный ресурс AppleLife
Легенда в основе композиции
Продолжаю серию о размещении легенды и подписей данных (первый пост по этой теме здесь).
50 самых популярных шрифтов мира от Shelby White
Эта инфографика включает в себя только «западные» шрифты и уж конечно без кирилицы, тем не менее заслуживает внимания. Примерно половина была создана в Европе и вторая половина в Северной Америке.
Для нас интересны 2 наблюдения:
- круговая структура (беспроигрышна в визуальном плане)
- композиция задается подписями данных (год создания, имя автора и т.д.)
Инфографика киносюжетов
Уже почти классика — инфографика по мотивам «Властелина колец». Взяты все сюжетные линии, все герои, движущиеся дабы завладеть кольцом. Эти линии идут в одном направлении и периодически пересекаются. Вообщем весь фильм разложили по полочкам. Задаюсь вопросом — как же глубоко надо знать сюжет! Но видимо фанатам Толкиена и не такое доступно.
В голове мелькает аналогия с картой «нашествие Наполеона на Россию«, только здесь домой не вернулись Орки (черная жирная линия).
А чуть позже эта классика начала дополняться другими сюжетами: Звездные войны и т.д. Позабавила шутка про «12 Angree Man», весь фильм сидящих в одном помещении. И жалко, что не знаю фильм «Primer» — сюжет у него явно не из простых.
А самый большой всплеск вызвала новинка — фильм «Начало. Inception» с ДиКаприо. Посмотрела и поняла что без бутылки инфографики в вопросе не разобраться — ниже аж 3 работы, вдохновленные кино шедевром. Так что скоро не останется сфер, про которые я бы могла сказать: «здесь инфографика невозможна». Продолжить чтение →
США, история президентства
Это — крупноформатный постер об американской истории и смене президентов. Каждый из президентов помещен в исторический контекст происходивших социальных и экономических изменений в стране. Смена людей происходит на фоне изменения бюджета страны, размера населения, вообщем связывает все факты воедино.
Мне нравятся несколько технических находок, например срок президентства отражен в высоте шрифта в имени президента.
И как изящно оформлена легенда
Как легко прошла победа — смена президентов показана в деталях, с рейтингами остальных кандидатов и голосами штатов
Вот эта история не работает, во всяком случае я не догоняю что хотели сказать:
И теперь целиком, кликайте, чтобы перейти на оригинал:
А между тем, Infographer упаковал чемоданы и уехал в Лондон на Information Visualization 2010 — скоро будут репортажи.
8 периодических таблиц. Таблица Менделеева — тоже инфографика?
Буду утверждать что ДА — инфографика!
Использованы все типичные приемы — кодирование цветом, разные шрифты для разных групп, взаимное расположение элементов и т.д. И главное — она не дает покоя нашим современникам и принцип пытаются повторить, на ее основе сделана известная периодическая таблица шрифтов.
Публикую подборку периодических таблиц:
- начнем с первоисточника,
- потом — его поздние модификации (где элементы еще и представлены картинками — смотрите как задача решена с газами — очень интересно, светящимися шрифтами)
- и все что появилось «по мотивам» химических элементов — таблица шрифтов и видов пива, таблица умений супер героев и операторов в языке программирования
- и под занавес — таблица способов визуализации
Периодическая таблица химических элементов Менделеева
Периодическая таблица Менделеева, модифицированная 1
Таблица Менделеева, модифицированная 2
И теперь уходим от химии:
Периодическая таблица шрифтов
Периодическая таблица операторов в Perl
Периодическая таблица видов пива
Периодическая таблица умений супер-героев
Ну и периодизация всех возможных способов визуализации:
Теблица способов и видов визуализации информации
Что вам приходит по почте?
Продолжаю настаивать, что bar chart — это самая благодатная для визуализации форма. Самая простая, можно сказать что банальная, но считывается привычно и легко.
2009: избранное
Решила подвести итоги 2009 года. Просмотрела статистику визитов и на основе нее публикую список «Инфографика. Лучшее в 2009 году», читательский рейтинг статей:
Раздел «Книжная полка»
- Индийские практики визуализации …Kirti Trivedi: Задача инфографера — найти форму, которая будет отражением происходящего…
- Как создавать DashBoard’ы которыми люди любят пользоваться? …агентство Juice analytics подготовило гайд о правилах создания «Приборных панелей». Все правила не теоретичны, а выведены из их личного опыта…
- Эдвар Тафти. Фактор лжи …«Lie Factor», индекс, анализирующий правдивость показанной информации, предложен еще 1991 году. Хорошая проверка для каждого дизайнерского шедевра…
Раздел «Инструменты»
- Prezi — альтернатива Power Point …cтруктура презентации, диктуемая Power Point не соответствует логике человеческого восприятия. Пытаясь разобраться в вопросе, человек никогда не движется по информации линейно…
- Классификация графиков и их назначение …Набор инструментов визуализации достаточно обширен — от простейших линейных графиков до сложных отображений множества связей. Разбить их можно на несколько типов…
- Нано-чарты и микро-графики …мини-графики, аккуратно встроенные прямо в ячейки экселя…
- Dash Board / Score Card …это регулярный сжатый (одностраничный) отчет, четко показывающий все операционные результаты компании…
Раздел «Примеры визуализации»
- Символы и пиктограммы …Благодаря умению мыслить абстрактно, человек может воспринять нестандартные символы (конечно в меру), поэтому Ruedi Baur сделал вывод, что немного кретива пиктограммам не повредит…
- Все о кукурузе …начинаю видеть, что здесь запрятано очень много информации…
- Резюме настоящего инфографера …так должно выглядеть резюме человека, профессионально занимающегося инфографикой…
- Флаг чарт …Когда мы пишем отчет о деятельности компании, мы используем ее фирменный стиль. А когда мы делаем отчет об экономическом развитии страны, почему бы не использовать ее символику?…
Желаю всем (и себе тоже) продуктивного 2010!
Праздничная индейка
Продолжаем предновогоднюю тематику. Эта инфографика, конечно, была сделана ко Дню Благодарения, но мы опустим эти подробности — в Рождество она тоже актуальна.
В целом, подход очень стандартный и от этого скучный: в центре листа картинка (основной виновник), а вокруг раскидана всевозможная статистика. В одном из предыдущих постов про кукурузу логика построения была такой же, но исполнение было в разы лучше и все цифры были «вписаны» в кукурузный початок.
Могли бы тушку на части поделить как Pie Chart ))
Найдено на www.mint.com
Новогодняя инфографика
Настало время поздравить всех с наступающими праздниками!
Желаю всем больших успехов, самореализации и простого человеческого счастья.
Обычная елочка была бы тут не уместна, поэтому останусь верна профессиональной тематике — публикую несколько Рождественских работ:
1 — Один из плакатов европейской образовательной компании «Пейте молоко». Говорит о том, что молоко содержит кальций, а люди с недостатком кальция имеют хрупкие кости. Поэтому они боятся подниматься высоко, чтобы вдруг не упасть.
Генеалогические деревья
Такое генеалогическое дерево с удовольствием можно вешать на стенку, особенно красивое в виде птицы.
