С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
Помните советы о том, как рисовать иллюстрированные карты от Ливи Гослинга и журнала Digital Arts? Мы подготовили для вас еще одну порцию. На этот раз от иллюстратома Михаэля Мюллана.
Я начинаю со сбора информации – ищу все, что ассоциируется с местом: популярные места, достопримечательности, слова. Потом я нахожу актуальную карту и использую ее как гайдлайн, чтобы расположить на ней все слова и элементы. А потом приступаю к наброскам.
На этой стадии я прорабатываю все вопросы дизайна. Смотрю, чтобы элементы были расположены равномерно, и не было ощущения диспропорции или нечитабельности.
Секрет успеха иллюстрированной карты именно в балансе между визуальным обликом и читабельностью. Особенно сложно соблюсти этот баланс, если нужно придерживаться географической точности. Важно понимать, что именно хочет клиент и насколько сильно можно исказить реальность. Продолжить чтение →
Digital arts недавно опубликовал советы о том, как рисовать иллюстрированные карты. Мы выбрали несколько наиболее полных советов и решили поделиться с вами. Начнем с гайдлайнов от иллюстратора Ливи Гослинга, который рисует трогательные карты для журналов про туризм и еду.
Я начинаю с Pinterest – смотрю достопримечательности, популярные места и кафешки. А потом очень свободно рисую чернилами контуры карты и дороги.
Пока фон сохнет, я начинаю работать над иллюстрациями самих достопримечательностей и иконками. Это самая трудоемкая часть. Важно, чтобы здания оставались узнаваемыми, но нет смысла очень их детализировать, иначе придется потратить на это ни один час. Продолжить чтение →
Некоторое время назад мы разработали схему, показывающую устройство рынка российской энергетики. Инфографика создавалась для Департамента энергетики и энергоэффективных проектов ОАО «ВБРР». Команда департамента занимается реализацией проектов в области увеличения эффективности использования энергии промышленными предприятиями и организациями ЖКХ и им понадобился простой визуальный инструмент, который позволял бы понятно рассказывать о структуре российского рынка. Мы с радостью включились в задачу!
Тема сложная. Чтобы объяснить кому-то другому, а тем более сделать объясняющий материал, для начала необходимо разобраться самим. Начинаем со сбора исходной информации. Вот так выглядит схема, которая использовалась клиентом для внутренних коммуникаций и которая легла в основу нашей работы:
Как это похоже на устройство любого бизнеса в России!…
Начинаем распутывать загадочный клубок. Чтобы разобраться, кто есть кто среди этих квадратиков и кружков, мы взялись за карандаш и начали визуализировать. На нашей условной карте появились различные генерирующие предприятия (АЭС, ГЭС, ГРЭС, ТЭЦ) и потребители электроэнергии (промышленные предприятия, организации ЖКХ, население), затем мы соединили все это проводами (транспортировка электроэнергии) и добавили продавцов электроэнергии (межрегиональные и региональные сбытовые компании). В заключение была проведена граница оптового и розничного рынка.
Затем последовал этап интенсивной совместной работы, когда за одним столом собирались представители клиента и нашей компании и с карандашом в руках накидывались все новые и новые варианты компановки, расширялась смысловая нагрузка карты и уточнялись роли всех участников рынка.
Нам еще предстояло показать возможные варианты подключения потребителей, разобраться в том, кто такие гарантирующие поствщики, и выяснить, что такое последняя миля. Отдельно хотим сказать большое спасибо коллегам из ВБРР, которые не испугались необходимости объяснять нам все эти страшные аббревиатуры и рассказывать о множестве нюансов рынка.
На этом этапе мы начали переходить от набросков «от руки» к векторным проектировкам. Заодно стали формироваться графические элементы, которые могли бы использоваться в конечном варианте карты. Чтобы наглядно показать, как электричество попадает в наши дома и на промышленные предприятия, мы построили целый городок со всеми удобствами, канализацией и центральным теплоснабжением, троллейбусной линией, отличным школьным зданием и бензоколонкой. Большинство людей, которые живут в этом сказочном городе, вероятно работают на большом нефтеперерабатывающем заводе, который расположился на южных окраинах. За городом для производства электричества мы построили атомную станцию, гидроэлектростанцию, конденсационную станцию, а в черте города появилась небольшая теплоцентраль. Если же вам претит городская суета, то можно поселиться на природе и пользоваться солнечными батареями, энергией ветра или генератором на биотопливе.
Разобравшись с «генерацией» и «потреблением», мы перешли к более тонким деталям и снова обратились за технической информацией к заказчику. За счет использования изображений стандартных опор ЛЭП различной формы визуально проявилась иерархическая структура сетевых компаний (ФСК, МРСК), была возведена магистральная ветка ЛЭП. Появилось направление движения электроэнергии, определились розничный и оптовый рынки, а так же область «вне рынка» (оказывается, так тоже бывает!). Продолжить чтение →
В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.
Основные опорные точки по мнению автора:
Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. История начинается с ранних карт и медицинских теорий. В дальнейшем прогресс в математике, торговле, сборе статистических данных и в науке в целом сильно ускорил развитие визуального мышления. Этот процесс проходил наравне с изменением технологий и методов по сбору данных, их хранению и передаче.
Все это дало очень благодатную и разнообразную почву для развития информационного дизайна, которую современные авторы часто игнорируют и начинают летоисчисление инфографики намного позже.
Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.
До 17 века – Ранние карты и диаграммы
Первое зерно визуализации зародилось в геометрических диаграммах, в таблицах положений звезд, иллюстрациях частей тела и в навигационных картах.
Среди ранних отображений количественной информации есть график перемещения звездных тел (найденный Funkhouser, повторенный Tufte), где в двумерной системе координат показано движение планет. Этот график служит хорошей иллюстрацией данного периода.