Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Подбор цветов в инфографике — непростая задача. Тут как нигде в графическом дизайне важно, чтобы информация считывалась заданным, а не произвольным образом. Мысли «о красоте» в инфографике — последний этап, о котором стоит задуматься уже после того, как основная работа закончена.
С точки зрения функциональности, самый многогранный цвет — серый. Оставим за кадром рассуждения, о том является ли он цветом, и рассмотрим примеры.
В графике Моритца Стафанера (автора проекта Truth and Beauty) о соотношении продолжительности жизни и уровня рождаемости акцент сделан на паттернах, характерных для США и Вьетнама. Этот эффект достигается благодаря четкому разделению на цвет (зеленый, фиолетовый) и не-цвет (серый).
В bullet graph Стефана Фью три оттенка серого использованы, чтобы дать почву для интерпретации. Черная шкала — шкала количественных значений. А три оттенка серого отражают качественные уровни (хороший, плохой, средний) и помогают интерпретировать эти значения.
В научной иллюстрации Браена Кристи изображение сердца притягивает внимание благодаря цвету, а серая, напоминающая рентген грудная клетка отображает расположение сердца. Она не привлекает к себе излишнего внимания и не перегружает изображение.
В линейном графике Мартена Ламбрехта отражена история сезонного варьирования температуры. Использование серого дает тут сразу три преимущества.
В дэшборде Welovroi серый фон использован для визуальной организации информации. Он разделяет смысловые блоки без кричащих бэкграундов или отвлекающих внимание границ.
В интерактивной схеме энергетических потоков Кристиана Беренса и компании Рориф серый отображает опции, которые не выбранны в данный момент, сохраняя их видимость.
Серый — заместитель неизвестной информации. В проекте Bloomberg Billionaires лица людей, чей внешний вид неизвестен, отображены серыми силуэтами. Решение одновременно решает проблему визуализации и намекает на интригу — в миллионерах-затворниках, несомненно, есть что-то мистическое.
Перевод с англ. «Make Grey your best friend» by Andy Kirk
Награда Малофей, известная по сути как Пулитцеровская премия в мире инфографики, оценивает лучшие инфографические работы изданные по всему миру в печатном и цифровом видах. В прошлом году более полутора тысяч работ соревновались за престижную награду.
Заметными достижениями премии стали работы журнала National Geographic (приз за лучшую печатную карту и две золотые награды) и Internet Group do Brasil iG (золото). Однако, как и в предыдущие годы, New York Times и его графическое портфолио стали фаворитами премии: издание заработало шесть золотых медалей (четыре печатных работы и две онлайн), приз за лучшую онлайн-карту и обе награды «Лучшие из лучших» за печатные и цифровые работы.
Так в чем же заключается секрет продолжительного успеха New York Times? В этой статье мы собрали 10 ключевых характеристик, которые, если объединить в единый процесс создания графики, позволяют чётко выделять их работу от массы работ других издательств и дизайнеров.
1. Ясность замысла и контекста
Определение цели инфографики или визуализации — это первый вопрос, который стоит принять к рассмотрению, прежде чем начать какой бы то ни было творческий процесс. Состоит ли эта цель в том, чтобы предоставить зрителю возможность взаимодействия с данными и, благодаря им, делать личные открытия? Должна ли графика передать сюжет или отразить определенное редакционное видение вопроса? Будет ли она статической, интерактивной или даже видео-визуализацией? Способность на начальной стадии процесса принимать подобные ключевые решения, основанные на ясности идеи, отличает New York Times от других изданий.
2. Уважение к читателю
Наиважнейшая цель визуализации, или инфографики, должна состоять в том, чтобы сделать ее предмет понятным. Но скорее посредством обеспечения ясности, чем достижения простоты. Мы [NYT] не стремимся разбавить сложность предмета, но лишь хотим сделать его более удобоваримым с помощью изящного представления. Непосредственность интерпретации не всегда является обязательным показателем любого визуального дизайна, поскольку отдельные темы действительно требуют некоторого времени для понимания. Но это не проблема, так как усилие, приложенное читателем, в конце концов, вознаграждается способностью вникнуть в суть вопроса. New York Times надеется, что их читатель обладает терпением, зрелостью и способностью высоко оценить возможность исследовать и получать новые знания благодаря графике. И этот факт, в свою очередь, улучшает качество проектных решений издания.
3. Редакционная интеграция
Работа графических редакторов New York Times прочно вплетена в редакционный ритм печатных журналистов. Хотя обычно графика рассматривается как дополнение к печатной новости, как ее визуальное сопровождение, порой ее значение возрастает настолько, чтобы стать центральным артефактом сюжета.
4. Ясность вопросов
Благодаря сильной журналистской культуре графических дизайнеров, вопросы, на которые отвечает каждая визуальная история, и сюжеты, которые она стремится оживить, становятся исключительно ясными и простыми для понимания. В результате, все визуальные образы: будь то иллюстрация, набор элементов визуализации или фото-композиция – идеально соответствуют друг другу и отвечают на поставленные вопросы.
5. Исследование данных и подготовка
Одним из наиболее важных сообщений, которые были озвучены докладчиками New York Times на Малофее, – стало сообщение об объеме подготовки и исследований, которые неизбежно входят в процесс создания графики. Идет ли речь о долгосрочной разработке программных библиотек, которые будут, в конечном счете, служить основанием для последующих картографических проектов, или о тесном взаимодействии с другими отделами с целью получить доступ к богатым и глубоким источникам данных – строгость работы редакции очевидна всем.
6. Визуальная сдержанность
Для всех работ New York Times характерна последовательная и легко опознаваемая визуальная индивидуальность, которая тщательно отрабатывалась в течение многих лет и которая является причиной настоящей графической элегантности их портфолио. В частности, неизменно узнаваемы цвета, которые используются очень умеренно, в едва уловимых оттенках, только чтобы выделить, придать большее значение или зашифровать данные без какого-либо намерения излишне декорировать графику. Однако их работы некоторым могут показаться слишком сдержанными – и это лишь еще раз доказывает убежденность издания в том, что нет необходимости открыто привлекать внимание читателей типичным для других изданий образом.
7. Макет и верстка
Попытки редакторов заполучить пространство для публикации на лучших, посвящённых рубрике «недвижимость», страницах такой газеты, как New York Times, сродни попыткам приобрести землю на Красной площади. Однако, вопросу о позициях и размерах, в которых графика появляется в печатной версии, редакция придает особое значение. И неважно, полноценные ли это колонки, разворот на две страницы или драматические диагонали – Times делает все возможное, чтобы каждая графика заняла достойную позицию, позволяющую улучшить взаимосвязь между изображением и статьей.
8. Разнообразие техник
Хотя вполне очевидна, и успешно используется последовательная формула подготовки, и строгий подход редакции, и визуальная индивидуальность каждой графической работы New York Times – всё равно, разнообразие техник в портфолио свидетельствует о безграничной гибкости и разносторонности. В их визуализациях крайне редко встречается повторение одних и тех же приемов. Каждая графика тщательно проработана и предназначена специально для того, чтобы ответить на ключевые вопросы или передать важные сюжеты, которые желает осветить издание.
9. Техническое исполнение
В трехмерной иллюстрации, пузырьковой диаграмме или в интерактивной карте команда графических дизайнеров New York Times всегда демонстрирует выдающиеся технические способности и безупречное качество владения матчастью.
10. Аннотации
Аманда Кокс, графический редактор New York Times, полагает, что качественные аннотации для их график – это «самая важная вещь, которую мы делаем». Посредством внимательного использования меток, вводных частей, поясняющих текстов и заголовков, дизайнеры New York Times берут на себя обязанность: помочь читателю в понимании контекста графики и интерпретации ее ключевых сообщений.
Множество примеров графических работ New York Times, созданных в течение многих лет, можно увидеть на следующих сайтах:
Автор статьи, Энди Кирк – консультант, дизайнер и преподаватель визуализации данных. Был судьей и докладчиком на Малофее 20. В настоящее время Энди читает однодневный учебный курс «Введение в визуализацию данных» в Европе и Северной Америке, предоставляя слушателям вдохновляющий и образовательный маршрут в этот, ставший как никогда популярным, предмет.
Рекомендуем к обязательному изучению — исчерпывающий путеводитель от Visual.ly о том, как визуализировать разницу между двумя числами.
Оригинал постера тут. Есть конечно бессмысленные, вроде последнего (наверное от гонки за количеством), но в целом очень хороший материал чтобы напомнить себе о всех существующих возможностях!