Стиле инфографики: 30 трендов графического дизайна для успеха вашей инфографики

Содержание

30 трендов графического дизайна для успеха вашей инфографики

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

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

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

Если вы собираетесь проектировать инфографику, обратите внимание на существующие тенденции.

В этой статье мы собрали 30 трендов графического дизайна применительно к инфографике.

1. Плоский дизайн

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

2. Смелые пользовательские иллюстрации

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

3. Яркое оформление

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

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

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

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

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

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

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

тренды графического дизайна, тренды инфографики, создание инфографики

7. Материальный дизайн

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

тренды графического дизайна, тренды инфографики, создание инфографики

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

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

тренды графического дизайна, тренды инфографики, создание инфографики

9. Богатые оттенки

Готовьтесь к многообразию ярких и насыщенных цветов. Чтобы вы ни делали в этом году – остерегайтесь размытых и неярких оттенков.

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

10. Негативное пространство

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

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

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

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

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

12. Сильные разграничители

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

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

13. Использование нескольких цветов

Довольно сложно создать что-то, используя только несколько цветов, это выглядит нетипично, но привлекательно. У инфографики ниже только три цвета: фиолетовый, зеленый и бежевый в качестве фона.

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

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

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

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

15. Движение

Мы привыкли видеть простые статичные инфографики, однако, современные технологии позволяют создавать анимированные и интерактивные инфографики. Инфографика в движении завораживает. Формат GIF идеально подходит для этой цели.

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

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

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

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

17. Использование цитат

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

цитаты в инфографики, креативность, тренды инфографики, визуальные тренды

18. Фото в качестве фона

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

цитаты в инфографики, креативность, тренды инфографики, визуальные тренды

19. Забавные иллюстрации

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

забавные иллюстраций, инфографика

20. ‘How-To’ инфографика

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

забавные иллюстраций, инфографика

21. Пастельные тона

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

забавные иллюстраций, инфографика

22. Временная шкала

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

10 лет вконтакте, timeline инфографика

23. Графики и диаграммы

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

10 лет вконтакте, timeline инфографика

24. Резюме

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

10 лет вконтакте, timeline инфографика

25. Карты

Использование карт или элементов графического дизайна аналогичного картам яркий тренд этого года. Карты – прекрасный способ показать расположение чего-либо.

10 лет вконтакте, timeline инфографика

26. Использование изображений

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

10 лет вконтакте, timeline инфографика

27. Шпаргалки

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

шпаргалка по smm, инфографика

28. История

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

шпаргалка по smm, инфографика

29. Привлекательные заголовки

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

заголовки, эффективные заголовки, названия, инфографика о заголовках

30. Креативный скроллинг

Модульный скроллинг может быть применен не только к веб-сайтам, но и к инфографике. Если вы хотите увидеть этот эффект в действии, просто нажмите на инфографику ниже.

заголовки, эффективные заголовки, названия, инфографика о заголовках

заголовки, эффективные заголовки, названия, инфографика о заголовках

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

ТИПИЧНОЕ ЗАБЛУЖДЕНИЕ: большинство людей неверно называют инфографикой векторные иллюстрации в стиле 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% – по третьей.

Что такое инфографика? Примеры и шаблоны инфографики, советы по дизайну

what is an infographicwhat is an infographic

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

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

Вам может быть интересно:

 

what is an infographicwhat is an infographic
Создано с помощью GIPHY 

Сегодня мы предлагаем вам пройти интенсив-курс по инфографике и дизайну инфографики (с примерами шаблонов инфографики) и получить ответы на эти и другие вопросы!

Что такое инфографика? Определение инфографики

Согласно Оксфордскому словарю английского языка инфографика (или информационная графика) — это «визуальное представление информации или данных».

Однако лучше дать этому термину более конкретное определение.

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

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

Однако важно не забывать, что графические объекты инфографики должны не только нравиться или вызывать интерес. Они должны помогать людям понять и запомнить содержание инфографики. Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang):

what is an infographicwhat is an infographic

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

 

Как использовать инфографику?

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

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

Это значит, что инфографика применима почти в любой области.

Маркетологи используют инфографику для повышения уровня узнаваемости бренда и степени вовлеченности аудитории:

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

Бизнес-консультанты используют инфографику для наглядного представления проектов и упрощенной подачи материала:

marketing project timeline templatemarketing project timeline template

ИСПОЛЬЗОВАТЬ ШАБЛОН ТАЙМЛАЙНА

Органы государственного управления используют инфографику для обнародования статистики и данных переписи:

what is an infographicwhat is an infographic

Источник

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

Некоммерческие организации используют инфографику для привлечения людей и повышения осведомленности о своей деятельности:

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

 

Как создать инфографику?

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

Наше пошаговое руководство по созданию инфографики будет вам отличным подспорьем.

А из этого короткого видео вы узнаете, как создать инфографику за 5 шагов:

 

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

what is an infographicwhat is an infographic

Источник GIF

Для начала продумайте структуру инфографики.

Упорядочьте информацию, продумав структуру инфографики

Работа над структурой поможет собраться с мыслями и подобрать материал для инфографики.

4 этапа разработки структуры инфографики на основе имеющихся данных:

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

Более подробная информация по этому вопросу представлена в нашем руководстве по разработке структуры инфографики.

Выберите шаблон инфографики

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

Создано с помощью GIPHY

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

Но самое главное — выбрать шаблон необходимого вам вида инфографики.

Какие же бывают виды инфографики?

 

Какие бывают виды инфографики?

Шаблоны инфографики Venngage разбиты на 9 категорий:

  1. Статистическая инфографика.
  2. Информационная инфографика.
  3. Хронологическая инфографика.
  4. Процессуальная инфографика.
  5. Географическая инфографика.
  6. Сравнительная инфографика.
  7. Иерархическая инфографика.
  8. Список.
  9. Резюме.

В этом видео вы найдете обзор всех 9 видов инфографики и рекомендации по их использованию:

 

Разные виды инфографики предназначены для визуализации различного контента.

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

what is an infographicwhat is an infographic

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

Обычно в ней намного меньше текста, чем в информационной инфографике, и реже встречается нарратив. Данные представлены цифрами (крупным шрифтом) и выборочными фактами, как в этой инфографике Mobile Future:

what is an infographicwhat is an infographic

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

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

Что делает инфографику эффективной?

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

Создано с помощью GIPHY

Используйте этот факт: визуально структурируйте информацию и создавайте паттерны, усиливающие сообщение, которое вы хотите донести.

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

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

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

Даже такая простая вещь, как расположение и группировка элементов на странице влияет на то, как читатели воспримут инфографику.

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

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

Используйте один контрастный цвет для управления вниманием читателей

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

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

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

Возьмем, к примеру, инфографику ниже. Ярко-желтые круги контрастируют с голубым фоном, благодаря чему значки (наиболее важный визуальный элемент данной инфографики) оказываются в центре внимания. Этот прием пользуется невероятной популярностью: яркие цветовые пятна — это один из самых мощных трендов в графическом дизайне в 2019 году.

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

Нужно вдохновение, чтобы подобрать цветовую палитру для инфографики? Читайте наше руководство по выбору цвета для инфографики.

Создайте иерархию текста с помощью трех различных шрифтов

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

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

what is an infographicwhat is an infographic

Шрифт главного заголовка должен быть самым крупным и может быть самым стилизованным. С его помощью вы задаете инфографике определенное настроение.

Шрифт заголовков разделов должен быть немного меньше. Для заголовков разделов стоит выбирать менее выдающийся, но все же хорошо заметный на странице шрифт.

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

Не уверены, какие шрифты удобочитаемые, а какие нет? Вот памятка по шрифтам, отлично подходящим для основного текста:

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

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

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

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

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

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

what is an infographicwhat is an infographic

ИСПОЛЬЗОВАТЬ ШАБЛОН 

Еще лучше — создать наглядные примеры ко всем ключевым тезисам, как в инфографике компании Elle & Company:

what is an infographicwhat is an infographic

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

what is an infographicwhat is an infographic

Источник

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

Заключение

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

Придерживайтесь проверенных практикой рекомендаций по дизайну инфографики:

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

Дополнительную информацию о создании инфографики читайте в нашей статье «Как создать инфографику: 5 этапов [пошаговое руководство]».

40 лучших бесплатных шаблонов для инфографики

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

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

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

К счастью, в интернете есть достаточное количество отличных шаблонов, бесплатных для скачивания.

Вот список 40 из них, которые нам особенно нравятся:

Infographic Template With Hand Drawn Style. Format: EPS[Download]

Business Template. Format: EPS [Download]

Infographic Vector Templates. Format: AI, EPS and SVG [Download]

Infographic template free vector. Format: EPS, AI [Download]

Communication. Format: AI [Download]

Creative business route. Format: EPS [Download]

Food and Nutrition. Format: PSD [Download]

Water Research. Format: PSD [Download]

Minimal style. Format: AI, EPS [Download]

Retro Infographic Vector Graphic. Format: EPS [Download]

Arrow banners. Format: AI, EPS[Download]

Infographic Elements v1. Format: AI[Download]

Round infographic template. Format: AI, EPS [Download]

Vol2. Set-Infographic-Elements-With-Different-Colors: EPS [Download]

Square infographics. Format: AI, EPS [Download]

Modern timeline infographic. Format: AI [Download]

Infographic Vector Elements. Format: EPS [Download]

Colorful banners. Format: AI, EPS [Download]

Colorful. Format: AI, EPS [Download]

Free infographic vector design elements. Format: AI, EPS [Download]

Brochure Template. Format: AI, EPS [Download]

85 Vector Pie Charts. Format: EPS, SVG, PDF[Download]

Infographic pencil. Format: AI, EPS [Download]

Business steps. Format: AI, EPS [Download]

Looking for job template. Format: AI, EPS [Download]

Colored business infographic template. Format: AI [Download]

Colorful infographic diagrams. Format: AI [Download]

Company infography in flat design . Format: AI, EPS [Download]

Flat UI Design. Format: AI, EPS [Download]

Sports and fitness flat design. Format: EPS, AI [Download]

Step by step infographic. Format: EPS, AI [Download]

Information Graphic Kit. Format: EPS, SVG, PDF [Download]

Universal Subtle Infographic Elements. Format: EPS, SVG, PDF [Download]

Technology Infographic. Format: EPS [Download]

Flat Infographic. Format: EPS [Download]

Infographic Vector (SVG, EPS, PDF) Elements. Format: EPS, SVG, PDF [Download]

Rounded infographic business. Format: AI, EPS [Download]

Flat Vector Infographic Kit. Format: EPS, SVG, PDF [Download]

Timeline template. Format: AI, EPS [Download]

Vintage infographic elements. Format: AI, EPS [Download]

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

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


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

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

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

Смотрите наше видео «Как создание инфографики поможет вашему бизнесу»

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

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

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

Создание инфографики

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

Создание инфографики

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

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

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

Заказать создание инфографики. Заказать инфографику в г. Москва фотография

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

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

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

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

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

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

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

Поможем вам в создании красивой и понятной инфографики

Свяжитесь с нами, чтобы узнать условия и стоимость работ.

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

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

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

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

Краткость

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

Большинство катастрофических разливов нефти в мире—инфографика, созданная 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



Комментарии

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

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


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

Окончательное руководство по дизайну инфографики

infographic design

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

Вот 13 основных советов по дизайну инфографики (нажмите, чтобы перейти вперед):

  1. Планирование дизайна инфографики
  2. Напишите убедительный заголовок
  3. Используйте сетку или каркас для инфографики
  4. Используйте правильный макет инфографики для ваших данных (прокрутите вниз, чтобы увидеть видеогид)
  5. Следуйте передовым методам визуализации данных
  6. Включение различных элементов дизайна инфографики
  7. Используйте фотографию в дизайне инфографики
  8. Используйте контраст в дизайне инфографики
  9. Создание симметричного и асимметричного баланса
  10. Эффективное использование цвета
  11. Убедитесь, что ваш дизайн инфографики согласован
  12. Оставьте много отрицательного места в своем дизайне инфографики
  13. Практика, практика, практика

Люди сходят с ума от инфографики со времен бума инфографического дизайна 2012 года.Нет, правда, было дело. В период с 2010 по 2012 год количество запросов по инфографике увеличилось на колоссальные 80%.

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

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

Плохо спроектированная инфографика может искажать и скрывать информацию, а не облегчать ее понимание.

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

Конечно, будет полезно, если вы используете шаблон инфографики, чтобы дать вам фору, например, этот:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

Это ваш ускоренный курс по эффективному инфографическому дизайну. Давайте начнем.

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

1. Спланируйте дизайн инфографики

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

Продолжайте читать, чтобы получить больше советов…

Найдите историю

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

Например, этот дизайн инфографики рассказывает историю выполнения проекта от начала до конца:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

В этой инфографике процесса для соединения этапов используется линия:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

Создать схему инфографики

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

Вернуться к содержанию

2. Напишите убедительный заголовок

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

В этом заголовке этой инфографики есть ДВА числа, которые гуру копирайтинга Брайан Дин рекомендует использовать, чтобы сделать заголовки более убедительными и конкретными:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Вернуться к содержанию

3.Используйте сетку или каркас для вашего инфографического дизайна

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

Например, при выравнивании элементов вы можете ссылаться на одну и ту же вертикальную линию сетки, а затем соответственно размещать каждый элемент списка.

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

Вот исходный шаблон до настройки:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

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

Хорошее практическое правило — держать все объекты и элементы на расстоянии не менее 20 пикселей (один квадрат на сетке) от края холста.

Вернуться к содержанию

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

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

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

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

Вот пример дизайна инфографики из двух столбцов:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Вы можете прочитать более подробную статью о выборе правильного шаблона инфографики для ваших данных в нашем сообщении в блоге «Как создать инфографику за 5 шагов».

Вернуться к содержанию

5. Следуйте лучшим практикам визуализации данных

Совет

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

Выберите лучшие типы диаграмм для ваших данных

Тип данных, которые вы пытаетесь передать, будет определять, какой тип диаграммы лучше всего подходит для ваших данных. Чтобы решить, какой тип диаграммы лучше всего передает ваши данные, вы сначала должны определить, какие данные вы хотите представить: одно важное число? Сравнение точек данных? Тенденция с течением времени? Выброс?

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

infographic design chart

И для отображения тенденции во времени наиболее распространенным типом диаграммы является линейная диаграмма.

line chart infographic design

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

infographic design bubbles

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

6. Добавьте различные элементы дизайна инфографики

Типографика

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

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

Этот дизайн инфографики основан на значках, датах и ​​заголовках с минимальным пояснительным текстом:

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

Если вам нужно использовать мелкий текст или элегантный шрифт, используйте его экономно (как в примере ниже). Всегда помогает увеличить высоту строки текста небольшого размера, если его становится трудно читать.
typography infographic design Источник.

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

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

В качестве альтернативы, число или статистика в одном шрифте, следующий подтекст в другом, создают иерархию информации:

typographt infographic design 2

Вернуться к содержанию

7. Используйте фотографию в дизайне инфографики

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

Есть способы обойти проблему отсутствия фотографа на работе, включив в него стоковые фотографии из таких сайтов, как Pixabay, Unsplash или Pikwizard, за которые не взимается роялти. Единственный риск заключается в том, что использование стоковых изображений может выглядеть некреативным и, откровенно говоря, дрянным. Вот почему вам нужно быть осторожным при выборе изображений для использования.

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

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

racism-in-sports infographic design

Источник.

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Вернуться к содержанию

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

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

Контраст с использованием цветов

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

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

infographic design

Контрастность при типографских размерах

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Контрастные изображения

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

infographic design

Источник.

Вернуться к содержанию

9. Создайте симметричный и асимметричный баланс

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

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

Симметричный баланс — это когда каждая сторона композиции имеет одинаковый вес. Этот макет эффективен в сравнительной инфографике, подобной этой:

symmestrical infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

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

google graph infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Ознакомьтесь с этими творческими шаблонами временной шкалы.

Вернуться к содержанию

10.Эффективное использование цвета

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

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

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

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

blue graphic infographic design

Источник.

Вот несколько полезных инструментов в Интернете, которые помогут вам выбрать цветовую палитру:

Adobe Color CC

LOLColors

COLOURlovers
Вернуться к содержанию

11. Убедитесь в единообразии дизайна инфографики

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

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

Не знаете, как правильно использовать значки в инфографике? Наше видео научит вас менее чем за 3 минуты:

Вернуться к содержанию

12.Оставьте много отрицательного места в вашем инфографическом дизайне

Негативное пространство — это пустое пространство, окружающее объекты в дизайне.

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

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

infographic design

ИСПОЛЬЗУЙТЕ ЭТОТ ИНФОГРАФИЧЕСКИЙ ШАБЛОН

Оставить отрицательное пространство можно так же просто, как убедиться, что между строками текста достаточно места. Просто посмотрите на разницу, которую дает небольшое пространство в приведенном ниже примере:

negative space infographic design
Вернуться к содержанию

13. Практика, практика, практика

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

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

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

СОЗДАЙТЕ ЛУЧШУЮ ИНФОГРАФИЮ СЕЙЧАС

Вернуться к содержанию

Прочтите наше пошаговое руководство по созданию инфографики:

Руководство: как создать инфографику за 5 простых шагов

make an infographic

.

62 лучших инфографики

Лучшая инфографика: быстрые ссылки

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

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

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

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

Лучшая инфографика об инфографике

01. Что такое инфографика?

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Бет Кантер)

Умное использование Lego сделало уверенность, что мы включим его в наш список лучшей инфографики. Он был создан Бет Кантер из Hot Butter Studio, специалистом по визуальному маркетингу, которая использовала его в своем блоге, и в нем объясняется, как обеспечение визуального порядка в данных может помочь вам и вашей аудитории сделать выводы и использовать их конструктивно.

02. Почему ваш мозг жаждет инфографики

Щелкните изображение, чтобы увидеть полную версию

Почему лучшая инфографика становится такой популярной? Эта интерактивная инфографика от NeoMam Studios исследует, что именно в них привлекает внимание. с некоторыми классными эффектами прокрутки параллакса.

03. Большой список инфографических идей

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Infobrands)

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

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

Щелкните изображение, чтобы увидеть полную версию

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

Лучшая инфографика: исследуйте мир

05. Психология шрифтов и поп-культура

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Vennage)

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

06.История жизни

Щелкните изображение, чтобы увидеть полную версию

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

07. Незнакомец со словами

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

08. 50 лет Доктору Кто

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Сэмом Гибли)

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

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

09. Хип-хоп

Щелкните изображение, чтобы увидеть полную версию

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

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

10. Oddity Viz

Щелкните изображение, чтобы увидеть полную версию

Обладатель награды «Информация прекрасна», креативная визуализация Валентиной Д’Эфилиппо культового трека Боуи Space Oddity контрастирует с обширными, охватывающими все жанры творениями Дороти. предпочитая вместо этого идти узко и глубоко.

Д’Эфилиппо работала с исследователем Мириам Квик, чтобы собрать данные о треке, которые она затем визуализировала как серию из десяти 12-дюймовых дисков, каждый из которых деконструирует трек по-своему: в соответствии с мелодиями, гармониями, текстами песен и т. Д. структура, история и многое другое.

11. Анализ The Beatles

Щелкните изображение, чтобы увидеть полную версию

Это интерактивное творение — одна из лучших инфографик, которые мы видели для анализа Великолепной четверки. Он разбивает их карьеру по годам и по альбомам и дает много информации о том, кто что написал, у какого Beatle был самый большой словарный запас (подсказка: это был не Ринго), о чем было большинство их песен и многое другое.

12. SWANH.NET

Щелкните изображение, чтобы увидеть полную версию

Лучшая инфографика делает все возможное, но эта — дополнительный световой год! Швейцарский иллюстратор Мартин Паншо адаптировал оригинальный фильм «Звездные войны» 1977 года «Новая надежда» в 123-метровое анимационное чудо. Созданный в Illustrator CC с использованием 157 изображений в 22 отдельных файлах, на его создание у него ушло больше года.

13. Общая систематика рэп-имен

Щелкните изображение, чтобы увидеть полную версию

Эта красочная инфографика исследует 282 известных рэпера в поразительных деталях.Наш любимый раздел? «Смелое написание»: с подкатегориями «Неправильное использование K» (эй, OutKast) и «Прилагательные с ошибкой» (это вы, Ludacris). Эта инфографика предоставлена ​​вам лабораторией Pop Chart Lab; компания, основанная редактором книг и графическим дизайнером, которые объединили свои усилия для одной скромной цели: представить весь человеческий опыт в форме диаграммы.

14. Великолепное множество пива

Щелкните изображение, чтобы увидеть полную версию

Разнообразие доступных сортов, марок и вкусов пива иногда может быть немного подавляющим.Так что может быть лучше для демонстрации классификации пива, чем с помощью инфографики? Еще одна инфографика от Pop Chart Lab, эта инфографика оказалась настолько большой (60×40 дюймов), что команде пришлось заручиться помощью другой типографии для выполнения работы. Будем надеяться, что после всей этой работы они нашли время сходить в бар.

15. MeTooMomentum

Щелкните изображение, чтобы увидеть полную версию

Эта инфографика от Валентины Д’Эфилиппо фокусируется на первых шести месяцах движения #MeToo и анализирует около 200 000 твитов того времени.Подробнее о проекте читайте в нашем посте.

16. Временная шкала истории искусства

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: Мэтью Кобрин)

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

17. Мстители, соберитесь!

Щелкните изображение, чтобы увидеть полную версию.

Эта инфографика от Lemonly раскрывает факты о супергероях, представленных в классической игре Marvel’s Avengers Assemble.Вы можете узнать о силе, навыках, мозге, гаджетах и ​​сердце каждого персонажа с помощью крутых круговых диаграмм. Затем результаты обобщаются, чтобы показать самые сильные стороны коллектива.

18. Inception

Щелкните изображение, чтобы увидеть полную версию

Лучшая инфографика упрощает работу. И учитывая, насколько сложным был блокбастер Кристофера Нолана 2010 года «Начало», небольшая простота имеет большое значение. Эта блестящая иллюстрация была создана графическим дизайнером из Нью-Йорка Риком Слашером.Он резюмирует фильм, изображая каждого персонажа цветной линией, а слои снов — концентрическими кругами.

Лучшая инфографика: проиллюстрируйте список

19. Чего НЕ ПОЛУЧИТЬ графический дизайнер на Рождество

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: Future)

Никогда не рано думать о рождественских подарках и эта ироничная инфографика фокусируется на том, чего именно ИЗБЕГАТЬ покупать дизайнера в своей жизни. Этот забавный список, проиллюстрированный Саймоном Мидлвиком, блестяще иллюстрирует подводные камни, связанные с покупками для творческих профессионалов, от штампованной хипстерской одежды до достойных внимания футболок.

20. 30 жизненных навыков, которыми должен овладеть каждый работающий взрослый

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Business Insider)

Считаете ли вы себя «взрослым»? Если ответ положительный, то, возможно, эта инфографика от Business Insider заставит вас снова задуматься. В нем рассказывается о 30 наиболее важных чертах характера, которые должен быть у каждого взрослого, от умения чинить одежду до владения вторым языком. Если, как и мы, вы еще не освоили все это, не позволяйте этому беспокоить вас, но используйте его как удобный инструмент мотивации для улучшения своей жизни.

21. 9 захватывающих тенденций в дизайне электронных писем на 2020 год

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено Uplers)

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

22. Основные тенденции логотипов на 2020 год

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: LogoDesignGuru)

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

23. Азбука дизайна

Щелкните изображение, чтобы увидеть полную версию

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

24. 10 заповедей дизайна пользовательского интерфейса

Щелкните изображение, чтобы увидеть полную версию

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

25. Типографские термины от А до Я

Щелкните изображение, чтобы увидеть полную версию

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

26. 40 мелочей, которые сломают ваш творческий блок

Щелкните изображение, чтобы увидеть полную версию

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

27. 15 золотых принципов визуальной иерархии

Щелкните изображение, чтобы увидеть полную версию

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

28. 10 заповедей типографики

Щелкните изображение, чтобы увидеть полную версию

Эта инфографика от Эвана Брауна с сайта DesignMantic — мечта ботаника.Если вам когда-либо приходилось бесцельно листать списки лучших бесплатных шрифтов, эта шпаргалка поможет вам переориентировать ваш поиск, предоставив некоторые ключевые правила.

Следующая страница: Еще лучшая инфографика

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *