5 инфографик, которые покажут, как делать инфографики в powerpoint

Содержание:

Этап 4. Создание макета с помощью шаблона инфографики

Все, что осталось — создать макет и поработать над дизайном.

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

Придерживайтесь последовательного изложения

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

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

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

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

Использование сетки позволяет упорядочивать элементы и управлять вниманием аудитории. Главное помнить: взгляд читателя скользит слева направо и сверху вниз

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

Источники: Everlane.com, Ziploc.com

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

Если порядок чтения не столь уж важен, то можно использовать макет с несколькими колонками:

Какой бы макет вы ни выбрали, помните: равномерное распределение элементов создает впечатление сбалансированной и структурированной композиции.

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

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

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

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

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

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

Хотите сопоставить две диаграммы? Выберите шаблон инфографики с двумя колонками:

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

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

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

Накопилось много данных для представления? Выберите минималистичный шаблон инфографики с 4 или 5 разделами:

СОЗДАТЬ ШАБЛОН С 5 РАЗДЕЛАМИ

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

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

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

Vizualize

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

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

Google Developers

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

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

PowToon

Онлайн-сервис PowToon создает анимированные презентации. Их можно сохранить в формате видеоролика или как стандартный файл со слайдами для Power Point.

Piktochart

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

В бесплатной версии предлагается только три базовых шаблона. За пользование остальными сервисами нужно заплатить $29 в месяц либо $169 в год.

Canva

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

Easel.ly

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

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

Infogram

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

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

Visual.ly

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

Venngage

Venngage предлагает простой и доступный сервис для создания визуализаций.

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

Вас также может заинтересовать: Как раскрутить блог: полезные советы

Как заработать на инфографике и где ее можно продавать?

Есть три варианта заработка на инфографике:

  • Найти постоянную работу. Такие вакансии для дизайнеров нечасто, но встречаются. Мониторить их стоит на крупных порталах по поиску работы, например, HH.ru. Предложения штатной и внештатной работы, а также стажировок есть на Behance.net – крупной международной площадке для дизайнеров.
  • Сотрудничать с издательствами, крупными СМИ и блогами, которые могут заказывать графику для своих статей. Например, такие вакансии могут открываться в Тинькофф-Журнале.
  • Делать и продавать работы на заказ через биржи фриланса и другие сайты, например, Кворк. Это более распространенный вариант заработка на инфографике. Далее расскажем, с чего начать и где искать клиентов.

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

1. Чтобы начать работать с клиентами, вам потребуется портфолио с примерами работ. Без портфолио потенциальные заказчики не смогут оценить ваш уровень, а значит, вряд ли решатся сотрудничать. Если у вас пока нет работ, но вы рассматриваете заработок на инфографике, сделайте их для «гипотетических» клиентов. Есть учебные работы, сделанные на курсах? Отлично, выберите лучшие и показывайте потенциальным заказчикам в качестве примера.

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

  • Kwork.ru – популярная биржа фриланс-услуг. На сайте можно выставить готовые работы на продажу, а также откликаться на проекты клиентов. Биржа лояльна к новичкам. Здесь можно получить первый заработок на инфографике. Почитайте, как зарабатывать на Кворке.
  • Fl.ru – одна из самых крупных фриланс-бирж в рунете. Здесь можно откликаться на проекты клиентов, а также разместить портфолио. Для получения заказов потребуется платный аккаунт.
  • Freelance.ru – еще одна популярная биржа.
  • Weblancer.net – еще один сервис для фрилансеров, где можно искать заказы.

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

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

Базовые знания

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

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

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

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

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

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

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

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

Она привлекает внимание и не дает пройти мимо

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

Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang)

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

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

Canva

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

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

Очень удобно использовать функцию Drag-and-Drop при внедрении в свой макет библиотечных или дополнительных элементов из других ресурсов. Можно вставлять фото из DropBox, карты Google Maps, видео из YouTube или анимацию из GIPHY.

Canva доступна онлайн и для скачивания с последующей установкой на девайс в оплачиваемой модификации (12,95$ помесячно) или free (30 дней). При оформлении оплачиваемой подписки поддерживаются дополнительные возможности:

  • расширенный каталог шаблонов (более 400 тысяч);
  • улучшенный редактор шрифтов;
  • возможность одновременной работы нескольких  пользователей над одним проектом;
  • сохранение файлов общим объемом до 100 гигабайт (в бесплатном варианте не более 1 гигабайта).

Готовый файл можно также сразу отправить на печать или в социальную сеть, например, Facebook.

Infogram

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

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

Этот программный инструмент предпочтительнее использовать, если нужно создать графики, диаграммы и карты, поскольку поддерживается огромный выбор (41 вариант в free-модификации или более 80 разновидностей в оплачиваемых подписках). В бесплатной версии допускается 17 тем для оформления, при оплате от 19$ в месяц —  более 800 шаблонов.

Piktochart

Сервис привлекательный стильными шаблонами, при помощи которых можно создавать креативные дизайны. Обучающие видеоролики продолжительностью 3-10 минут от разработчиков ПО доступны пользователям на вкладке меню «Learn» оригинальной англоязычной версии. Для освоения потребуется владеть английским языком на базовом уровне.

Инновационная приборная панель для настроек размеров, цветовой гаммы, эффектов статической и видеографики позволяет создавать  стильный дизайн за несколько минут. Дополнительно поддерживаются 600 шаблонов (12 в бесплатном варианте), интерактивных анимаций, 14 типов диаграмм и другое. Для сохранения работ в онлайн-сервисе отводится для каждого аккаунта 40 гигабайт.

Также пользуются популярностью у дизайнеров сервисы Easel.ly (с самым доступным тарифом от 4$ в месяц), Visme с поддержкой звуковых эффектов, Snappa для ценителей креатива и дизайнов премиум-класса.

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

Где применяется инфографика

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

Вот некоторые сферы применения:

  • С помощью инфографики можно подать информацию для клиентов или сотрудников.
  • Показать важные новости.
  • Красочно прорекламировать свою продукцию/услуги.
  • Сделать удобную техническую инструкцию, которая к тому же будет понятна всем, на каком бы языке люди ни разговаривали: язык картинок универсален (мы видели это выше на примере от IKEA).
  • Создать хорошо запоминающуюся и лёгкую для восприятия инструкцию по технике безопасности.
  • Наглядно оформить кулинарный рецепт.
  • Оформить статистические данные, годовой отчёт, результаты исследования.
  • Инфографику широко используют развлекательные и научно-популярные сайты — чаще всего для того, чтобы объяснить устройство или механизм какого-то явления.
  • Для той же цели она активно применяется в учебных материалах.
  • Дорожные знаки — тоже своего рода инфографика.

Что такое инфографика? Виды инфографики

Итак, с места в карьер. Что такое инфографика – это такое способ передачи какой-либо информации, который передает какие-либо знания (люую информацию) с помощь графики (рисунка).

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

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

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

Инфографика различается по типу

  • Аналитическая – банальная статистика и цифры;
  • Новостная – новости в картинках, типа комикса – тут главное понять хронологию и последствия;
  • Реконструкция – тот же комикс ; показывается что было, что сделано, что стало;
  • Презентация – ну банальная реклама, плюсы и минусы продукта, включая ту же аналитику.

Формы подачи инфографики

  • Единая – Это когда вся информация , которую хотят вам донести – помещается на одной картинке. Эта картинка не разделена по смыслу на блоки.
  • Раздельная – Это такой большущий, длиннющий лист , который листаешь до тех пор пока кисть руки не отвалиться; 🙂 В общем всё на одной картинке, всё разделено по блокам, но блоки эти друг с другом могут быть вообще не связаны.

Есть еще категории инфографики

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

Интерактивная инфографика

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаблоны статистической инфографики

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

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

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН ИНФОГРАФИКИ

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

ИСПОЛЬЗОВАТЬ ШАБЛОН ИНФОГРАФИКИ

Вот еще одна статистическая инфографика, в которой визуализированы данные локального SEO-исследования.

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

ИСПОЛЬЗОВАТЬ ШАБЛОН ИНФОГРАФИКИ

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

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

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

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

Лучшие рекомендации по созданию статистической инфографики:

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

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

Способы создания инфографики

В интернете можно найти достаточное количество готовых примеров инфографики на любую тематику, которые уже могли быть опубликованы различными информационными и статистическими ресурсами, печатными изданиями, партнерскими программами, SEO компаниями и т.д, многие из которых можно использовать как отправную точку для самостоятельного создания своей инфографики, используя готовые примеры в качестве заготовки.
Для более быстрого создания собственной инфографики можно прибегнуть к редактированию готовых шаблонов или наборов в формате PSD (Adobe Photoshop), которые можно скачать в интернете абсолютно бесплатно. Здесь вам останется удалить ненужные элементы или переставить их местами, заменить цветовую гамму, текст и т.д.
Самым быстрым и простым способом создания новой инфографики станет использование специальных онлайн конструкторов, главным минусом которых является их платное или условно-платное использование.Создание инфографики – это просто.
Если разобраться, то в создании инфографики нет строгих правил и требований. Даже новичок в данной области способен создать полноценную дизайнерскую работу, которая будет решать поставленные задачи. Это творческий процесс, к которому следует подходить соответственно.
Чем более необычной получается инфографика, тем больше внимания она привлекает. Качественная инфографика — прекрасный материал для изучения, достойный внимания новичков и профессионалов.
Создавать инфографику можно как в ручном, так и полуавтоматическом онлайн режиме, с помощью различных сервисов. Преимущество второго подхода кроется в наличии большого числа шаблонных элементов и заготовок, которые можно редактировать по личному усмотрению. В сервисах по созданию инфографики, работающих в онлайн режиме, пользователь просто выбирает нужные элементы и встраивает их в общую концепцию, что очень и очень удобно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этап 5. Работа над дизайном инфографики

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

Как выбрать шрифт для инфографики

Начните с вашего текста.

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

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

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

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

Повторение, распределение и выравнивание объектов при создании инфографики

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

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

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

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

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

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

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

Всегда применяйте к повторяющимся элементам выравнивание! Даже малейшее отклонение нарушит гармонию:

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

Есть несколько способов улучшить инфографику

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

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

Негативное пространство — это область страницы, где нет ни текста, ни изображений

Любой дизайнер скажет вам, что негативное пространство не менее важно, чем любой другой элемент дизайна

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

Это означает, что у границы объектов (текста или изображения) должны быть отступы:

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

Интервалы между рядами помогают выделить разбивку по категориям:

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

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

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

Как выбирать цвета при создании инфографики

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

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

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

Или чтобы сгруппировать связанные элементы:

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

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

СОЗДАТЬ РЕЗЮМЕ

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

ЕЩЕ ЦВЕТОВЫЕ СХЕМЫ

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

Заключение

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

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

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

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

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

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

Adblock
detector