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

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

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

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

понедельник, 30 января 2012 г.

Виды инфографики: Периодические таблицы

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

Грамотно "упакованные" таблицы являются отличным примером визуализации, который знают все. Классический пример периодической таблицы - это таблица химических элементов, разработанная Д.И.Менделеевым.

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

Например, Периодическая таблица методов визуализации
(подробно разобрать её вы можете здесь)


Периодическая таблица методов визуализации


Вариации на тему химии - Периодическая таблица, скоррелированная  с молярным объемом элементов

виды инфографики периодические таблицы

Периодическая таблица факторов SEO ранжирования


виды инфографики периодические таблицы


Периодическая таблица джойстиков
виды инфографики периодические таблицы


Периодическая таблица рунета (неполная конечно и весьма субъективная)

виды инфографики периодические таблицы

Модернизированная периодическая таблица химических элементов (кликабельно)

виды инфографики периодические таблицы

Забавная и, как ни странно, бизнес-инфографика на основе всё той же ПТХЭ Д.И. Менделеева

виды инфографики периодические таблицы

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



Периодическая таблица цифровой индустрии


виды инфографики периодические таблицы
Периодическая таблица видов пива


виды инфографики периодические таблицы


Периодическая таблица визиток


периодическая таблица визиток
Периодическая таблица операторов языка Perl


виды инфографики периодические таблицы
Устали?) Ещё немного))

Периодическая таблица суперсилы (силы супергероев)

виды инфографики периодические таблицы

Периодическая таблица элементов Skype


виды инфографики периодические таблицы


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

Это блог Инфографика в примерах, Вы ещё не подписаны

пятница, 27 января 2012 г.

Манипуляции данными в круговых диаграммах

"Теперь в 3D" достаточно популярная фраза в последнее время, не так ли?

Мы с смотрим фильмы в 3D, строим гиперповерхности в разных программах, делаем двумерные картинки с эффектом полноценного пространства. Все рады - всё прекрасно.

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

Не поймите меня неправильно: 3D визуализации имеет преимущество перед 2D, а если внесен интерактив, то это вообще прекрасно. Но в первую очередь, это хорошо для для данных, которые имеют третью пространственную составляющую. Для данных, которые не имеют этой характеристики добавление третьего измерения часто вредит коммуникации.

Пример, который хотелось бы разобрать будет продемонстрирован на круговых диаграммах (pie charts)
Основной интерпретации данных в круговой диаграмме является сектор -  угол со скругленным краем.
В 2D круговой диаграмме, углы точно представлены, но, как вы можете видеть на изображении ниже, в 3D круговой диаграмме, углы должны быть искажены для создания 3D-эффекта. Наш мозг не умеет точно интерпретировать 3D представление, поэтому кореектность данных была уничтожена 3D эффектом.
круговая диаграмма
angle - угол, data - данные

Угол не единственный способ искажения. Район также даёт разную интерпретацию.К сожалению (всеми менеджерами очень любимая) 3D круговая диаграмма также искажает реальные данные.

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


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

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

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

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

Это блог Инфографика в примерах
Подписывайтесь на канал, читайте в тви, жмите лайки.

понедельник, 16 января 2012 г.

Бизнес-инфографика Лаборатории Касперского

         Здравствуйте, читатели блога "Инфографика в примерах". Сегодня публикую ещё несколько примеров бизнес-инфографики на русском языке. Это схемы для Лаборатории Касперского.
Главная черта этих работ (как и инфографики для "большой 3-ки") - это определенная статистика или карта помощи в той или иной ситуации, в которой может помочь какой-либо бренд. Никакой навязчивой рекламы. Эта инфографика создана для потенциальных потребителей, направлена на узнаваемость бренда и распространения в социальных сетях.
(В дополнение рекомендую книгу Алекса Левитаса - "Больше денег от вашего бизнеса")

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

яркая бизнес инфографика

яркая бизнес инфографика

яркая бизнес инфографика

яркая бизнес инфографика

яркая бизнес инфографика

яркая бизнес инфографика

яркая бизнес инфографика

среда, 11 января 2012 г.

40 полезных и креативных примеров инфографики

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

1. Coffee Drinks Illustrated

Доля ингредиентов для популярных напитков и кофе.
Coffee Drinks Illustrated

2. Piggy Trouble

Свиной грипп
Piggy Trouble

3. Best selling movies are not the most pirated ones

Best selling movies are not the most pirated ones

4. History Lesson: The Story of Beer

History Lesson: The Story of Beer

5. The Best Beer in America

The top breweries and beers in the U.S.
The Best Beer in America

6. Making Sense of the Financial Mess: The Global Financial Crisis

Making Sense of the Financial Mess: The Global Financial Crisis

7. 389 Years Ago

A rundown of the historic events in African-American culture.
389 Years Ago

8. Burning Fuel: The Average Car vs. The Average Human

Burning Fuel: The Average Car vs. The Average Human

9. Our Favorite Drugs

Our Favorite Drugs

10. On Driving: Automobile History

On Driving: Automobile History

11. TheGlobalWarming Infographic

An illustrated guide at how the Global Warming phenomenon works.
TheGlobalWarming Infographic

12. Periodic Table of Typefaces

Periodic Table of Typefaces

13. SSSMOKIN! The Global Tobacco Trade

A packed visual piece on tobacco chemicals and tobacco trade worldwide.
SSSMOKIN! The Global Tobacco Trade

14. Choose Your Weapon: The Global Arms Trade

Black Hawk Down

15. Breakdown of Average Student Budget

Breakdown of Average Student Budget

16. Who’s Buying That?

A graphical representation of consumer spending across the globe.
Who's Buying That?

17. Visualizing the US and China Trade Relations

Visualizing the US and China Trade Relations

18. Get to Know Your Street Vendors

The types of street vendors you may encounter in urban cities of the U.S.
Get to Know Your Street Vendors

19. Where we live

The distribution of population in the U.S.
Where we live

20. Who’s Coming to America?

The top nationalities that immigrate to the U.S.
Who's Coming to America?

21. Global Internet Traffic Flow Map

An infographic on internet information flow around the world.
Global Internet Traffic Flow Map

22. Classifying Experiences

This is in PDF format. An informative graphical piece on User Experience (UX).
Classifying Experiences

23. Black Hawk Down

An illustrated guide to the events that happened in Somalia in 1993 when a U.S. helicopter was shot down by rebels.
Black Hawk Down

24. A Year in Iraq

A visualization of fatalities related to the War in Iraq.
A year in Iraq.

25. Glass Half Empty: The Coming Water Wars

An infographic on the global water shortage crisis.
Glass Half Empty: The Coming Water Wars

26. The Magic Bean Shop & The Fries That Bind Us

A graphical representation of how Star Bucks and Mcdonald’s are proliferating across the globe.
The Magic Bean Shop & The Fries That Bind Us

27. Cover Drive

An informative piece on insurance.
Cover Drive

28. What’s in the Customer’s Mailstream?

This is a PDF file, infographic on page 4. This piece shows a breakdown of what people get in the mail.
What's in the Customer's Mailstream?

29. Flickr User Model

Networking connection of users on Flickr.
Flickr User Model

30. Disney World’s Huge Footprint

The cost in resources of Disney World operations.
Disney World's Huge Footprint

31. Evolution of the Household – 1950’s to Present

Evolution of the Household - 1950's to Present

32. The Pyramid of Internet Piracy

This is a PDF file. A piece on the structure of the people participating in internet piracy.
The Pyramid of Internet Piracy

33. Making Sense of the Financial Mess: Where Did All The Money Go?

An illustrated guide on how the financial crisis started.
Making Sense of the Financial Mess: Where Did All The Money Go?

34. Consumers’ Savings Behaviors

Consumers' Savings Behaviors

35. A Visual Guide to Pissing Off The Financial World

An infographic on the history of AIG.
A Visual Guide to Pissing Off The Financial World

36. Anatomy of an Energy-Efficient Home

Anatomy of an Energy-Efficient Home

37. A Visual Guide to Inflation

A Visual Guide to Inflation

38. Web Trend Map 4

A graphical representation of the top 50 most influential websites.
Web Trend Map 4

39. Employment-Based Immigration Chart

A visual guide on how to immigrate to the U.S. based on employment.
Employment-Based Immigration Chart

40. Where to Cut

Consumer spending trends juxtaposed with Indian consumers.
Where to Cut

Resources on infographics

Related Posts Plugin for WordPress, Blogger...

Нужна инфографика?

Заказать

Самое свежее здесь. Присоединяйся!