Шикарная инфографика Фелтона

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

Инфографичное молочко

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

Sunday, May 5, 2013

Приложение ВКонтакте "Инфографика моих аудиозаписей"

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


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

Это приложение "Инфографика моих аудиозаписей" - открыть вы можете его здесь
http://vk.com/app3435699 

А это пример работы приложения. Очень просто и наглядно. Так что, если есть идеи сервисов - пишите ruinfographic[собачатина]gmail.com



Saturday, May 4, 2013

LATCH - 5 способов организовать информацию

LATCH - 5 способов организовать информацию, предложенные Ричардом Солом Вурменом.

Ричард Сол Вурмен - американский графический дизайнер, основатель информационной архитектуры иконференции TED.

Ричард Сол Вурмен: «Принцип LATCH (LATCH – англ. ЗАМОК). Информация может быть бесконечной, однако... Организация информации конечна, поскольку это может только быть организовано ЗАМКОМ: Местоположение, Алфавит, Время, Категория или Иерархия».

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

Alphabet (Алфавит)
Алфавит лучше всего используется, когда у Вас есть огромный объем данных. Например, слова в словаре или имена в телефоне. 

Time (Время)
Время - лучшая форма классификации для событий, которые происходят в различные интервалы. Согласование графиков для встречи - пример.Время – простая структура, в которой могут наблюдаться изменения, и производиться сравнения.

Category (Категория)
Категория - организационный тип, часто используемый для товаров и отраслей промышленности. Магазины и услуги в справочниках легко найти по категориям. 

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



Monday, July 30, 2012

45 способов визуализации и сопоставления двух величин

       Отличная статья из иностранного блога о демонстрации соотношения между двумя величинами. Статья построена на упражнении, цель которого найти все возможные способы визуализации набора данных из...двух чисел. Коллектив думал, что засядет минуток на 5, но в итоге они провели два часа в потоке креатива. Мало того, что число возможных способов визуализировать два значения гораздо выше, чем они ожидали, так и каждый вид визуализации поднял множество вопросов "за" и "против".
   
        Ниже приведен список различных способов визуализации двух чисел. В большинстве случаев визуализация напрямую зависит от выбора единицы и от контекста, соответственно это влияет на значение.
        Автор уверен, что читатели могут придумать методы визуализации, которых нет в списке (в этом случае, пожалуйста, укажите их в комментариях!).

75 and 37

1. Написание, запись чисел  
визуализация данных
Всем известные индо-арабские обозначения, под b вавилонские










2. Квадраты

визуализация данных









3. Повторяющийся значок

визуализация данных









4.  Разряды обозначаются размером квадрата
визуализация данных








5. Гистограммы

визуализация данных








6. Обычный линейный график

визуализация данных








7. Percentages bars (Процентная гистограмма)

визуализация данных








8. Spliced bar

визуализация данных








9.  Proportaion (Пропорция, количественное соотношение, доля)

визуализация данных
В этом случае одно число является долей другого










10. Интервал

визуализация данных









11. Соединенные квадраты

визуализация данных









12.  Процентное соотношение на квадратах

визуализация данных










13. Круговые диаграммы

визуализация данных









14.  Кольцевая диаграмма

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












15. Circle areas (Круговые области)

визуализация данных










16. Semi-circle areas (Полукруговые области)

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











17. Круг и внешнее кольцо

визуализация данных
(Внутренней) поверхности круга соответствует
 меньшее значение,а если добавить внешнее кольцо и
то будет 75.
Автор опрашивал людей на предмет восприятия и
услышал разные мнения.














18. Центрированные круги

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












19. Разделенный квадрат

визуализация данных
Та же проблема неоднозначности, как в 17 и 18











20. Разделенные формы

визуализация данных










21. Площадь поверхностей

визуализация данных










22. Разные размеры одной формы

визуализация данных










23. Разные размеры разных форм

визуализация данных





24. Размеры значков
визуализация данных










25. Значок высоты

визуализация данных
В данном случае это метафора и снежные шапки
не несут количественного смысла












26. Объемы

визуализация данных
a - пропорциональность высоте объекта, в отличии от b, который воспринимается труднее










27. Специальные метафоры

визуализация данных
спидометр, весы











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

PDF плакат изображения всех вариантов можно загрузить здесь .


Wednesday, July 25, 2012

Весьма крутая советская инфографика

Привет=)
Недавно я наткнулся на шикарную инфографику СССР. Самое удивительное, что она найдена в буржуйских источниках. Более того, отзывы в блогах положительные. Основные месседжи такие
"советские статистики имели более глубокое представление об инфографике, нежели их современные наследники" (полагаю имеется в виду весь мир) и
"очень хороший способ для правительства, чтобы рассказывать истории (называют это propagandaviz)"

Вся коллекция советской инфографики в пине на ruPinterest.

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

советская инфографика

Thursday, May 31, 2012

Мартин Оберхаузер: Энциклопедия Брокгауз

   
Мартин Оберхаузер
       
       Мартин Оберхаузер - дизайнер, работающий и живущей в Гамбурге (Германия). За время работы на рекламные компании и фрилансером он проникся особой страстью к визуализации сложных данных и информационному дизайну.  В 2011 году основал собственную дизайн-студию "Oberhaeuser.info". Мартин работал на таких клиентов, как Adidas, Audi, BMW, Cisco Systems, Deutsche Telekom, Infomotor, MySpace, Nokia, Nordstrom, Samsung и другие.

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

       Одна из его работ это серия инфографики для энциклопедии Брокгауза (обзор на Behance). Мартин визуализировал некоторые статистические данные о высоких горах мира, языках, развитии СМИ и др. Такие примеры инфографики показывают нам как можно красиво и наглядно верстать печатную продукцию.

 примеры инфографики энциклопедия брокгауз
 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

На следующих рисунках показана эволюция мирового населения с 1950 по 2050 год. Шесть прозрачных страниц (по одной для каждого 20-летнего периода) накладываются друг на друга. 

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз


 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз

 примеры инфографики энциклопедия брокгауз