• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: Теория 6

С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!

Динамика развития инфографики в мире

Статья12 г. назад Теорияистория инфографики
Продолжаем пост про Историю инфографики. От изначальной статьи, которую мы переводили осталась вишенка на торте — анализ развития инфографики по континентам.
Надо сказать что развивалась она неравномерно. Например, самый пик развития в Европе совпал с небольшим всплеском в Америке. Но после, когда на первый план вышла техника, США догнали и перегнали Европу.
Я думаю, каждый из нас примерно представляет линию развития визуализации в России, но рисовать ее я не рискну за бедностью моего исторического образования.
Что хотелось бы напомнить как заключение из исторического экскурса:
  1. История инфографики насчитывает сотни лет;
  2. При этом инфографика очень зависит от развития статистики и технологий; она второстепенна;
  3. Уходящий навык рисунка и набросков очень сильно подкосил индустрию, но ситуация была стабилизирована развитием техники, что привело к появлению новых лидеров;
  4. Интересно наблюдать за последовательным рождением диаграмм и их новых видов, появляющихся по мере совершенствования и возникновения новых задач. Например последним изобретением можно считать Circos, придуманный генетиками и активно применяемый для описания социальных сетей

Краткая история визуализации информации

Статья12 г. назад 9 Книги, Теорияистория инфографики, карты, типы диаграмм
развитие инфографики

В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.

Основные опорные точки по мнению автора:

  • До 17 века – Ранние карты и диаграммы
  • 1600-1699 – Измерения и теории
  • 1700-1799 – Новые графические формы
  • 1850 – Начало современной графики
  • 1850-1900 – Золотой век статистической графики
  • 1900-1950 – Смутные года
  • 1950 – 1975 – Возрождение визуализации информации
  • 1975 – н.в. – Интерактивная и динамическая визуализация

развитие инфографики

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

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

Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.

До 17 века – Ранние карты и диаграммы

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

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

развитие инфографики Продолжить чтение →

Какие задачи решает инфографика?

Новость12 г. назад 1 Теорияинфографика, история инфографики

В прошлой статье мы поделились нашими мыслями на тему того, что мы считаем инфографикой.

Инфографика нынче в моде, поэтому спрос на создание «инфографик» очень высок. Мы получаем огромное количество запросов от совершенно разных компаний, всем им нужна инфографика…

Сегодня мы хотим поразмышлять на тему, когда инфографика действительно применима.

Первый и самый важный тезисследует из самого названия: инфографику можно делать в том случае, если у вас информация, которой вы готовы поделиться. Конструкции типа «Покупайте наш товар — он лучший!» не могут быть реализованы инфографикой, так как не содержат никакой информации, там нет фактов, данных, взаимосвязей и тп.

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

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

Даже если вы хотите сравнить ваш штат и штат вашего конкурента, то более эффективно будет использовать цифры, например «16 у нас vs. 7 у конкурента». Мы каждый день сталкиваемся с цифрами в нашей жизни, так что нам не составляет никакого труда сравнить два числа. А вот если значений у вас больше двух, Продолжить чтение →

Дизайн в инфографике или как не убояться абсолюта

Статья13 г. назад 9 Теориявизуальное мышление, история инфографики

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

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

Недоуменное пожимание плечами, задумчивое «Ну… » — стандартные ответы на вопрос «Что такое инфографика?». Не мудрено. Если попробовать с ходу разобраться в смысле любого составного слова, обнаружится неожиданный тупик. Например «самоходка». Вроде ничего сложного – само движется.  Движется или ходит? Почему ходит? И при чем тут вообще самоходка, если мы говорим о инфографике?:)

Самоходка сюда въехала случайно, но у обоих понятий схожий алгоритм словообразования. Само ходит – движется без помощи лошадиной силы (история без коней передвижение не мыслила). Инфографика – информация в картинках. Informacio (лат.)  – представление, Grapho (лат.) – рисование, чертеж, письмо (замететьте, все разом:).

Выходит, слово «инфографика», сложилось исторически и понимать его следует буквально. Но именно простота и заводит в тупик. Объяснить то хочется посовременнее и поадекватнее!

Но, минуточку, скажете вы, о какой истории речь? Инфографика  — свежайший бизнес инструмент!

Ничего подобного. Обратимся к наскальной живописи. Понятно ли что здесь происходит? Более чем. Происходит охота на потенциальное пропитание. «Описание»,  которое мы видим, достаточно развернутое. В главных ролях племя древних людей, один из них, судя по размеру, вождь. Проиллюстрированы средства охоты, отчаянная самоотверженность обеих сторон, и главный факт — обед все таки состоится. Тема раскрыта. А связь времен свершилась благодаря … инфографике! Истории в картинках:)

Подумаешь, хмыкните вы. У древних людей не было выбора, письмо к тому моменту еще не изобрели.

Другой пример — карта 1539 года рождения. Восхитительно, не правда ли? Тем не менее, это кладезь информации. На тот момент весьма актуальной (русалки еще  плавают :).

1854 год. Мимо такой карты пройти невозможно. Да и не карта это кажется, энциклопедия! Визуально законспектирована даже разница во времени. Продолжить чтение →

Знакомьтесь: диаграммы Сэнкей / Sankey

Статья15 г. назад 6 Теориядиаграмма Sankey, история инфографики, типы диаграмм

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

Инфографика - sankey санкей сэнкей диаграммы

Инфографика - sankey санкей сэнкей диаграммы

Решили покопаться в истории вопроса, и вот что нашли. Как оказалось, подобный тип диаграмм, как оказалось, имеют свое специфическое название «Санкей / Sankey», и имеет занимательную историю. Оно происходит от имени Мэтью Сэнкея, ирландского инженера 19 века. Некоторые источники считают его первым, кто применил подобный визуализационный метод: в сноске к материалам одной из встреч Института Инженеров Механики Ирландии, он набросал схему сравнения имеющегося в то время парового двигателя с неким идеальным двигателем без энергопотерь, над созданием которого (не очень успешно) трудились в то время.

Мне все же кажется, что известного «Наполеона» (см. мой пост «Армия Наполеона в России») тоже можно отнести к сэнкейным диаграммам. Чарльз Джозеф Минард нарисовал её в 1869 году, так что он вполне может спорить с Мэтью за пальму первенства. Впрочем, это не меняет сути.

Наполеон в России 1812-13 гг. Charles Joseph Minard инфографика

Наполеон в России 1812-13 гг. Charles Joseph Minard инфографика

На мой взгляд, подобный тип диаграмм далеко не всегда применим, да и не так просто спроектировать — но его визуальная сила стоит сотен пай-чартов. Хотя для «одноразово-данновых» иллюстрационных постеров — вообще находка.

Некий юзер Phineas поддерживает сайт, посвящённый мистеру Сэнкею и диаграммам этого типа, он собирает интересные сэнкей-работы.  Кстати, «технарям» будет интересно посмотреть раздел с програмным обеспечением для создания Sankey диаграмм.

Ну и парочка красот в конце поста.

Торговые взаимоотношения Китая и США - экспорт и импорт

Карта потока интернет-трафика в мире

Карта потока интернет-трафика в мире

Статистика продаж Madame Ulani

Статистика продаж Madame Ulani

Последний пример — совершенно чумовая визуализация (кто делал — не знаю) статистики продаж некоего дизайнера Madame Ulani на сайте для дизайнеров-рукоделов etsy.com. У даннной карты — две оси XY, обе расположены в разныз плоскостях, и сливаются вместе в единый список товаров, с отображением мест их доставки. Длина каждого столбца — время, которое потребовалось на то, чтобы сделать украшение, и как долго оно ждало своего покупателя после выставления нового лота на сайт.

Инфографика: шаг вперед, два назад?

Статья15 г. назад ТеорияАльберто Каиро, история инфографики

Наткнулась на статью «Инфографика: шаг вперед, два назад». Интересными показались 2 момента:

  1. Исторический экскурс, что инфографикой можно считать все библейские сюжеты в храмах. Они должны были быть понятны неграмотным. Порылась, на сайте Православный Мир тоже есть раздел инфографика. Но меня пугает фраза: «Флеш-инфографика: иконография Господа Иисуса Христа», это уже слишком.
  2. Заключительная мысль о том, что инфографикой нельзя перегружать. Она действительно может быть лишней.

Оригинальный текст взят здесь.

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

Очевидным примером использования «инфографики» на заре человечества можно считать наскальные рисунки и составляемые позже карты местности, к тому же, до изобретения письменности картинки использовались, чтобы регулировать поголовье скота и хранить память о важных событиях. Распространение письменного слова расставило акценты по-новому: визуальная и текстовая формы подачи информации вступают в своего рода борьбу. Интересным в этом контексте представляется наблюдение Режи де Брэ о том, что древнееврейская культура опиралась на книгу, потому что древнееврейский народ кочевал. Египтяне могли высекать свою историю на обелисках, а у Моисея не было такой возможности. Другая кочевая цивилизация — арабская — тоже опиралась на книгу и тоже предпочитала письмена рисункам.

Известный писатель и семиотик Умберто Эко в лекции «От Интернета к Гуттенбергу: текст и гипертекст» приводит интереснейший пример визуальной коммуникации — Средневековый собор: «[…] в XV веке — только изобрели печать. До того рукописи предназначались для малочисленной элиты. Работа по обучению масс содержанию Библии, житиям Христа и святых, моральным принципам и даже истории своего собственного народа, а также географии, природоведению, то есть природе отдаленных стран и свойствам трав и камней, — эта работа отводилась фрескам и статуям Собора. Средневековый собор был как бы постоянной неизменной телепрограммой, которая давала народу все необходимое как для повседневной, так и для загробной жизни. Книги же отвлекали от базовых ценностей, поощряли излишнюю информированность, вольное толкование Писания и нездоровое любопытство. […] Тем самым начинается разделение культур, существовавшее во времена Средневековья: между теми, кто способен был читать рукописи и, значит, критически осмыслять религиозные, философские и научные вопросы, и теми, кто воспитывался исключительно посредством образов в соборе — отобранных и обработанных их творцами».

Одним из проявлений «победы» визуального над буквенным сегодня стала инфографика. Это — сочетание текста и графики, созданное с намерением наглядно изложить историю, донести тот или иной факт. Инфографика помогает, если необходимо показать устройство или алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, показать устройство предмета, реконструировать событие, организовать большие объемы информации. Самая простая инфографика — это таблицы, круговые диаграммы, графики, карты, логические схемы. Более сложная инфографика может комбинировать текстовые блоки, фотографии, карты, таблицы, диаграммы, реконструкцию событий, даже комиксы — все, что может помочь создать полновесный графический рассказ.

Подробный анализ использования визуализированной информации в прессе предлагает специалист в области инфографики Альберто Каиро, по наблюдению которого свою современную форму инфографика обрела в 1982 году с выходом газеты USA Today. Новая ежедневная газета стремилась предоставить обобщенный, красочный и быстрый обзор новостей, активно используя элементы визуализации. Согласно проводимым исследованиям, уже тогда читатели начали отдавать предпочтение хорошей инфографике в сочетании с короткими блоками информации, а не обычным глубоким многополосным материалам.

В то время подобный дизайн с использованием визуальной информации посчитали дерзким, в Европе USA Today окрестили «McPaper» (такая себе газета-Макдоналдс: упрощенная, яркая, рассчитанная на массы, «пробежал глазами — выбрось»). Постепенно число таких газет стало расти: издателям показалась заманчивой возможность «ужать» значительные объемы информации до малых размеров. Однако очень сложно оказалось не пересечь грань между лаконичностью и упрощенчеством, кроме того, инфографику стали ценить из-за ее привлекательности, и в попытке подражать USA Today некоторые издания стали использовать ее как элемент украшения, а не способ помочь воспринять информацию. Сегодня многие издатели и аналитики прессы пребывают в пугающем заблуждении, что основные задачи инфографики — сделать статьи более «притягательными», «упростить» информацию, сделать ее более «доступной», «облегчить» материалы. Конечно, в этом есть необходимость, ведь современному человеку под час сложно прочесть 3-4 предложения связного текста за один раз.

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

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

По мнению журнала «КАК», важно осознать, что инфографы — это не дизайнеры, а журналисты, которые, в первую очередь, представляют содержательные материалы, излагая факты, анализируя их. Главная задача — сделать новости читабельными и понятными, если инфографика сможет в этом помочь — пожалуйста, но ни в коем случае она не должна стать самоцелью.

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

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

Темы раздела
Теория 6Книги 1
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+