Полезное
656 статей › RSS

5 советов по созданию инфографики

Инфографика и иконки

Создание инфографики – непростая задача, по сложности сравнимая с проектированием небольшого веб-сайта. И в том и другом случае все начинается с поиска концепции, определения целей и разработки прототипа. Однако есть большая разница между сайтом и инфографикой и заключается она в способе подачи информации. Как правило, небольшой сайт содержит несколько страниц, которые привлекают внимание пользователей разными способами. Инфографика – это всего один блок, где размещаются все важные данные. Есть пять основных правил, следуя которым можно создавать качественную, красивую и полезную инфографику.

 

История и цифры

 

 


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

 

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

 

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

 

Стилевое единство

 

 


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

 

Есть несколько способов усилить визуальную компоненту инфографики:

 

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

 

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

 

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

 

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

 

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



 

Типографика и визуальная иерархия

 


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

 

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

 

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

 

Пустое пространство

 


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

 

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

 

С помощью пустого пространства можно создать баланс между массивными визуальными или текстовыми элементами, задав определенный ритм. У многих дизайнеров при создании инфографики возникает соблазн забить данными все пространство холста – это ошибка. Такой подход хорошо работает в рекламных плакатах, а для инфографики совсем не работает.

 

Призыв к действию

 


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

 

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

 

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

 

Вывод

 

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

 

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

 

 

Источник

    Понравилась статья? Поделись с друзьями!

    Поделиться

или

следи за новостями в соцсетях

Подпишись на рассылку.

Без рекламы и только самое интересное!

Комментарии

Всего: 0 комментариев

Оставлять комментарии могут только пользователи.

Подписка на Freelance.Today





или

следи за новостями в соцсетях


Фриланс новости, биржи фриланса, freelance