Дизайн инфографики: Всё, что вы хотели знать об инфографике

Содержание

Всё, что вы хотели знать об инфографике — Дизайн на vc.ru

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

7234 просмотров

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

Что такое инфографика

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

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

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

Виды инфографики

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

Таймлайн

Таймлайн — это способ визуализации истории, выделения важных дат или обзора событий.

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

https://venngage-wordpress.s3.amazonaws.com

Визуальная статья

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

https://cdn.mos.cms.futurecdn.net/

Сравнение

Сравнительная инфографика — это чаще всего формат VS. Две вещи, идеи или концепции сравниваются по одним и тем же критериям, и их различия наглядно отображается.

Как правило, такая инфографика делится на две половины (по вертикали или по горизонтали) с одним вариантом на каждой стороне.

https://venngage-wordpress.s3.amazonaws.com/

Визуализация данных

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

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

https://venngage-wordpress.s3.amazonaws.com/

Процесс

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

https://venngage-wordpress.s3.amazonaws.com/

7 шагов к созданию инфографики

1. Подумайте, кто ваша аудитория

Для кого вы создаёте эту инфографику? Что им интересно было бы узнать? В каком виде им будет проще всего воспринять и запомнить информацию?

2. Определите вопрос

Сформулируйте один конкретный вопрос, на который ответит ваша инфографика. Например: «Какой телефон лучше выбрать: IPhone или Samsung?»

3. Подберите информацию

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

4. Структурируйте и сократите

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

5. Отредактируйте

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

6. Подумайте о визуализации

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

7. Создайте вашу инфографику

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

3 бесплатных сервиса для создания инфографики

Выберите один из шаблонов в разделе «Инфографика», добавьте свою информацию, графики, текст и иллюстрации.

Язык: русский

Сервис для создания инфографики, постеров, отчётов и презентаций. Более 1000 бесплатных иконок и клипартовых изображений.

Язык: английский

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

Язык: английский и русский

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

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

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

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

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

10 бесплатных приложений для создания инфографики

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

1. Ellty

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

Преимущества:

Большая коллекция шаблонов
Множество различных категорий дизайнов
Большая библиотека шаблонов на русском языке

Недостатки:

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

2. Crello

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

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

Преимущества:

Большая коллекция шаблонов
Анимированные элементы
Легкая система руководства

Недостатки:

Платный доступ к дополнительным возможностям

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

3. Venngage

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

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

Преимущества:

Большая коллекция шаблонов
Создание брендинг-комплекта
Большая библиотека графиков и диаграмм
Удобная замена элементов

Недостатки:

Шаблоны на английском языке

Неполная русификация интерфейса
Лимит на импорт изображений
Платный доступ к дополнительным возможностям

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

4. Easelly

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

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

Преимущества:

Поиск шаблонов и элементов по категориям
Быстрое изменение размеров шаблона
Встроенная сетка

Недостатки:

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

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

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

5. Piktochart

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

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

Преимущества:

Удобные настройки в пределах рабочей области
Поиск элементов по категориям
Готовые цветовые схемы

Создание таблиц и диаграмм

Недостатки:

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

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

6. Visme

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

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

Преимущества:

Большая библиотека шаблонов
Поиск шаблонов по категориям
Добавление графиков, диаграмм, таблиц, карт
Добавление элементов через различные сервисы: Youtube, Google Drive, Dropbox и др.

Недостатки:

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

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

7. Genially

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

Преимущества:

Недостатки:

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

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

8. Snappa

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

Преимущества:

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

Недостатки:

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

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

9. Cacoo

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

Преимущества:

Большая библиотека шаблонов
Поиск по категориям
Скачивание в различных форматах
Импорт из других ресурсов (Dropbox, Microsoft OneDrive, Adobee CC и др.)

Недостатки:

Англоязычный интерфейс

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

10. Infogram

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

Преимущества:

Много функций для разных элементов
Простое редактирование объектов
Добавление видео и анимации

Недостатки:

Англоязычный интерфейс
Можно создать только 10 проектов в бесплатном аккаунте
Футер с копирайтом
Платный доступ к дополнительным возможностям

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

Заключение

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

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

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

Ultimate Infographic Design Guide: 13 советов по созданию инфографики

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

Инфографика — моя любимая форма визуальной коммуникации, и я не единственный, кто так думает…

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

Но вы здесь, потому что искали что-то более конкретное… мой хрустальный шар (гм, Ahrefs) подсказал мне, что вы искали «инфографический дизайн». Я близко?

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

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

Планируйте дизайн инфографики
Напишите привлекательный заголовок для инфографики
Используйте сетку или каркас для инфографики
Используйте правильный макет инфографики для своих данных (прокрутите вниз, чтобы увидеть видеоруководство)
Следуйте рекомендациям по визуализации данных
Включите различные элементы дизайна инфографики
Используйте фотографию в своем инфографическом дизайне
Используйте контраст в дизайне инфографики
Создать симметричный и асимметричный баланс
Эффективно используйте цвет
Убедитесь, что ваш дизайн инфографики согласован
Оставьте достаточно свободного места в дизайне инфографики
Практика, практика, практика

Разница между хорошим и не очень дизайном инфографики

Подождите, остановитесь, вернитесь. ..

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

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

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

Вот пример хорошей инфографики:

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

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

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

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

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

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

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

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

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

Найдите историю своей инфографики

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

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

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

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

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

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

Создание схемы инфографики

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

Вернуться к оглавлению

2. Придумайте привлекательный заголовок для инфографики

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

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

Но больше примеров, меньше слов. В названии этой инфографики ДВЕ цифры — это одобрил бы гуру копирайтинга Брайан Дин. Он рекомендует использовать цифры, чтобы сделать ваши заголовки более убедительными и конкретными:

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

Вернуться к оглавлению

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

Для дизайна инфографики используйте сетку для создания полей. Убедитесь, что у вас достаточно места между элементами и краем холста, чтобы избежать визуального напряжения.
В дизайне инфографики могут быть поля любого размера, но важно, чтобы поля были одинаковыми по всему краю холста.
Хорошее эмпирическое правило: все объекты и элементы должны находиться на расстоянии не менее 20 пикселей (один квадрат сетки) от края холста.
Вернуться к оглавлению
4. Используйте правильный макет инфографики для ваших данных
Выберите лучший макет инфографики для ваших данных. Но как, спросите вы? В конце концов, есть сотни возможных шаблонов инфографики на выбор.
Это краткое видеоруководство поможет вам выбрать лучший макет инфографики для ваших данных:

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

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

Для более подробного ознакомления с тем, как выбрать правильный шаблон инфографики для ваших данных, ознакомьтесь с этой записью в блоге: Как сделать инфографику за 5 шагов.
Вернуться к оглавлению
5. Следуйте рекомендациям по визуализации данных
Совет: всегда начинайте планирование инфографики с ручки и бумаги. Таким образом, вы можете проработать грубые концепции и проекты, прежде чем завершить цифровую копию.
Выберите лучшие типы диаграмм для ваших данных
Тип данных, которые вы пытаетесь передать, определит, какой тип диаграммы лучше всего подходит для ваших данных. Чтобы решить, какой тип диаграммы будет лучше всего отображать ваши данные, вы должны сначала определить, какие данные вы хотите представить. Одно важное число? Сравнение точек данных? Тенденция с течением времени? Выброс?
В инфографике наиболее часто используются следующие типы диаграмм: круговая диаграмма, столбчатая диаграмма, столбчатая диаграмма и линейная диаграмма. Например, гистограмма — один из самых простых способов сравнения данных:

Для отображения тренда во времени чаще всего используется линейная диаграмма:

бойтесь заниматься творчеством. Например, вы можете показать тенденции (например, продажи во времени), корреляции (например, продажи в сравнении с температурой) или выбросы (например, продажи в необычной области) с помощью точечных диаграмм:
Еще одно хорошее практическое правило: ваши диаграммы должны быть достаточно легко читаемыми, чтобы они занимали всего десять секунд или меньше, чтобы понять . Прочтите эту статью, чтобы узнать больше о том, как выбрать лучшие диаграммы для инфографики. И не забывайте всегда указывать источники данных для инфографики!
Вернуться к оглавлению
6. Включите различные элементы дизайна инфографики
Придайте остроты своим проектам, смешивая и сочетая различные элементы инфографики. Помимо изображений, диаграмм и значков, выбранные вами шрифты и то, как вы стилизуете эти шрифты, действительно могут задать тон вашему дизайну.
Типографика
Другими словами, типографика является ключевым элементом инфографического дизайна и может помочь вам передать идеи и даже чувства.
Например, некоторые инфографические шрифты задают более профессиональный тон и идеально подходят для делового общения. С другой стороны, элегантный шрифт создает более формальную атмосферу и идеально подходит для свадебных приглашений и роскошных отелей.
Все это говорит о том, что учитывайте эти нюансы при выборе лучших шрифтов для своего дизайна.
Несмотря на то, что типографика важна, постарайтесь ограничить объем текста, который вы включаете в свою инфографику. Лучшие инфографические проекты сосредоточены на визуальном контенте, а текст играет вспомогательную роль.
Понравилась эта инфографика. Как видите, он опирается на значки, даты и заголовки с минимальным пояснительным текстом:

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

Альтернативно, число или статистика в одном типе шрифта и подтексте в другом создают иерархию информации:
Вернуться к оглавлению
7. Использование фотографии в дизайне инфографики
Использование фотографии может оказаться сложной задачей, особенно если у вас нет фотографа, который мог бы сделать то, что вам нужно.
Конечно, есть способы обойти отсутствие фотографа. Вы можете использовать бесплатные стоковые фотографии из таких мест, как Pixabay, Unsplash или Pikwizard. Единственный риск заключается в том, что использование стоковых изображений может выглядеть некреативно и, откровенно говоря, дрянно. Вот почему вам нужно проявлять осторожность при выборе изображений для использования.
Убедитесь, что фотографии, которые вы используете, соответствуют единому стилю с постоянным освещением. Старайтесь подбирать фотографии с одинаковыми световыми эффектами, одинаковым фоном, одинаковым количеством темных областей и т. д. Важно придерживаться определенного стиля, поскольку изображения, которые явно не соответствуют набору, будут отвлекать от передаваемой информации.
Если вы стремитесь к простому современному виду, используйте только одноцветные изображения (то есть одноцветные) или белые фоны. Если вы стремитесь к нейтральному газетному подходу, используйте только черно-белые изображения.
Источник
Фотографии, которые занимают слишком много места в инфографике, могут отвлекать от информации. Вы можете решить эту проблему, обрезав фотографии или поместив их в рамки, как в этом примере, где изображения помещены в изящные прямоугольные рамки:

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

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

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

Понравился этот пример временной шкалы? Ознакомьтесь с этими творческими шаблонами временной шкалы.
Вернуться к оглавлению
10. Эффективно используйте цвет
Прежде чем создавать инфографику, определитесь с цветовой схемой. Хорошее эмпирическое правило — создавать инфографику с использованием двух или трех основных цветов и использовать дополнительные цвета для второстепенных акцентов.
При выборе цветовой схемы определитесь с тоном вашей инфографики. Это деловая инфографика? Если это так, попробуйте использовать нейтральные цвета, такие как синий или зеленый, или, конечно же, цвета вашего бренда, особенно если вы включаете свой логотип.
Для веселой, привлекающей внимание инфографики используйте более яркие оттенки. Только будьте осторожны, чтобы не использовать большое количество темных или неоновых цветов, так как они могут напрягать глаза при просмотре в Интернете.
Цвет также можно использовать в качестве инструмента для разделения инфографики. Добавьте цветные блоки, чтобы создать разделы в инфографике. Это помогает направить взгляд, когда зрители прокручивают страницу вниз:
Источник
Вот несколько полезных онлайн-инструментов, которые помогут вам выбрать цветовую палитру:
Adobe Color CC
LOLColors
ЦВЕТлюбовники
Чтобы узнать больше о возможностях, посетите наши блоги о лучших генераторах цветовых палитр и лучших инструментах цветовых палитр для бизнеса. Или ознакомьтесь с этой серией, чтобы изучить некоторые популярные варианты цветовой палитры:
Лучшие пастельные цветовые палитры
Лучшие осенние цветовые палитры
Лучшие палитры синих цветов
Вернуться к оглавлению
11. Убедитесь, что ваш дизайн инфографики согласован
Чтобы ваш дизайн инфографики развивался от начала до конца, элементы дизайна должны быть согласованы. Например, если вы используете заполненные значки, а не штриховые значки, продолжайте использовать один и тот же стиль для всей инфографики:

Та же концепция применима к стилю используемых вами изображений, стилю шрифта и цветовой палитре. Поддержание согласованности всех этих элементов не позволит вашей инфографике выглядеть загроможденной и на самом деле облегчит ее чтение.
Не знаете, как правильно использовать иконки инфографики в своих проектах? Включите это короткое трехминутное видео с моей любимой коллегой Алисой:
Вернуться к оглавлению
2 Негативное пространство — это пустое пространство, окружающее объекты в дизайне.
Негативное пространство производит сильное впечатление. Если ваш инфографический дизайн слишком переполнен, он может перегрузить зрителей и затруднить чтение информации.
Создание пространства вокруг элементов дизайна дает читателям передышку для обработки информации. Совет для профессионалов: если вы используете размер 16pt, высота строки должна быть не менее 1,2.

Оставить пустое пространство можно так же просто, как убедиться, что между строками текста достаточно места. Просто взгляните на разницу, которую дает небольшое пространство в приведенном ниже примере:
13. Практика, практика, практика
Это может показаться клише, но когда дело доходит до дизайна инфографики, вам, вероятно, понадобится несколько попыток, чтобы освоиться. Вам нужно будет поиграть с тем, что работает, а что нет. Если вы чем-то похожи на меня, вы придумаете несколько неудач, прежде чем сделаете шедевр.
К счастью, вы можете сократить время обучения, используя шаблон инфографики. (По этой ссылке вы найдете тысячи шаблонов!) И, конечно же, есть множество примеров инфографики, из которых вы можете черпать вдохновение.
И последний совет: если вы сомневаетесь, попросите кого-нибудь еще просмотреть ваш дизайн, прежде чем публиковать его. Иногда вам нужен свежий взгляд, чтобы сказать вам, если информация неясна, или если вы могли бы каким-то образом улучшить свой инфографический дизайн.
Готовы начать делать инфографику? Дизайн прочь!
Надеюсь, вы чувствуете себя уверенно и готовы сделать свою собственную инфографику.
Если вы на самом деле думаете: «Вау, давай помедленнее…», я тоже это понимаю. Как я уже говорил, моя первая инфографика была далека от совершенства. Но, как сказал один мудрый человек: «Чтобы начать, не обязательно быть великим, но чтобы стать великим, нужно начать».
Итак, нажмите большую зеленую кнопку, просмотрите несколько шаблонов и приступайте к работе!

Вернуться к оглавлению
Предпочитаете еще немного почитать перед тем, как начать? Нет проблем…
Вот несколько дополнительных руководств по созданию инфографики:
Как создать инфографику за 5 простых шагов (Руководство 2022 г.) с
Как создать инфографику с временной шкалой: Полное руководство
Создание инфографики, отчетов и карт
Экономьте время и оставайтесь на бренде
Экономьте время и оставайтесь на бренде
Начните с нашей коллекции дизайнерских шаблонов
Больше никогда не смотрите на пустой экран. Наши готовые к использованию шаблоны привлекают внимание, производят впечатление на вашу аудиторию и выглядят безупречно.
Следуйте принципам компании
Получите собственный шаблон с вашим брендом, цветами, шрифтами и логотипом. Дайте возможность всем членам вашей команды создавать фирменные визуальные эффекты за считанные минуты.
Поразите свою аудиторию интерактивным контентом
Поразите свою аудиторию интерактивным контентом
Восхитительные анимации
Поднимите свои истории на новый уровень с анимацией объектов. Настройте объекты на масштабирование, подпрыгивание, переворачивание, исчезновение и скольжение без особых усилий в вашей работе.
Интерактивные диаграммы и карты
Мы предлагаем расширенные возможности интерактивности с помощью всплывающих подсказок, вкладок, интерактивных легенд, ссылок и многого другого.
Сотрудничайте со своей командой в режиме реального времени
Сотрудничайте со своей командой в режиме реального времени
Бесконечные возможности для совместной работы
Infogram — идеальное место для визуализации данных в реальном времени для вашей компании. Создавайте, редактируйте и публикуйте проекты из вашей командной библиотеки.
Установка разрешений для вашей команды
Организуйте свою команду в группы и установите уровни разрешений по ролям. Легко отслеживать, кто работает над каждым проектом.
История версий
Вносите изменения без стресса. Эта функция позволяет вам просматривать и восстанавливать более ранние версии ваших проектов, так что вы можете проявить творческий подход.
Отслеживайте, как ваша работа находит отклик у вашей аудитории
Отслеживайте, как ваша работа находит отклик у вашей аудитории
Измеряйте метрики, которые имеют значение
Наша мощная аналитика предоставляет вам подробные демографические данные о зрителях, средней частоте появления на экране и количестве людей, поделившихся вашим контентом.
Интерактивность, на которую можно положиться
Оцените мельчайшие детали. Следите за тем, сколько людей наводили курсор на ваши всплывающие подсказки или нажимали на ваши вкладки и легенды.
Пользовательские ссылки отслеживания
Создавайте индивидуальные ссылки отслеживания и делитесь ими с клиентами или другими лицами. Посмотрите, с какими частями они больше всего взаимодействуют, используя мощную аналитику Infogram.
Создание адаптивного контента для Интернета
Создание адаптивного контента для Интернета
Публикация контента в Интернете
Наша полностью адаптивная инфографика отлично смотрится на всех устройствах. Добавляйте их в мгновенные статьи Facebook, публикуйте на Medium или используйте наш плагин Infogram для WordPress.
Оптимизировано для мобильных устройств
Infogram использует самые современные технологии, чтобы обеспечить максимальное удобство работы в Интернете и на мобильных устройствах.
Простой способ сделать ваши данные ошеломляющими
Инфографика
Создавайте потрясающие инфографики, которые повышают заинтересованность посетителей вашего веб-сайта или блога.
Отчеты
Выделяйтесь благодаря интерактивным маркетинговым отчетам, данным о продажах и многому другому.