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

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

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

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

Показаны сообщения с ярлыком статьи об инфографике. Показать все сообщения
Показаны сообщения с ярлыком статьи об инфографике. Показать все сообщения

вторник, 17 апреля 2012 г.

Какой будет инфографика в 2012?


Инфографика - начало визуальной революции. Эта область двигается вперёд, развивается и с каждым годом всё быстрее. Какой будет инфографика в следующем году? Эта тема особенно интересует тех, кто вкладывает в неё средства. По тенденциям, которые просматриваются уже сейчас, можно отследить, к какой инфографике мы придём. Росс Крукс соучредитель фирмы инфографики ColumnFive, рассматривает некоторые из наиболее интересных тенденций, оказывающих влияние на эту область. Оригинал на английском языке Вы можете прочесть здесь. Или сэкономьте немного времени и просмотрите «понятный и простой» перепост на русском  ниже).

Тенденции настоящего:

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

На сегодняшний день, статическая графика – наиболее популярный способ, что, вероятно, связано с тем, что он является самым простым для создания и последующего размещения. Однако все более распространенной становится интерактивная инфографика, как правило, на основе flash. Она позволяет дизайнерам и разработчикам визуализировать несколько слоев данных в одном интерфейсе, обеспечивая при этом динамический просмотр для пользователя. Очевидным недостатком flash является отсутствие поддержки данной технологии на iPhone и iPad. Но, несмотря на это серьезное ограничение, простота в разработке, новизна и удобство для пользователей дают интерактивной инфографике несомненные преимущества.




Использование движения и анимации в инфографике – другая тенденция, завоёвывающая популярность. В анимированной графике обычно используется комбинация иллюстраций, визуальных данных и анимированного текста для информирования «зрителя» по определенной теме. Этот способ является удобным для объяснения пользователю определенной идеи. Также этот способ может быть полезен в бренд-ориентированных сообщениях для донесения информации до целевой аудитории.

Будущее инфографики:


В последние годы мы были свидетелями изменения мнения и отношения «пользователей» к инфографике. Сегодня различные приложения открывают новые области, в которых успешно можно использовать инфографику.
Распространенность iPad и iPhone только подпитывают желание внести интерактивность графического отображения в эти устройства. Разработчики используют HTML и HTML 5 для воплощения этого желания в жизнь, создавая «богатую» интерактивность на этих платформах. А если компания Apple изменит свое отношение к flash в ближайшее время, то эта тенденция продолжится с большим размахом.
Еще одной развивающейся областью является использование визуализации данных в режиме реального времени. Повсеместность Twitter и увеличение социальной активности обеспечивают для этого отличные возможности. Например, крупные компании хотели бы узнавать мнение людей об их новинках, услугах, нововведениях в режиме реального времени. Они начинают отслеживать и измерять свое присутствие и отношение к ним в сети Интернет. Компании уже сегодня хотят видеть самую последнюю информацию, отображаемую в хорошо продуманном и простом для понимания интерфейсе.

В последнее время наблюдается некоторый переход от веб-разработки к информационному дизайну. Опыт mint.com стал одним из первых примеров того, как устаревшая финансовая информация может стать динамичной и простой для взаимодействия с пользователем. «Новаторы» поняли, что четкое отображение информации с интуитивной интерактивностью часто является гораздо более действенным способом, чтобы привлечь пользователей на сайт. Это выводит на первый план содержание сайта, и позволяет «гостю» использовать его наиболее эффективно. Это, несомненно, зависит от направленности сайта, и не подходит для некоторого контента, но можно быть уверенным, что инфографика в качестве пользовательского интерфейса, обеспечивает хорошее восприятие информации и будет востребована в будущем.



Интересно наблюдать эволюцию и рост инфографики!

Оригинал статьи в блоге Medium

вторник, 21 февраля 2012 г.

Обзор интересных материалов #3


Канал на youtube о происхождении некоторых объектов человеческого прогресса -кассеты, телефоны, дискеты.


"Миллион долларов США - жизнь будет хороша)" Большая схема для изучения фактов мировой экономики и улучшения представления размеров триллионов


Малофей -  конкурс по инфографике. Лучшая инфографика мира за 200820092010 годы.


Есть популярная инфографика о коктейлях...и не одна. Одну из них сделал Константин Датс (Konstantin Datz), но у него есть ещё несколько хороших принтов.


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


На связи блог "Инфографика в примерах". Подпишись на дополнительные обновления в соцсетях!

   

Обзор интересных статей #2
Обзор интересных ссылок #1

четверг, 24 ноября 2011 г.

Обзор интересных статей #1



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

         Поэтому первая ссылка про Эмоциональный дизайн , где Дон Норман (когнитивный психолог) говорит о том, что дизайн объектов, чтобы нравится людям, должен воздействовать на три уровня восприятия информации: интуитивный, поведенческий, мыслительный. 
         Вы знаете, что такое энграммы? Самое время узнать. А затем прочитать статью о грядущей революции в теории информации.
         Полагаю многие уже прочли статью про 10 советов, но приложу её так же к сегодняшней подборке ссылок.
          Как известно, инфографика обладает большой "вирусностью" и быстро распространяется в социальных сетях, как это может пригодиться читать в статье "Создавайте ссылки с помощью инфографики"
         Конечно в основном это переводы иноязычных материалов, но что поделаешь, инфографика в нашей стране только на пороге своего бурного развития




понедельник, 21 ноября 2011 г.

Дополненная реальность. Будущее уже здесь

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

Только представьте себе - инфографика здесь и сейчас.
Это и новые учебники и интерактивные презентации. А на сколько это может повысить продажи многих компаний.

Следующая серия роликов позволит Вам ощутить всю мощь этого инструмента

Рассказывает человек, который занимается этим, и, вероятно, хочет привнести в Россию.




Геосоциальная сеть AlterGeo уже готова к введению таких инноваций в нашей стране, но готовы ли пользователи - готовы. А технологии?


Также интересно увидеть видео по ссылке "история последних 200 лет"



Другие статьи об инфографике







суббота, 12 июня 2010 г.

Опрос. Инфографика вид искусства или аналитика?

Инфографика - к чему ближе?
Искусство графики или Аналитический материал

 Опрос есть в группе В Контакте | Инфографика, так же опрос есть в блоге справа

Мнения

"Кто-то считает её эволюционирующей отраслью картографии, а кто-то - одним из направлений журналистского жанра. Проголосовал за последний вариант. хотя чёрт её знает...)"

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


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

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

А что думаете Вы? 


Другие статьи об инфографике

Уровень суперчитабельности

Роль Отто Нейрата в зарождениии современной инфографики

Николас Фелтон - Отчет о Жизни

 Сколько ядерного оружия нужно, чтобы уничтожить человечество?

 Твиттер Аналитика в Инфографике

 

ссылки в тему

 

суббота, 5 июня 2010 г.

Инфографика. Крупный план

инфографика крупный план

Почему Инфографика? 

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

Инфографика различна, так как под ней понимается справочная или иллюстрированная информация, представленная различными методами визуализации —при помощи графиков, диаграмм, гистограмм, ментальных карт (mind map -карты памяти), временных шкал (один из основных принципов анимированной инфографики) и т.д.

Также следует упомянуть такое понятие как плотность информации (плотность данных). По этому критерию инфографику можно разделить на два типа:
  • "Ненасыщенная". Простая, неконцентрированная -построена вокруг нескольких цифр
  • "Концентрированная" Плотная, сложная - построена (обычно) как совокупность изображения и целого ряда цифр.
Примеры ненасыщенной инфографики




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



Посредством различных способов визуализации искусным авторам удается красочно и просто представить сложные и скучные цифры. Инфографика универсальна в плане сферы применения -  экономика, политика, спорт и конечно же люди, мы с Вами. Создание инфографики процесс нелегкий, так как проходит следующие этапы:
  1. Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории.
  2. Сбор определенного количества данных, материала по теме.  Данные представлены в различных форматах - текстовый контент, графика, видео материалы, страницы таблиц и так далее...
  3.  Аналитика и обработка информации  Собранный материал необходимо проанализировать и обработать, привести к одному знаменателю - обычно это неоформленные графики, гистограммы ... 
  4. Построение доступной визуализации, верстка. Весь материал компонуется, приводится в красивый наглядный вид. Выбирается формат (в зависимости от целей и количества данных) - презентация, слайд-каст, одностраничная картинка, видеоролик.

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


Источник
Среднее количество цифр на 1 дюйм
Научные публикации
21
Wall Street Journal
19
The Economist
9
New York Times
7


 "Wall Street Journal находится на одном уровне с научными публикациями, благодаря статистике движения биржевых показателей. Массовые издания идут уже с очень большим отрывом, хотя Тафти считает это упращение для масс неоправданным – учебные материалы школ, колледжей и университетов гораздо сложнее, а это означает, что аудитория привычна к восприятию комплексных данных, а массовые издания ведут к некоторой деградации." (c) http://infographer.ru/


Так же по материалам http://asjudc.com/


Другие статьи об инфографике

Уровень суперчитабельности

Роль Отто Нейрата в зарождениии современной инфографики

Николас Фелтон - Отчет о Жизни

 Сколько ядерного оружия нужно, чтобы уничтожить человечество?

 Твиттер Аналитика в Инфографике

 

ссылки в тему


    вторник, 6 апреля 2010 г.

    Уровень суперчитабельности

    Уровень суперчитабельности

    (увеличение по клику)
    Немного из истории.

    Инфографика, как абсолютно новый жанр в прессе, появилась в 1982 году, когда на рынке США возникла новая национальная газета USA Today, которая значительную часть площади отвела под т. н. «информационные рисунки». Успех USA Today у читателей благоприятствовал быстрому распространение инфографики в США.

    С конца 80-х годов инфографику начали использовать ведущие европейские издания. В начале 90-х возникают специализированные агентства, например, британское Graphic News, а мировые информационные агентства (AP, Reuters, AFP и др.) создают специализированные службы.

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

    Первое знакомство.

    Даже на сайте упомянутого Euronews на странице "О компании" материал размещён с применением инфоргафики.
    (увеличение по клику)
    Инфографика, да. Безусловно, то что попадает под это определение встречается часто в газетах и журналах и стало привычным. Сейчас уже более разобравшися, я понимаю, что такой иллюстративный материал встречался мне часто, но первое что удивило - рекламный ролик Areva на канале EuroNews.


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

    Есть мнение...

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

    Однако, инфографика бывает разной: от более классического (где текст сопровождается поясняющими рисунками) [рис. 1] до более яркого (где текст играет меньшую роль) [рис. 2]. Бывает и так, что информацию, которую мы привыкли видеть в графиках/диаграммах так же можно уместить в инфографический шедевр [рис. 3].

    рис. 1

    рис. 2
    рис. 3

    Инфо, графика, динамика.

    Проекты инфографики на бумаге пошли дальше и результат - видеоролики. Как раз один из них (про красную шапочку) и заставил меня заинтересоваться и вспомнить про инфографику.[доступна версия и в HD - это значительно больший эффект производит]


    В заключении.

    Как и в стиле инфоргафики, здесь текст занимает не так уж и много места (по сравнению с роликами и картинками). Можно сказать "едим информацию глазами". Думаю, что для того кто заинтересовался - найдётся информация в интернете... Время на поиск информации есть?

    Обязательные линки (с сайтов которых были взяты материалы).

    P.S. Как пример сумашедших идей:

    Война браузеров. Почему бы и нет?




    "огромина" на 2 МБ!

    вторник, 23 марта 2010 г.

    Роль Отто Нейрата в зарождениии современной инфографики

    По мнению Фила Пэттона (Phil Patton), перевод статьи которого предоставил нам дизайнерский проект [КАК) под названием Венский метод, прародителем современной типографики является Отто Нейрат (Otto Neurath), который изобрел систему визуального языка International System of Typographic Picture Education или просто Isotype. Но так ли это?


    Отто Нейрат был австрийским философом-марксистом, социологом и экономистом. Одним из организаторов и лидеров Венского кружка. Собственно этим он и занимался возглавляя различные государственные и муниципальные организации. В Вене он стал примать участие в одном из проектов, который со временем превратился в "Социально-Экономический Музей" (Gesellschafts- und Wirtschaftsmuseum). В 1925 году эта организация была открыта и возглавил ее Отто Нейрат. Своей целью Социально-Экономический Музей ставил показать людям всю сложность и неравноправность социально-экономических отношений в обществе. Для этого было решено подавать информацию визуально, что позже было названо Венский метод. Систему визуальных знаков для подачи информации назвали International System of Typographic Picture Education (Isotype) и разрабатывалась она на протяжении между 1925 и 1934 годами.

    Но рисовать Отто не умел и для воплощения задуманного ему нужна была команда. В 1926 году на художественной выставке в Дюсельдорфе он знакомится с немецким художником Гердом Арцем (Gerd Arntz), чьими руками впоследствии и была создана система пиктограмм Isotype. Таким образом Нейрат имел отношение к разработаным пиктограммам Isotype не больше, чем директор современной дизайн-студии к работам дизайнера этой студии. Он был идеологом, в некоторой степени арт-директором, но не более.

    Немецкий художник Гердом Арцем (Gerd Arntz)(1924)

    Художник Герд Арц (Gerd Arntz) и его графические работы 20-х годов
    Герд Арц был по образованию учителем рисования и черчения. Часто использовал свои художественные таланты, как инструмент в пропаганде своих левых политических взглядов и борьбе с социальным неравенством. Для этого активно участвовал во всевозможных выставках и печатал свои графические работы. После знакомства с Нейратом он отправил ему несколько своих работ и в 1928 году был приглашен возглавить отдел графики при Социально-Экономическом Музее.

    Несмотря на схожесть политических взглядов Арцу и Нейрату нелегко давалось сотрудничество. Оба были выраженными индивидуальностями и отстаивали свое мнение, особенно трудно давались компромиссы творческой натуре Герда Арца. Позже он писал: "Художникам приходилось упрощать изображения, отступая от реализма и добавляя схематичности. В то время, как я сразу предложил статическую фигуру человека без рук и ног, которую можно дополнять показывая движение и социальные различия. Сначала мне было очень трудно протолкнуть "мой стиль". Нейрат сомневался и всегда хотел увидеть альтернативные варианты, когда для меня "внутри" уже было все решено" ( Cornelis Veenstra, The Vienna Method. Opus cit. Kees Broos, The Vienna Method for pictorial Statistics.)
    Таким образом стилистика современных пиктограмм и иконок воспринималась в то время осторожно и Отто Нейратом в том числе. Арцу пришлось приложить усилия и переубедить своего руководителя в выборе графических решений. Хотя сказать, что Арц был единоличным создателем Isotype тоже нельзя. В рамках работы над проектом приглашались другие художники и графики - Peter Alma из Амстердама, Augustin Tschinkel из Праги, студенты из Bauhaus in Dessau. Свою лепту в проект внес и известный типограф Ян Чихольд (Jan Tschichold). По его рекомендациям в оформлении использовался шрифт Futura. Но вклад Герда Арца в разработку Венского метода визуальной статистики действительно велик. Для Isotype им было разработано порядка 4000 знаков и пиктограмм.
    Знаки системы Isotype   Знаки системы Isotype   Знаки системы Isotype
    Знаки системы Isotype   Знаки системы Isotype   Знаки системы Isotype
    Часть из них можно посмотреть на сайте посвященному Герду Арцу www.gerdarntz.org
    В 1930 году в Лейпциге издается атлас "Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk" (Общество и Экономика. Основы визуальной статистики), который содержал около 100 инфографических таблиц разработанных и оформленных Гердом Арцем. Это издание вызвало большой интерес в Австрии и за ее пределами. В разных странах стали активно использовать Венский метод, создаваться подобные организации.
    Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk   Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk   Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk
    Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk   Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk   Страница каталога Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk
    Страницы с инфографикой из каталога "Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk"
    В 1931 году Герд Арц переезжает в СССР для работы в проектах Института изобразительной статистики (ИЗОСТАТ). При его участии были созданы иллюстрации для Плана второй пятилетки, достижений советских военно-воздушных сил, строительства нового метро. Инфографика печаталсь в советских газетах.
    Графика Isotype в СССР   Графика Isotype в СССР
    Страницы каталога "Изостатистика" (1932), "Молодежь СССР в цифрах" (1936), неизвестная инфографика 30-е
    Сотрудничество Социально-Экономического Музея и ИЗОСТАТ прекращается в 1934 году. В это же время в Австрии происходят политические события, в результате которых Социально-Экономический Музей закрывают, а Нейрат и Арц вынуждены эмигрировать в Голандию. Там они работают в Международном фонде визуального образования в Гааге, где продолжают развивать направление Isotype, но уже для голандской визуальной статистики. В этот период Нейрат и Арц комбинируют графику и диаграммы. Ищутся визуальные решения не просто отобразить сухую статистику, но и графически показать взаимодействие между группами данных. В результате издается книга "Modern Man in the Making"(1939)
    Инфографика в книге Modern Man in the Making   Инфографика в книге Modern Man in the Making   Инфографика в книге Modern Man in the Making   Инфографика в книге Modern Man in the Making
    Инфографика из книги "Modern Man in the Making" (1939)
    В 1940 году Нейрат эмигрирует в Англию и основывает Институт Isotype в Оксфорде, становится консультантом и разработчиком диаграмм для намеченной перестройки трущоб Билстона, около Вулвергемптона. Там он работает вплоть до своей смерти в 1945 году, но уже в паре с Мари Райдемайстер. После его смерти она продолжает развивать Институт Isotype, но постепенно отходит от статистики и создает инфографику для образовательных и детских проектов. Ее работы получили международное признание после участия в образовательных программах Западной Нигерии.
    Герд Арц не эмигрирует вместе с Нейратом в Англию, а остается в Голандии. Он становится графическим директором Голандского Фонда Статистики, а со временем занимает должность генерального директора Центрального бюро статистики с целью собрать и визуально отобразить статистические данные для промышленности и правительства Голандии. Позже создает работы для ЮНЕСКО в области визуальной статистики, становится почётным членом Графической школы Нидерландов. Умерает в 1988 году в Гааге.
    Герд Арц (Gerd Arntz) 80-е годы
    Классик современной инфографики Герд Арц (Gerd Arntz), 80-е годы
    Isotype не стал международным универсальным графическим языком, как пророчили некоторые. Но он дал толчок развитию целого направления в графическом дизайне Инфографике. Графика Isotype послужила прототипом тех пиктограмм, которыми мы пользуемся и по сей день для навигации в аэропортах, вокзалах и станциях. Трудно выделить заслуги кого-то одного в успехе этого проекта. Каждый из них отлично справился со своей ролью - Отто Нейрат, как идеолог, идейный вдохновитель и руководитель, а Герд Арц, как график, дизайнер и художник. Isotype - это результат того самого успешного симбиоза руководителя и дизайнера.
    Для желающих детально изучить издания Isotype:
    Скачать "Gesellschaft und Wirtschaft. Bildstatistisches Elementarwerk" (PDF, 14.9 Mb)
    Скачать "Modern Man in the Making" (PDF, 17.2 Mb)
    Много сканов инфографики с использованием Isotype представлено на сайте fulltable.com 

    Николас Фелтон - Отчет о Жизни

    Дизайнер Николас Фелтон (Nicholas Felton) выпускает с 2005 года ежегодный отчет о своей жизни.
    В 2009 Felton Annual Report вы узнаете сколько и что Фелтон ел, пил, сколько времени потратил на питание, чтение, разговоры по телефону и с кем, какое расстояние он прошел, проехал и пролетел, где побывал и с кем общался и многое другое. Популярностью этот отчет пользуется не из-за подробностей жизни автора, а из-за подачи и оформления. Благодаря профессиональным знаниям и умениям в инфографике эти отчеты выглядят потрясающе.

    Felton Annual Report 2009 - Общее описание Felton Annual Report 2009 - Напитки Felton Annual Report 2009 - Еда 
    Felton Annual Report 2009 - Отношения и активность Felton Annual Report 2009 - Местоположение
    С недавних пор теперь у каждого есть возможность вести детальные отчеты о своей жизни и виуализировать их. Для этого Николас Фелтон с партнерами открыли сайт   http://daytum.com, где каждый желающий может отслеживать свою жизнь.

    Оригинал http://hotdesignfor.us/news/2010/02/01/otchet-o-zhizni-feltona-2009 

    Другие статьи об инфографике

    Уровень суперчитабельности

    Роль Отто Нейрата в зарождениии современной инфографики

     Сколько ядерного оружия нужно, чтобы уничтожить человечество?

     Твиттер Аналитика в Инфографике

     

    ссылки в тему

    Related Posts Plugin for WordPress, Blogger...

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

    заказать

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