• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

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

Тема: история инфографики 18

О жизни динозавров инфографики

6 г. назад Примеры визуализацииДжон Гримвейд, история инфографики

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

houses3

tomatoes_sneakers5

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

bow2

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

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

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

parthenondec88_3

colormarkup

Разворот из журнала Condé Nast Traveler 1988 года произведен вот таким вот механическим путем. А под ним — цветовое руководство для проверки изображения после первых прогонов. Оно сопровождало цветопробу.

newsky_rough

newskyspread4

В докомпьютерную эру вносить изменения было непросто. К моменту прорисовки все решения должны быть приняты. Иначе нервный срыв обеспечен. Работа начиналась с наброска. Джон считает, что этот принцип актуален и сейчас. Набросок — способ проработать идею и вовремя получить обратную связь, это язык идеи в процессе ее формирования. Черновая сборка в InDesign или Photoshop с проработанными элементами воспринимается клиентами как нечто законченное. Есть вероятность, что они побоятся выразить пожелания.

Заинтересовавшимся Джон рекомендует посмотреть вот эту книгу.

infographic_designers_-sketchbooks2

Автор: John Grimwade

Джон Гримвейд работал с инфографикой для газет, журналов, бизнес-проектов. Семь лет преподавал в SVA NYC, а сейчас — в университете Огайо в Школе визуальной коммуникации. Параллельно он участвует и в других проектах. Например, он графический директор журнала о футболе ‘Eight by Eight’, который в 2015 году Сообщество ‘Publication Design’ признало журналом года.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инфограферу 4 года!

Событие9 г. назад Событияинфографика, история инфографики

Первое апреля — замечательный день! В этот день мы обычно занимаемся очищением кармы и планируем новые достижения.

Поздравляйте нас! Остался всего один год до полу-юбилея:) Как обычно, мы на страже инфографики и вот этой прямой линии:

PS

nice to know: Apple was established on April 1, 1976, by Steve Jobs, Steve Wozniak and Ronald Wayne to sell the Apple I personal computer kit

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Диафильмы. Или с чего начинались презентации

Изображение10 г. назад 2 Примеры визуализацииистория инфографики, презентации и слайды

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

Мы найдем очень много аналогий с современным Power Point — структура слайда, пропорции изображений, логика повествования.

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

И несравнимо выше художественное оформление:

диафильмы как прототип презентаций

И Диафильм о катализаторах для учеников 7-10 классов полностью:

Инфографика — это тренд

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

Мы периодически встречаем высказывания, что инфографика — это один из трендов современности, возникший на информационном перегрузе. Хотим поддержать это высказываение статистикой поисковиков и сказать что явление набирает силу. Когда мы открыли блог в 2009 году, слово инфографика искало 40 человек, знаете как цифры изменились?

Google — международная статистика, использует систему относительных показателей популярности по слову Infographics:

инфографика - популярность запроса в поисковиках

Не верите — заходите на www.google.com/trends и убедитесь, что еще в 2008 ничего не было. Там же есть основные вехи, повлиявшие на популярность запроса.

Продолжить чтение →

Willard Brinton. Graphic Presentation. 1939

Статья12 г. назад 2 Книгидиаграмма санкей, история инфографики

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

Это масштабный труд – 512 стр, изданный в 1939 году. Книга печаталась на станках того времени и от этого оставляет еще более завораживающее впечатление. Создатели используют только 5 цветов, но показывают насколько удачно ими можно пользоваться для маркировки важных мест.

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

2 небольшие находки: Знаменитая карта нашествия Наполеона на Россию была впервые напечатана именно в этой книге и только потом ее нашел Тафти. Примеры «пририсованных» к графикам человечков были так же из этой книги (в последних главах вы найдете их и еще 20 других примеров) Продолжить чтение →

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

Статья12 г. назад 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, обе расположены в разныз плоскостях, и сливаются вместе в единый список товаров, с отображением мест их доставки. Длина каждого столбца — время, которое потребовалось на то, чтобы сделать украшение, и как долго оно ждало своего покупателя после выставления нового лота на сайт.

Назад
Темы раздела
Примеры визуализации 8Теория 6Книги 2События 2Инструменты 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+