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

infographer

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

Тема: российская инфографика 45

Пузырьки веры

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

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

Николай Романов: Религия — неотъемлемая часть жизни любого человека, даже атеиста. К тому же эта тема очень активно муссируется из-за «мусульманского нашествия». Нам стало интересно, как дела обстоят на самом деле.
Собрав данные о распределении основных мировых религий, мы поняли, что:

  1. «мусульманский вопрос» излишне раздут
  2. отразить распределение религий внутри стран принципом заливки не получится, так понятие монорелигии для многих стран уже не актуально

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

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

Модель вируса иммунодефицита. Made in Russia

Изображение14 г. назад 11 Примеры визуализациинаучная инфографика, российская инфографика

18 февраля журнал Science объявил победителей 8-го ежегодного Международного конкурса научной и инженерной визуализации. Лучшей научной иллюстрацией года стало изображение 3D-модели ВИЧ, авторство которой принадлежит российской студии Visual Science.

Этот анонс прошел на сайте Теории и Практики. И студия Visual Science в лице Ивана Константинова так же любезно ответили на мои вопросы:

Иван: «Мы считаем, что такие модели 3D-модели — это новый способ представить последние научные данные о строении наиболее распространенных вирусов человека в простом и наглядном виде, так что даже неспециалист сможет оценить сложность и красоту вируса — считает Иван Константинов, руководитель проекта.

— Во время работы над этим проектом нас консультировал доктор Егор Воронин из Глобального центра по разработке ВИЧ-вакцин: помогал оценить данные, делился информацией о последних исследованиях и своими взглядами». По словам Константинова, визуальные модели студии Visual Science выполнены в высокой детализации и поэтому могут быть использованы самым различным образом: от иллюстраций и анимаций до интерактивных приложений для веб и мобильных платформ — таких, как iPad.

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

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

Журнал Инфографика. Выпуск2

Изображение15 г. назад 8 Примеры визуализациироссийская инфографика, социальная информация

В Петербурге уже 2 недели распространяется новый номер журнала «Инфографика». Журнал Инфографика издается с января 2011 года редакцией ООО «Манифест». Выходит первого числа каждого месяца и распространяется бесплатно в 95 популярных кафе и ресторанах города. Тираж – 40 000 экземляров. Инфографика – журнал для любознательных и неравнодушных. В нем нет текстов, только яркие образы и качественная графика. Сфера интересов – все, что мож­но подсчитать и измерить. Страничка в ЖЖ.

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

Например, для темы про бензин мы сразу определили «схему».

Бюджет сначала хотели делать в виде кругов, но потом поняли, что не сможем наглядно показать, как распределяются деньги. Поэтому, в конечном итоге, остановились на «схеме-мясорубке» (извините, я не знаю как она правильно называется).
Журналисты объясняют дизайнерам, какой посыл должен быть у статьи и предлагают свои идеи по визуализации, но окончательное решение о композиции материала, образах и т.п. — остается за дизайнерами.
Материал собираем из открытых источников.

Например, всю информацию по бюджету взяли на сайте Минфина и Росстата:

Для индекса счастья мы сначала просто хотели найти данные об уровне жизни, но оказалось, что есть целая организация, которая ведет подсчет по специальной системе. Когда с ребятами обсуждали этот индекс, то пришли к выводу, что сам по себе он будет скучно смотреться, поэтому его нужно с чем-то сравнить. В итоге, взяли показатели ВВП и совместили (см. приложение). Но диаграмма получилась очень путанной. Из-за наложения цветов было сложно разобраться в системе. Долго спорили, обсуждали как лучше сделать, и в итоге пришли к тому варианту, что Вы видите в журнале!

Журнал «Инфографика», выпуск №1

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

Спасибо Ивану П. за наводку — вашему вниманию российский журнал «Инфографика», сделанный энтузиастами Артём Колегановым и Вадим Ильиным.

Публикую 2 работы как приманку — идите на Flickr, радоваться за российскую инфографическую индустрию в полной мере.

Аномальные температуры 2010 интересовали не только нас! Но мы не пошли дальше центральной части России в своих изысканиях.

И продолжение темы Чемпионата Мира по Футболу. Теперь в России.

GEO — как делают валенки

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

Вот и вышла в свет, работа выполненная нами для журнала GEO — рекомендую к изучению декабрьский номер!

Что было на руках: текст статьи с описанием процесса производства. Плюс просмотрели доступные на Youtube видео ролики.

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

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

О жаре: цыплят по осени считают!

Изображение15 г. назад 7 Примеры визуализациироссийская инфографика

Нас очень увлекает работа над ситуативной инфографкой — вот произошло что-то в мире, а мы раз и инфографику сделали быстренько )

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

Напоминаю как выглядел оперативный вариант (созданный за 2 дня в страшной жаре), его критику можете почитать если перейдете по ссылке на картинке.

Потом мы нашли работу РИА Новостей. И тоже есть что критиковать:

  • два дня 10.08
  • самый-самый рекорд 38.2 рекордом не смотрится
  • нет последствий и данных о том, к чему такие градусы привели
  • псевдо объемность столбиков отвлекает, в итоге визуально их становится 3 в каждом дне — серый, красный и белый

А теперь наша заявка на победу — проба пера Жени Герц, она замечательный художник и моя бывшая одноклассница в Британке, давайте скажем ей что-нибудь приятное и на поле информационного дизайна!

Вообщем изучайте и комментируйте!

Российская инфографика

Российская инфографика

Ссылочка на pdf в хорошем качестве

График разводки мостов в Санкт-Петербурге

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

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

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

Проект Разводка Мостов в Петербурге постарался элегантно решить эту задачку:

Я бы наверное только увеличила контраст между водой и мостом, чтобы издалека было ясно. Для примера ниже чуть более простой вариант (возможно за другой год, поэтому не сравниваем точность). В нем я одного не могу понять — закрашенные области — это время разведенных мостов? Или наоборот пробел означает отсутствие моста?

И официальный вариант, чтобы разница была понятна:

Диаграмма Sankey — страсть этого сезона

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

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

А вот об использовании теперь подробнее! Инструментов для ее сотворения не много — Excel не может, Many Eyes и Tableu тоже. Строить вручную сложно — нужно выверять толщины линий, редактировать каждую по отдельности.

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

Ниже пример использования от разработчиков диаграммы e-sankey — для автомобильного траффика на перекрестке, пожалуй самый гениальный случай, я не знаю как это можно визуализировать лучше.

диаграмма Sankey, инфографика

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

инфографика сбережения воды

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

Техническая иллюстрация Новас-Энерджи

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

Публикуем новость заново, у многих не открывались картинки в хорошем качестве.

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

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

Что стояло в задачах (делали буклет для работы на выставке, но потом это переросло и в оформление самого стенда):

  1. Показать работу прибора, состоящую из нескольких стадий (плазменный взрыв, остывание и т.д.)
  2. Проиллюстрировать как прибор эффективно работает в разных видах скважин (нагнетательной, добывающей, горизонтальной — да, теперь мы в них разбираемся благодаря урокам с заказчиком)
  3. Сделать 3D модель самого приборчика — здесь отдельное спасибо Алексею Залате, собравшему прибор по разрозненным чертежам
  4. Чтобы было понятно без слов, что нефтедобыча в результате такой очистки увеличивается в разы
  5. Что для очистки требуется минимум ресурсов и времени — никаких сложных построек на поверхности
  6. Минимум внимания слоям почвы и окружающей среде

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

добывающая скважина

добывающая скважина

Горизонтальная скважина

горизонтальная скважина

прибор Plasma Streamer в действии

прибор Plasma Streamer в действии

В мега-качестве (для постеров, размер 3000х2000 пикселей):

  • Добывающие скважины — инфографика (1mb изображение)
  • Горизонтальные скважины — инфографика (1mb изображение)
  • Прибор Plasma Streamer в действии (1mb изображение)

Репосты приветствуются!

Novichkov news

Статья15 г. назад 3 Колонка со-авторов, Примеры визуализациироссийская инфографика

Разворот из журнала «Вокруг Света».

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

Арт-директор: Антон Федоров. Автор редизайна журнала «Вокруг Света»: Дима Барбанель. Дазайн инфографики: Алексей Новичков.

Специально для инфографер.ру 🙂

инфографика

НазадВперед
Темы раздела
Новости 2Теория 4События 7Примеры визуализации 31Инструменты 2Колонка со-авторов 3Критический взгляд 1я About 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+