Дизайн и создание инфографики. Часть 3-4.


3-4.jpg

Завершение курса от Мичиганского университета Design and Make Infographics. Сегодня речь пойдет речь об использовании в инфографике такого элемента, как карты, а так же о решающем значении цвета.

Ознакомиться с другими частями курса можно здесь:
Дизайн и создание инфографики. Часть 1.
Дизайн и создание инфографики. Часть 2.

Использование карт в инфографике.

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

Таким образом вы взяли карту и соединили ее с имеющимися у вас данными. Это называется Географические информационные системы (GIS, Geographic Information Systems), которые связывают географию и информацию, и существуют бесплатные программы, которые помогут сделать вам это.

Основные элементы карты.

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

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

На карте мы также можем увидеть линии, они могут означать дороги, реки или границы

Еще один визуальный элемент - это точки. Точками могут быть обозначены города или например, места, где произошли те или иные события. Другими словами, точками изображают все, что имеет определенный адрес или координаты.

Итак, основными элементами карты являются - зоны, линии и точки.

image.jpg

Основные элементы карты можно разнообразить используя следующие приемы:

Иконки.

Точку можно заменить на треугольник, квадрат или иконку. Например, рестораны можно обозначить иконкой с изображением вилки и ножа.

image.jpg

Цвет.

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

image.jpg

Размер.

Размером можно показать на карте, какие элементы главные, а какие второстепенные.
Например, большим треугольником можно обозначить головной офис, а маленькими треугольниками филиалы.

Дополнительные элементы карты.

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

Типы карт.

Многие из нас представляют карту примерно так: image.jpg

Ну или так: image.jpg

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

Текст в картах.

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

Цвет в инфографике.

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

Например, можно использовать приглушенные цвета в качестве фона с насыщенными яркими цветами поверх. Эта техника позволяет читателю инфографики ориентироваться в материале.

Рассмотрим это подробнее на примере.

image.jpg

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

Заключение:

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

Конспект подготовлен для Академии Голоса @academy.

Comments 1