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

Содержание

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

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

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

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

 


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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

Источник

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

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

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

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

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

 

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

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

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

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

 

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

Источник GIF

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

резюмировании и визуальном представлении данных.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник

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

Заключение

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

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

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

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

Виды инфографики | Блог 4brain

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

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

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

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

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

Понять отличие инфографики от близких ей типов визуализации поможет сравнение по критериям «создание», «эстетика» и «количество данных» [Iliinsky, Steele, 2011].

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

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

Рисунок 1. Инфографика «Один день с водой». Без цифр и подписей смысл рисунков трудно расшифровать. Изображения просто иллюстрируют текстовые вставки. Источник: infographer.ru

Рисунок 2. Инфографика «Круговорот воды» понятна и без текстовых пояснений. Источник: infographer.ru

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

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

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

Два подхода к визуализации

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

Исследовательская инфографика

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

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

Рисунок 3. Пример инфографики исследовательского типа «Атлантический кодекс» Леонардо Да Винчи. Проект codex-atlanticus.it создан к 500-летию со дня смерти гениального художника. Оцифрованные страницы рукописи можно изучить по нескольким показателям (году, изображенным объектам, тематике) и найти тенденции и закономерности, интересующие зрителя. Авторы не предлагают никаких конкретных выводов, но представляют 1119 страниц рукописи в удобной для исследования форме.

Объяснительная инфографика

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

Всемирно известный графический дизайнер Найджел Холмс, сторонник объяснительного подхода к инфографике говорит: «Я всегда был защитником легкого юмора в информационной̆ графике. Это способ подружиться с читателем/зрителем/пользователем, помогая ему расслабиться, когда он сталкивается с набором чисел или научных концепций. Я старался сделать чтение и понимание графики приятным процессом, а не скучной̆ домашней̆ работой̆. Многие представители науки и дизайнеры данных ненавидят такой̆ подход».

Рисунок 4. Пример объяснительной инфографики «Фото в стиле Да Винчи». Автор показывает результаты исследования 80 картин Леонардо: цветовой гаммы, освещения и ракурса изображений моделей.

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

Сравним две карты конца 19 века. Первая отражает исследовательский подход, вторая – объяснительный.

Карта 1. Шкала температур на карте мира Вильгельма Эбеля,1850 год. Original from British Library. Digitally enhanced by rawpixel. CCO Public Domain

Карта 2. Карикатурная карта Европы 1878 года, Августо Гросси. Original from Library of Congress. Digitally enhanced by rawpixel. CCO Public Domain

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

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

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

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

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

Все объясняющие рисунки Роэм разделил на 6 категорий: «портрет» (кто/что?), «график, диаграмма» (сколько?), «карта» (где?), «линия времени» (когда?), «схема» (зачем?) и «графическое уравнение» (почему?)

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

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

Описание

Описывая что-либо, мы рассказываем о том, как это выглядит, много этого или мало и где оно расположено. Графическими аналогами текстов описаний являются инфографика «портрет», «график, диаграмма» или «карта».

Портрет

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

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

Рассмотрев эту инфографику, мы можем узнать составные элементы логотипа группы Queen:

А что мы можем понять отсюда?

«Горячие факты о солнце. Температура, поверхность, излучение…» Автор: mhrybykk, Courtesy NASA/JPL-Caltech.

Популярная разновидность инфографики-портрета — сравнение (vs, versus), когда наиболее значимые элементы показываются в сравнении с аналогичными объектами.

Переходим к следующему виду.

График / диаграмма

Данный вид инфографики изображает количество объектов, отвечая на вопросы «сколько?», «какую часть от целого составляет?», «какого размера?» и т.д. Узнать такую инфографику можно по большому количеству чисел, графикам, диаграммам, сравнениям размеров или цен:

Профессиональная карьера современной молодежи, инфографика ВЦИОМ

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

Медийный досуг детей в России.

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

1000 самых частотных слов русского языка.

Третий подвид информационной графики описания – карта.

Карта

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

Карта расположения 18 тысяч астероидов солнечной системы. Автор: TabletopWhale, Courtesy NASA/JPL-Caltech.

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

Повествование

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

Линия времени

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

Грамматика: 12 времен в английском языке.

9 фильмов Квентина Тарантино на линии времени.

График действия сателлитов космического аппарата NOAA-N / National Oceanic & Atmospheric Administration (NOAA) (CC0 Public domain). В верхней части инфографики мы видим шкалу «год» с 1978 по 2002 годы.

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

Рассуждение

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

Схема

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

Пример инфографики-схемы – структуры разных организаций в юмористических схемах Ману Корнета (Manu Cornet, CC BY-SA 3.0, commons.wikimedia.org).

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

Изображение: By Nuclear Regulatory Commission from US — Typical Pressurized-Water Reactor, Public Domain, commons.wikimedia.org. Схема водо-водяного ядерного реактора изображает связь его составных частей, называет их. Стрелки показывают движение энергии и помогают зрителю представить, как работает устройство. Мы видим, что происходит в начале процесса (причина), и какой эффект это оказывает (следствие):

Майнд-карта «Управление временем», jean-louis Zimmermann, www.flickr.com

Графическое уравнение

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

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

Например, зависимость уровня здоровья от уровня доходов населения, доказанная с помощью графика с переменными показателями авторами проекта www.gapminder.org.

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

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

Заключение

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

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

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

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

Желаем удачи и успехов в новых проектах!

Автор: Алексей Демин

Полезно знать

06.03.2014

"Ценность инфографики заключается в том, что она

позволяет представить серьезный объем полезной

или важной информации для пользователя в максимально

удобном и простом виде",

Алексей Новичков, руководитель отдела

инфографики РИА-Новости

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

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

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

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — способ передачи информации c помощью графики и текста. Инфографика может использоваться в любой научной или профессиональной сфере, где есть необходимость схематизации материала: в ряде естественных и гуманитарных наук, в рекламе, маркетинге, журналистике, статистике и во многих других областях знаний. Чтобы легко и быстро можно было понять, что же такое инфографика, посмотрите короткое и увлекательное видео на эту тему: Метод инфографики имеет древнее происхождение. Средневековые навигационные карты, таблицы расположений звёзд, анатомические рисунки с подписями- всё это можно отнести к ранним примерам инфографики. К концу XIX века были разработаны основные виды графиков: круговая диаграмма, столбиковая, площадная и т.д. В истории существуют примеры, в которых инфографика помогала решать не только частные задачи, но и помогала выйти из сложнейших кризисных ситуаций: Джон Сноу был пионером эпидемиологии: именно этот ученый с помощью инфографики помог остановить эпидемию холеры в Лондоне в 1854 г. Исследовать предположил, что вызывающий холеру возбудитель передаётся через желудочно-кишечный тракт, а не воздушно-капельным путём. Это стало возможно благодаря тому, Джон нарисовал в схему Лондона, на которой точками обозначил очаги заболевания холерой. Так, получившееся изображение показало, что практически все случаи заболевания, которые ученый изобразил крестиками, находились вблизи одной из водонапорных башен, после ее закрытия новые случаи заболевания холерой удалось остановить.

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

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

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

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

3) Инфографика-инструкция. Объяснение устройства, принципа работы + реконструкция события. Многие компании сегодня имеют интранет, внутренние системы оптимизации бизнес-процессов, в которых должностные инструкции изображены не в словах, а в схемах, наглядно демонстрирующих поведение сотрудников в тех или иных ситуациях

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

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

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

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

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

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

Примеры инфографики

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

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

Динамическая инфографика. Показаны сравнительные характеристики, фактическая информация. Визуализированы основные объекты и субъекты.

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

Инструкция, схема работы. Инфографика.

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

Пример использования инфографики во время презентации.

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

• Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми,

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

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

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

• Статичная инфографика— одиночные изображения без элементов анимации,

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

По типу источника различают 3 основных вида инфографики:

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

• Новостная инфографика— инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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

Новости инфографика

В Петербурге с января 2011 года редакцией ООО «Манифест» начал выпускаться специальный журнал «Инфографика». Журнал выходит тиражом в 80 000 экземпляров. В первых числах каждого месяца свежий номер журнала можно бесплатно приобрести в некоторых московских петербургских ресторанах, кафе и культурных центрах (Галерея братьев Люмер). Журнал содержит только свежие шедевры инфографики – никакого текста. Ежемесячно редакция журнала находит интересные познавательные темы и представляет их в виде инфографики. Это может быть статья о том, как выбрать велосипед, или инфографика о фазах сна. Реклама в журнале также может быть представлена в виде инфографики.

За новостями журнала удобно следить в сообществе «Инфографика» в Фейсбуке и Контакте. Некоторые номера журнала выложены на посвященном инфографике сайте Инфогра. Часто можно неплохая инфографика встречается в газете «New Times».

Сегодня рассматриваемый метод изложения информации превратился в настоящее искусство. Любители могут найти немало интересных примеров в журналах по графическому дизайну. Специалисты и неспециалисты все чаще объединяются в сообщества, отдельные группы которых уже появляются на просторах социальных сетей - такие группы можно найти как во VKontakte, как например, эта http://vk.com/infographics, так и в Facebook - Pinfographics. Что говорить, настоящий рай для визуализаторов - визуальные социальные сети Pinterest, Instagram. Набрав ключевое слово или хэштэг инфографика, вы попадете в совершенно иной мир и сможете быстро найти то, что вам нужно.

Инфографика бизнес

Сегодня российским пользователям и компаниям представлена еще одна возможность заявить о себе в визуальном формате, в частности, сделать и показать свою инфографику на узкоспециализированную аудиторию. Новая бизнес социальная сеть или платформа визуального маркетинга ZIPPPI позволяет не только показать компании (занятые в сфере строительсва, промышленности, недвижимости, финансов, транспорта) общественности при помощи картинок, видео и 3D-визуализации, но и посредством инфографики, созданной при помощи пиар-специалистов и профессиональных дизайнеров. Также на платформе имеется возможность расположить все визуальные материалы на специальном профиле компании, где они могут быть не только легко просмотрены посетителями страницы, но и скачаны, а также расшарены в социальные сети. Возможность реализовать функцию iMap - интерактивная инфграфика карта присутствия компании в мире - позволяет компаниям быстро и ненавязчиво рассказать пользователям о масштабах своего бизнеса как в России, так и за рубежом.

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

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

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

Если Вас интересует стоимость инфографики, Вы можете связаться с нашими менеджерами по телефону: +7 (495) 669 50 61 или уточнить детали по электронной почте: info(at)comagency.ru. Будем рады ответить на ваши вопросы.

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

{"id":126014,"url":"https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike","title":"\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u043d\u0430\u0442\u044c \u043e\u0431 \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike&title=\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u043d\u0430\u0442\u044c \u043e\u0431 \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike&text=\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u043d\u0430\u0442\u044c \u043e\u0431 \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike&text=\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u043d\u0430\u0442\u044c \u043e\u0431 \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u0412\u0441\u0451, \u0447\u0442\u043e \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0437\u043d\u0430\u0442\u044c \u043e\u0431 \u0438\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435&body=https:\/\/vc.ru\/design\/126014-vse-chto-vy-hoteli-znat-ob-infografike","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

2534 просмотров

Создание инфографики: какой вид выбрать?

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

Статистическая

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

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


Хронологическая инфографика, или таймлайн

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

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


Географическая

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


Иерархическая инфографика

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


Матричная

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

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


Алгоритм

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


Фотография

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


Сравнительная инфографика

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

  • оказание помощи клиентам компании с выбором того или иного товара или услуги;
  • добавление доводов к своим высказываниям на злободневные темы в СМИ.

Исследовательская

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


иллюстрации и инфографика / Блог компании Mail.ru Group / Хабр

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

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

Контекст


Что повлияло на мою точку зрения? Я считаю себя редактором графических материалов, специалистом по инфографике и по связям с научным сообществом. Я набирался опыта по большей части в традиционных (физических) изданиях. Вот одна из моих первых научных иллюстраций: нарисованное чернилами изображение частей ротового аппарата гидротермальных креветок. Несколько летних сезонов я работал в лаборатории по изучению ракообразных в Музее естественной истории в Лос-Анджелесе.

В конце 1980-х благодаря своему школьному учителю я смог поэкспериментировать с Commodore Amiga. Позднее, в Колледже Смита я перешёл на планшеты и цифровые рисунки, где мой преподаватель Гэри Нисвонгер вёл занятия вроде слепого контурного рисования фигур. В центре комнаты находилась модель, мы сидели спиной к мониторам и рисовали на лежащих на коленях планшетах Wacom.

Научные занятия я любил не меньше, чем занятия по искусству и дизайну. Я не хотел жертвовать одной дисциплиной ради другой, и одновременно специализировался в геологии и студийном искусстве. Затем моё внимание привлекла программа обучения научному иллюстрированию в Университете Калифорнии в Санта-Круз (теперь он относится к Университету Штата Калифорния в Монтерей-Бэй), и я смог официально объединить эти две дисциплины под руководством Энн Коудл, Дженни Келлер и Ларри Лавендала. Вместо того, чтобы посвятить себя одному направлению научных исследований, я с помощью визуального языка помогаю исследованиям других людей достичь более широкой аудитории.

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

Моё стажёрство превратилось в полноценную должность, и по мере того, как я поднимался от художника до арт-директора, я обнаружил, что моим основным инструментом вместо акварели и рапидографа стал компьютер. В 1998-м я ушёл из Scientific American и стал помощником арт-директора, а позднее дизайнером в журнале National Geographic. Всё это время я набирался опыта как арт-директор и изучал печатное производство у лучших специалистов. Пять лет спустя я переехал и основал фриланс-бизнес по связям с научным сообществом, сосредоточившись на журнальных и книжных проектах.

В 2007-м я вернулся в Scientific American, и сейчас я работаю здесь старшим редактором графических материалов. Сегодня в нашу команду входит два человека, Аманда Монтаньез и я. Мы руководим всей инфографикой журнала, от визуализаций данных до иллюстрированных пояснений. Иногда мы сами создаём финальные изображения, но чаще всего нанимаем внештатных художников и управляем проектом.

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

Но я остаюсь верен печатным версиям.

Редакционные иллюстрации, вроде представленных ниже работ Марии Корте Майдаган и Джей Бендт, курируются другими сотрудниками художественного департамента — дизайн-директором Майклом Мраком и арт-директором Джейсоном Мишкой.

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

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

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

Некоторые художники, вроде Брайана Кристи, способны хорошо работать в обеих сферах.

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

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

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

А Гэвин Потенца придал свежий взгляд теме, о которой уже много написано, и стилистически выделил разные этапы освоения Марса.

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

Я склонен воспринимать инфографику как континуум с наглядным представлением информации на одном краю шкалы и абстрактным представлением — на другом краю.

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

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

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

Когда я листаю старые номера Scientific American, то вижу, что многие художники работали во всём спектре. Меня поражают работы Бундзи Тагавы. Вот несколько примеров, чтобы вы поняли его уровень мастерства. Наглядное изображение объектов:

Анатомические сечения:

Технические схемы:

И визуализации данных:

Подробнее о его работах написано тут: https://blogs.scientificamerican.com/sa-visual/remembering-bunji-tagawa/

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

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

Технические сечения:

Абстрактное представление процессов:

И числовые графики:

Всё нарисовано пером и чернилами.

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

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

А для визуализации больших датасетов с помощью программирования я ищу дата-дизайнеров наподобие Яна Виллема Тулпа.

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

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

Возможно, я несколько драматизирую. Наверное, в реальности всё ближе к такой схеме:

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

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

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

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

А ещё лучше так:

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

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

Во-первых, обратите внимание на эту таблицу: http://bit.ly/jenGNSI. В ней представлены ссылки и краткие описания многих полезных источников. Я буду иллюстрировать идеи примерами из журнала, но многие идеи почерпнуты из книг, постов в блогах, презентаций, подкастов и мастер-классов.

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

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

Уроки. Наглядные иллюстрации


Урок № 1: необходимо уделять внимание каждой детали. Необходимо отслеживать и обдумывать каждое свойство

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

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

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

Урок № 2: покажите объект

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

Урок №3: если не можете показать объект, попробуйте предположить, как он выглядел

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

Урок №4: у фото- и сверхреалистичных изображений есть свои преимущества

Эд Белл написал в 2010-м:

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

Урок №5: у нефотореалистичных изображений тоже есть преимущества

Здесь художница Кэрол Доннер убирает несущественные детали и использует прозрачность для создания эстетически привлекательного и ясного изображения сердца. В отличие от задачи, которую Рон Миллер решал на иллюстрации с Сатурном, здесь не нужно помогать читателю ощутить себя в новом окружении. Здесь нужно отразить поведение объекта.

Иэн Сак и его соавторы написали в The Journal of Biocommunication:

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

Уроки. Поясняющие диаграммы


Урок №1: важно знать, когда и как исказить физическую форму объекта, чтобы лучше всего передать информацию

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

Урок №2: всё дело в композиции: художники должны тщательно продумывать, как вести взгляд читателя по иллюстрации

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

Урок №3: текст столь же важен, как изображения

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

На помощь приходит текст. Заголовки и краткие пояснения сразу дают необходимый контекст.

Изображения четырёх разных научных моделей объясняют, почему в Европе зима теплее. Теперь читатель может сравнить эти модели.

Урок №4: элементы в виде связанных с иллюстрациями картинок или смешных моментов могут вовлекать читателей

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

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

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

Уроки. Визуализации данных


Урок №1: проанализируйте весь набор данных. Затем проанализируйте снова

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

Урок №2: сложность — это нормально

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

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

Урок №3: новые формы могут увлекать читателя...

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

Урок №4:… но иногда лучше всего подходит обычный линейный график или гистограмма

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

Урок №5: ваш источник данных ни объективен, ни полон

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

Исследовательница, художница и разработчик ПО Катрина Д’Игнацио пишет в своём посте «Как выглядела бы феминистская визуализация данных?»:

В чём проблема? С точки зрения теории феминизма вопрос в том, что все знания являются социально значимыми, а мнения угнетенных групп, включая женщин, меньшинства и других, систематически исключаются из «общих» знаний…

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


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

…И если это правда, что мы осмысливаем мир через исключение, то, возможно, в оставляемой нами без внимания информации можно найти какой-то особый смысл.


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

Арт-исследователь Манда Хоббс оказала огромную помощь. Она провела большое исследование литературных источников и выявила некоторые подводные камни. В итоге для большей части материала мы использовали довольно стандартные и авторитетные источники: Центры по контролю и профилактике заболеваний и Всемирную организацию здравоохранения.

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

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

Уроки. Весь континуум


Урок №1: ставьте под сомнение «правила» дизайна


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

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

Рекомендую послушать подкаст Datastories с некоторыми из этих исследователей. В блоге Eagereyes Роберт Косара рассказывает, на что ещё нужно обратить внимание. Также почитайте пост Кеннеди Эллиота «39 исследований человеческого восприятия за 30 минут».

Урок №2: делитесь знаниями


Меня часто поражает благородство сообщества дата-журналистов, когда речь заходит об обмене передовым опытом в области визуализации, идеями, методами, инструментами и источниками. Если хотите расширить свои знания, рекомендую начать с программы Computer Assisted Reporting организации Investigative Reporters and Editors.

Также рекомендую статью Дженнифер ЛаФлёр:

….и блог «The Nerd Blog» на сайте ProPublica.

Урок №3: создавайте площадки для дискуссий


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

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

Подробнее об исполнительских искусствах и науке рассказала в своём выступлении Джеми МакКрей на конференции SciVizNYC в 2017-м, а также можно почерпнуть информацию в сообществе SuperHero Clubhouse.

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

Идея проведения этого мероприятия возникла в результате беседы с иллюстратором медицинских статей Джилл Грегори. Нам понравилось приходить друг у другу на работу и смотреть, как мы используем свои знания и опыт для создания научных иллюстраций. Хотелось узнать, заработает ли формат передвижных встреч, при котором группа участников в течение дня переходит из офиса в студию, затем в отдел новостей, изучая при этом, как разные сотрудники используют научную визуализацию в повседневной работе. По мере развития этой идеи к нам присоединились соорганизаторы Кристофер Смит, Аманда Монтаньез и Ника Форд. Мы пришли к более традиционному и логистически простому формату: дневной встрече на одной площадке с 14 докладчиками. Первая встреча в 2016-м была бесплатной. На второй встрече мы брали по $35 за место, чтобы предотвратить неявку. Но для нас было важно сохранять стоимость на минимально возможном уровне, в то же время выплачивая докладчикам маленькие гонорары за потраченное ими время. Благодаря помощи Медицинской школы Икан на горе Синай нам это удалось. Сегодня наши встречи собирают разных представителей сообщества научной визуализации, преимущества из Нью-Йорка и окрестностей.

Что приводит меня к уроку №4: вместе мы сильнее


Я хочу отдать должное платформам и сообществам, которые вдохновили нас на эту идею и предоставили нужные инструменты. Я получил немало опыта, наблюдая за тем, как сообщество решает в Твиттере возникающие проблемы в реальном времени; наблюдая за панельными дискуссиями о технологиях и взаимодействии через призму этики на фестивале Eyeo; слушая выступления об открытом вебе на OpenVisConf; изучая опыт визуальных журналистов по решению возникающих задач на саммите Malofiej World… список может быть очень длинным. Вот мои любимые источники.

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

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

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

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

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

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

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

Сначала мы изучили литературные источники. Это привело меня к мысли, что в визуализации данных мы слишком полагаемся на такие соглашения, как диаграммы размаха, величины погрешности и скрипичные диаграммы. И не ходим ли мы по кругу, дискутируя о том, какие из этих подходов лучше?

А что если позаимствовать идеи не из количественных, а из качественных примеров? В Scientific American мы с помощью поясняющих диаграмм отражаем разные типы неопределённости в разных дисциплинах. Можно ли взять оттуда какие-то идеи и применить для визуализации данных?

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

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

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

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

Уровень неопределённости зависит не только от пространства, но и от времени. Вот пример трёх способов визуализации этой концепции.

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

Около 70 лет спустя некоторые структуры и функции известны уже с более высокой точностью. Но мы всё равно часто используем размытые края.

Вот ещё одна стратегия представления неопределённости в географии мозга: вся структура изображена абстрактно.

А здесь мозг изображён реалистично, но стрелки, обозначающие протекание процессов, предполагают, что подробности нам ещё предстоит узнать.

Эта иллюстрация 1969 года моя любимая. Входы в мозг — А, В и С, выходы — X, Y и Z, получается более-менее понятно. Однако ниже подписано: «гораздо меньше известно о работе областей между ними, которые составляют большую часть мозга».

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

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

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

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

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

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

Вы могли бы задаться вопросом…

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

СОЗДАТЬ ИНФОГРАФИЮ

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

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

Но смысл инфографики гораздо более конкретен.

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

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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


СОХРАНИТЬ МОЕ МЕСТО

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

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

Консультации и инфографика фрилансера

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

ПОЛУЧИТЬ ШАБЛОН РАСПРОСТРАНЕНИЯ

Консультанты используют инфографику для:

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

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

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

ПОЛУЧИТЬ ШАБЛОН

ПОЛУЧИТЬ ШАБЛОН

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

Государственная инфографика

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

Источник

Некоммерческая инфографика

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

ПОЛУЧИТЬ ШАБЛОН

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

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

Инфографика образования

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

ПОЛУЧИТЬ ШАБЛОН

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

Инфографика

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

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

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

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

В этом видео-руководстве также показано, как создать инфографику всего за 5 шагов:


ПОПРОБОВАТЬ МЕСТО ВРЕМЕНИ

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

Вместо этого начните с создания схемы инфографики.

Организуйте информацию с помощью инфографики

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

Создайте схему инфографики из существующего контента, используя следующие 4 шага:

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

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

Вы спросите, какие существуют типы инфографики?

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

В Venngage наша библиотека шаблонов инфографики разделена на 9 категорий:

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

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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

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

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

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

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

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

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

Создание иерархии текста с тремя разными стилями шрифта

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

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

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

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

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

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

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

ПОЛУЧИТЬ ШАБЛОН

Или, что еще лучше, создайте наглядные примеры каждого основного момента инфографики, как показано в этом примере от Elle & Company:

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

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

Заключение

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

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

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

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

Что такое инфографика: типы, примеры, советы

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

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

Но что такое инфографика ? Чтобы лучше понять определение в инфографике, полезно узнать, откуда появился этот термин. Инфографика - это сочетание «информации» и «графики». Инфографика (информационная графика) - это визуальное представление информации, цель которого - сделать данные легко понятными с первого взгляда.

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

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

Типы инфографики

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

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

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

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

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

Информационная инфографика

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

через сеть Job Creators Network

Хронология инфографики

Инфографика

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

через citifmonline

Диаграммы инфографики

В инфографике

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

через Statista

Инфографика круговых диаграмм

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

через The Guardian

Как сделать инфографику

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

через Lender411

Инфографика процесса

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

через 4506-стенограммы

Сравнительная инфографика

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

через Siteber

Номер инфографики

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

через ISTE

Инфографика резюме

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

через Большое интервью

Визуальные элементы инфографики

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

Цвета инфографики

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

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

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

через Visage

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

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

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

Шрифты для инфографики

Количество шрифтов за последние годы резко увеличилось. Теперь существует гораздо больше вариантов шрифтов для инфографики, чем у обычных Times New Roman, Arial, Calibri и Comic Sans. Шрифты можно классифицировать по-разному, но многие эксперты делят их на четыре большие группы: Serif, Sans-Serif, Script и Contemporary.

Шрифты

с засечками (например, Merriweather и Times New Roman) имеют небольшие линии в конце каждой буквы и считаются более формальными.Sans-Serif буквально означает «без засечек», и эти шрифты (например, Arial, Helvetica и Lato) не имеют мелких линий. Они более обтекаемые и современные, чем шрифты с засечками. Скриптовые шрифты напоминают рукописный текст и считаются забавными, повседневными или элегантными. У декоративных шрифтов есть новизна (например, снежные шрифты в рождественской графике), и их следует использовать экономно и для определенных предметов.

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

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

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

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

через Visage

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

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

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

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

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

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

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

через Visage

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

Инфографические изображения

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

через Visage

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

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

Инструменты инфографики

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

Безумный редактор

Платформа: Windows
Цена: Бесплатно

Сначала Lunacy разрабатывался как программа просмотра скетчей для Windows, из-за проблемы с открытием.файлы эскизов всегда были кошмаром для людей, у которых не было Mac. Но сам по себе он быстро становится мощным инструментом. С помощью Lunacy вы можете не только открывать файлы .sketch, но и выполнять несколько функций редактирования: организовывать страницы и монтажные области, рисовать, объединять и выравнивать объекты, а также использовать типографику. Выпущенный в версии 5.0, Lunacy представляет собой надежный и хорошо улучшенный редактор векторной графики с интегрированными значками, фотографиями, изображениями в масках и иллюстрациями. Это Sketch для Windows с разнообразными элементами дизайна, широкими функциональными возможностями и повышенной производительностью.

Добавьте к этому экспорт в PNG и SVG, поддержку кода CSS и XAML, и вы получите мощный инструмент для редактирования векторных изображений, не прибегая к помощи костылей, чтобы файлы .sketch работали в Windows. Портативная версия поставляется в качестве бонуса.

Плюсы:

  • Первый полнофункциональный редактор .sketch для Windows
  • Постоянные обновления
  • Переносимая версия
  • Активная разработка и поддержка

Piktochart
Цена: бесплатно (платные планы начинаются от 15 долларов в месяц)

Piktochart предлагает сотни шаблонов на выбор, хотя это не мешает вам создавать свои собственные с нуля.Новые шаблоны добавляются еженедельно. К объектам инфографики в вашем распоряжении относятся карты, диаграммы, фотографии и значки. Импортируйте свои данные в Piktochart из Microsoft Excel, Google Spreadsheet или SurveyMonkey. Заполненную инфографику можно встроить на веб-сайт или загрузить и поделиться в формате PDF, PNG или JPEG.

Canva
Цена: бесплатно (обновление до Canva for Work за 12,95 долларов США за пользователя в месяц)

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

Venngage
Цена: Бесплатно (Премиум-план 16 долларов в месяц)

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

Visme
Цена: бесплатно (стандартный план стоит 10 долларов в месяц)

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

Easelly
Цена: бесплатно

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

Заключение

Инфографика стала мощным инструментом для анализа больших наборов данных и объяснения информации. В прошлом создание инфографики было прерогативой немногих из-за высокой стоимости программного обеспечения (такого как Adobe Photoshop) и сложности процесса проектирования.Благодаря тому, что сейчас доступны многочисленные недорогие (или бесплатные) и простые в использовании онлайн-инструменты, например редактор Lunacy, для создания качественной инфографики не требуется столько времени и усилий.

Инструменты

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

Free Infographic Maker - 100+ шаблонов

перейти к содержанию Piktochart
  • Создать
    • Презентации
    • Отчеты
    • Инфографика
    • Листовки
    • Графика в социальных сетях
    • Плакаты
  • Решения
    • Для отдела кадров
    • Для маркетинга
    • Финансы
    • Для здравоохранения
  • Для команд
  • Стоимость
    • Расценки на пакеты
    • Цены для некоммерческих организаций
    • Цены на образование
  • Узнать
    • Блог
    • Центр поддержки
    • Видеоуроки

9 типов интеллекта - инфографика

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