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

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

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

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

среда, 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

вторник, 10 января 2012 г.

5 инструментов для создания облака тегов


Предлагаемая вам статья была написана в 2012 году. Все течет и изменяется, поэтому я актуализировал ее на момент июля 2018 года. Первыми вывел сервисы, которые и сейчас работают без лишних проблем, добавил новых.
создать облако тегов


  • Word It Out - создает облако из текста, который вводит (копирует) пользователь. Регистрации не требуется. Цвет фона, текста и размер слов легко меняется. Облако слов из текста, что я скопировал из анкеты для читателей одного женского блога, выглядит в этом сервисе так:
создать облако тегов
___________________________________

создать облако тегов

  • Tagul - сервис, с помощью которого можно создать облако слов из текста, взятого по ссылке или введенного пользователем. Существуют настройки для представления в различных формах и цветовых гаммах. Каждое слово в облаке при наведении на него курсора выделяется и представляется как гиперссылка. Необходима регистрация на сайте. (upd 2018 года: сервис теперь называется WordArt и позволяет сделать облако тегов без регистрации. Чтобы сделать облако тегов на русском языке необходимо выбрать кириллический шрифт. Для этого зайдите в раздел FONTS (Шрифты) и выберите один из следующих Noto Sans S Chineese, Roboto, Heuristica, PT Sans).
___________________________________


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

облако тегов слов
___________________________________


  • WordCloud от Джейсона Девиса. Хороший сервис, не имеет проблем с кириллическими шрифтами и не требует регистрации. Для более менее приличной картинки измените параметры разброса наклона для слов (1 orientations from 0 to 60, например)

сервис для создания облака слов

___________________________________


 

  • Wordle - про этот веб-сервис я уже писал, поэтому сейчас подробно останавливаться не буду. (upd 2018 года: Одно лишь добавлю, сервис требует Java-апплета и он не будет работать в Google Chrome и браузерах на его основе (Яндекс.Браузер, например).


___________________________________



создать облако тегов





  • Many Eyes - крупный сервис от IBM для различных видов визуализации, про который также упоминалось. (upd 2018 года: сервис IBM закрыт, теперь есть платный сервис Analytics с более расширенным функционалом аналитики).


___________________________________
создать облако тегов


  • Tagxedo - Creator не требует регистрации. (upd 2018: сервис не работает в гугл хром и требует установки Silverlight) Созданное облако можно представить в любом виде, например, птички, сердечка или карты Китая. Есть возможность изменения цвета, размера, положения, формы, фона и расстояния между словами. Я представила свое облако в виде цветка. Работать не сложно,интерфейс приятный. Каждое слово в облаке при наведении на него курсора, также как и у сервиса Tagul, выделяется и представляется как гиперссылка. (На моем примере этого не происходит, так как я в виде картинки встроила облако).

создать облако тегов


четверг, 5 января 2012 г.

Бизнес-инфографика для большой тройки операторов

Несколько месяцев назад я начал ждать когда появится инфографика для МТС. Дело в том, что Мегафон сделал плакат в стиле инфографики, Билайн сделал,а МТС , который вроде бы на шаг впереди, почему-то оказывался на два шага позади. Но свершилось! В журнале "Инфографика" целый разворот посвящен МТС.
Выкладываю бизнес-инфографику всех трех операторов. (кликабельно)

Реклама в стиле инфографики Мегафон 
(Журнал "Инфографика", 4 номер)

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

Реклама в стиле инфографики Билайн
 (Журнал "Инфографика", 6 номер)

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

Реклама в стиле инфографики МТС
 (Журнал "Инфографика", 8 номер)

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

И напоследок о всей "большой тройке"

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


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

Инфографика в российских СМИ. Инфографика РИА

Примеры и критика инфографики в российских СМИ. Так как критиковать всегда легче.

Инфографика РИА

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

Были мнения, что для РИА всё портил белый фон, но если Вы сравните две следующие работы, то поймете, что это не так.

инфографика  риа

инфографика  риа

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


Взгляните на минимализм в дизайне пиктограмм и рисунков, он же изменил в корне вид плакатов РИА


инфографика  риаинфографика  риа

Related Posts Plugin for WordPress, Blogger...

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

заказать

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