Лучшая инфографика для бизнеса. Закажите инфографику для вашего проекта.

ТИПИЧНОЕ ЗАБЛУЖДЕНИЕ: большинство людей неверно называют инфографикой векторные иллюстрации в стиле flat

ИНФОГРАФИКА для бизнеса – ЭТО:

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

ЦЕННОСТЬ ВИЗУАЛИЗАЦИИ

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

КАКИЕ СТИЛИ ИНФОГРАФИКИ НАИБОЛЕЕ УСПЕШНЫ

Flat design — поднадоевшая стилистика оформления инфографики, позволяющая однако довольно быстро создать качественную рекламную продукцию
Hand made — диаграммы с рисунками от руки. Идеальна для модных молодежных кафе и баров
3D инфографика — более эффектная подача информации, по сути основана на векторном дизайне с добавлением объема и теней.
Фотореализм — более сложная в техническом исполнении и соответственно более дорогая стилистика. Позволяет качественно выделиться на фоне конкурентов.
Simplisity — чистая простота. Данный стиль набирает все большую популярность. Он не сложен в исполнении, графические элементы не отвлекают от основного контента. Как правило фоном выступает тонированная фотография.

КАК СДЕЛАТЬ ИНФОГРАФИКУ ВИРУСНОЙ

1. Выберете для исследования интересную тему и оригинальный запоминающися, интригующий заголовок
2. Для статистики используйте
разные источники информации
3. Продвигайте иллюстрации через социальные медиа, сделайте так, чтобы их удобно было распространять
4. Предоставьте вашим читателям простой способ связи с вашей компанией
5. Не стоит использовать белый фон
и слишком большие объемы текста. Тезисы и хорошие текстуры – слогаемые успеха
6. Проинформируйте как можно больше сайтов и блогов о вашей инфографике, чтобы получить больше просмотров и перепостов
7. Уделяйте внимание поисковому ранжированию. Google обрабатывает 34000 поисковых запросов в секунду, однако 75% пользователей не просматривают дальше первой страницы выдачи

КАК ИЗМЕРЯЕТСЯ УСПЕШНОСТЬ КАМПАНИИ

— Измеряйте успешность поисковой оптимизации при помощи Google Webmaster Tools, определяющего прирост внешних ссылок на ваш сайт. Используйте Яндекс Метрикудля российской аудитории
— Измеряйте информированность аудитории о вашем бренде по тому, сколько раз файл с инфографикой был скачан с вашего сайта
— Чтобы измерить интерес в соц сетях, следите за приростом новых подписчиков и тем, как часто люди делятся вашей инфографикой.

Популярность инфографики постоянно растет

В мае 2016 хэштег #infographic был использован 76213 раз в twitter
GOOGLE с апреля 2015 по май 2016 в среднем 102 000 запросов “инфографика” в месяц
ЯНДЕКС в период с апреля 2015 по май 2016 зафиксировал 351 120 запросов “инфографика”

Ежедневно в блогах пишется 2 000 000 постов. Представьте, сколько из них содержат инфографики

Каждый день 172 000 000 уникальных пользователей используют Facebook и они могут поделиться со своими друзьями тысячами или миллионами качественных и интересных работ. Инфографика может помочь в продвижении вашего сайта, что приведет е получению более высокому ранжированию в поисковой выдаче и большему числу посетителей вашего ресурса. 36,4% пользователей переходят по первой ссылке поисковой выдачи. 12,5% – по второй и всего 9,55% – по третьей.

Такие разные стили для дизайна инфографики

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

 

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

---

inspirationde.com  

---

blog.red-website-design.co.uk  

---

designschool.canva.com  

---

behance.net  

---

webmag.co  

---

lemonly.com  

---

brainymarketer.com 

---

creativebloq.com  

---

payoff.com  

---

icecream.com 

---

lifehack.org  

---

designtaxi.com  

---

blog.appmixture.io  

---

news.visualdive.co.kr 

---

adweek.com 

---

Подборка — Дежурка

Смотрите также:

Принципы создания качественной инфографики

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

Краткость

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

Большинство катастрофических разливов нефти в мире—инфографика, созданная Travel Insurance . Она точно описывает проблему. Помимо карты с крупнейшими разливами нефти, здесь добавлены более значительные и интересные факты. Это яркий пример того как, быть кратким и актуальным.

Креативность

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

Эта графика  Minicrane-Hire предоставляет некоторую информацию о  UNIC mini-spidercrane, которая празднует свое 8 лет в этом году. Дизайн, безусловно, уникальный и творческий.

Визуализация

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

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

Организация

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

Это инфографика о землетрясениях является результатом сотрудничества между GOOD и Column Five Media. Дизайн не играет здесь главной роли, хотя информация и факты очень удачно организованы. Инфографика включает в себя некоторые важные данные, а также некоторые демонстративные графики.

Прозрачность

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

Это еще один пример  сотрудничества между GOOD и Column Five Media. Они создали инфографику об электричестве и поставках энергоресурсов в Африку. Это сложная тема, поэтому некоторые люди, возможно, захотят заглянуть в нее глубже. Хотя авторы не дают прямые ссылки, в нижней части инфографики указан список использованных источников.

Точность

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

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

Актуальность

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

Это инфографики от Visions Service Adventures является прекрасным тому примером. Здесь представлена информация о борьбе между странами, поэтому используется карта мира, а также иконки и иллюстрации, которые отражают данную тему.

Простота

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

Инфографика «Что происходит с блогерами?» от Flowtown является прекрасным примером простоты. Авторы использовали обычный фон, чистые цвета и простые диаграммы для представления данных. В результате получилась великолепная, демонстративная и легкая для восприятия инфографика.

Ресурсы

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

Infogra.ru

InfographicGallery

Style and Flow

Good.is

По материалам 1stwebdesigner



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

Тенденции в дизайне инфографики — PT-Blog.ru

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

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

Итак, рассмотрим существующие тенденции в инфографике…

Флет-дизайн

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

Крупные рисованные иллюстрации

Графика, созданная вручную, «убила» повсеместную моду на использование стоковых фотографий. Такая графика добавляет уникальности и притягивает внимание к инфографике.

Драматичная типографика

Крупная, «мощная» типографика сейчас используется не только для чтения, но и для заявления о себе. Текст с использование крупной типографики является одним из центров фокуса всей типографики.

Геометрические формы

Тренд на геометрию продолжится и в этом году.

Сторителлинг

Инфографика всегда связана с повествованием (сторителлингом).

Информационные блоки

Времена использования в инфографике одинаковых, скучных шаблонов прошли. Объединение 3-4 пунктов с кратким описанием и правильными иконками прекрасно работает.

Material design

Material design в этом году доминирует практически везде, включая инфографику.

Современное ретро

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

Абстрактный стиль

Этот тренд основан на минимализме и узнаваемых формах. Такая инфографика – это смесь человеческих форм и смелых цветов.

А какие интересные тренды в инфографике знаете вы? Поделитесь в комментариях.

ЭТО ИНТЕРЕСНО!

Создание инфографики | Заказать дизайн инфографики для SEO

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

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

Примеры инфографики, реализованные в нашем агентстве. Больше проектов в нашем портфолио.

Создание инфографики (инфограммы) для продвижения в социальных сетях

Вы можете заказать дизайн инфографики про вашу услугу или отрасль для сайта.

Мы живем в бесконечно меняющемся мире и каждый день соприкасаемся с новой информацией (причем буквально), которая генерируется, отслеживается и потребляется как никогда быстро и много.

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

Доказано, что визуальный контент обрабатывается мозгом в 60 000 (!) раз быстрее, чем текст, а 90% информации, которая там содержится, –  визуальная.

Качественная инфографика захватит внимание зрителя и заставит читать дальше.

Почему стоит заказать инфографику именно у нас?

Креативное агентство Mind Republic создает красивую, простую, стильную и понятную инфографику. И речь даже не о том, что инфографика как нельзя лучше проиллюстрирует вашу статью, отчет, презентацию — да все, что угодно! Гораздо важнее, что она сделает вас понятнее и ближе к вашей аудитории. Именно инфографика «на пальцах» объяснит за вас сложные механизмы и явления. Формула успеха нашей инфографики не только в тщательном продумывании названия и цветового решения, но, в первую очередь, в актуальной и интересной для ваших клиентов теме и ее качественном исследовании.

Почему инфографика для бизнеса становится все популярнее?

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

Инфографика в стиле «плоский дизайн» (flat design) 
Очень модный сегодня flat design призван максимально упростить визуальное восприятие инфографики. Выбрав плоский дизайн, вы отказываетесь от всего, что «утяжеляет» иллюстрацию. Вместо различных теней, бликов, текстур и градиентов, яркий акцент на важных деталях создается при помощи цвета. Изображение как будто бы приплюснуто, это нарочитая 2d стилизация. Многие сильные бренды уже используют этот стиль, достаточно вспомнить компанию Apple – в последних версиях iOS иконки выполнены как раз в стиле флэт дизайна.

Создание инфографики в стиле «полигональный дизайн» (polygonal design)
Такие иллюстрации инфографики состоят из разносторонних треугольников. Можно предположить, что полигональная графика развилась из течения кубизма или футуризма, а в дизайне прекрасно показывает себя как в сочетании с разными текстурами и градиентами, так и с чистыми плашечными цветами. Такой дизайн по-прежнему набирает популярность, позволяя с ним экспериментировать и каждый раз индивидуализировать.

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

8 принципов создания отличной инфографики

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

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

1. Краткость

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

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

Большинство катастрофических разливов нефти в мире—инфографика, созданная Travel Insurance . Она точно описывает проблему. Помимо карты с крупнейшими разливами нефти, здесь добавлены более значительные и интересные факты.

Рис. 1. Яркий пример того как, быть кратким и актуальным.

2. Креативность

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

Рис. 2. Minicrane-Hire предоставляет некоторую информацию о UNIC mini-spidercrane, которая празднует свое 8 лет в этом году. Дизайн, безусловно, уникальный и творческий.

3. Визуализация

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

Это инфографика (Рис. 3) от Rackscape является выдающимся примером визуализации. Здесь представлена информация о байтах, что может показаться довольно скучным, но всё же авторам удалось подать данные приятным и интересным способом. Каждая порция информации сопровождается большой красочной иллюстрацией.

4. Организация

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

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

Инфографика на Рис. 4 о землетрясениях является результатом сотрудничества между GOOD и Column Five Media. Дизайн не играет здесь главной роли, хотя информация и факты очень удачно организованы. Инфографика включает в себя некоторые важные данные, а также некоторые демонстративные графики.

5. Прозрачность

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

Это (Рис. 5) еще один пример сотрудничества между GOOD и Column Five Media. Они создали инфографику об электричестве и поставках энергоресурсов в Африку. Это сложная тема, поэтому некоторые люди, возможно, захотят заглянуть в нее глубже. Хотя авторы не дают прямые ссылки, в нижней части инфографики указан список использованных источников.

6. Точность

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

В этом (Рис. 6) примере инфографики от Column Five Media мы можем наблюдать идеальное использование пропорций. Здесь представлены полукруги для значений цен разных товаров, купленных в интернет-магазинах. Радиус окружности идеально соответствует соотношению чисел.

7. Актуальность

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

Это инфографика (Рис. 7) от Visions Service Adventures является прекрасным тому примером. Здесь представлена информация о борьбе между странами, поэтому используется карта мира, а также иконки и иллюстрации, которые отражают данную тему.

8. Простота

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

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

Инфографика «Что происходит с блогерами?» от Flowtown (Рис. 8) является прекрасным примером простоты. Авторы использовали обычный фон, чистые цвета и простые диаграммы для представления данных. В результате получилась великолепная, демонстративная и легкая для восприятия инфографика.

Фото на обложке: ShutterStock

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

Создайте точку фокуса внимания

Инфографика слишком часто превращается в чересчур усложненную кашу из картинок и текста. Дизайнер может легко увлечься и создать вместо полезной конструкции нечто гнетущее.

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

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

Создайте точку фокуса внимания

Инфографика слишком часто превращается в чересчур усложненную кашу из картинок и текста. Дизайнер может легко увлечься и создать вместо полезной конструкции нечто гнетущее.

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

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

Как только центральный элемент привлек вас, вы запросто сможете переключить внимание на расположенные по сторонам данные – как графические, так и текстовые.

Вы можете это прочитать, взглянув лишь раз?

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

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

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

Используйте уместные метафоры

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

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

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

Используйте срезы

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

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

Информацию можно сделать красивой

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

Вместо этого мы ставим целью всю картину: что мы можем узнать, отступив назад и взглянув на все данные разом? В таких обстоятельствах дизайнеры часто отображают данные так, что результатом становится настоящее произведение искусства!

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

Не увлекайтесь столбиковыми диаграммами

Дизайнер, научивший меня почти всему, что я знаю, всегда говорил мне одну вещь, навсегда оставшуюся в памяти: «Первая твоя идея всегда самая банальная». В дизайне практически всегда так – первое, что приходит вам в голову, также посетит голову и другого дизайнера. Это не всегда плохо, однако же, ведет к большим объемам неоригинального творчества.

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

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

Используйте повторы

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

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

Рассказывайте историю в картинках

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

Из инфографики ниже я могу получить тонну информации, не прочитав ни единого слова. Я мгновенно понимаю, зачем нужно было изображать телефоны разных лет и благодаря картинкам могу оценить процесс их эволюции. Глаза скользят снизу вверх от телефонов к подвесным грузам – наглядное изображение того, как вес телефонов менялся год от года.

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

Тщательно изображайте сравнения

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

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

Не экономьте на визуальных подсказках

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

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

Больше инфографики

Хотите еще больше инфографики? Ознакомьтесь с приведенными ниже ссылками на потрясающие ее образцы:

Заключение

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

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

Ориганал статьи

Перевод подготовлен: CMSmagazine