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

Инфографика: как делать, шаблоны, примеры

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

Понятие

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

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

Советы для начинающих

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

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

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

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

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

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

Итак, вся инфографика подразделяется на 4 типа.

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

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

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

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

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

Основные правила читаемой инфографики

1. Необходимо, чтобы в инфографике преобладали большие, цельные и однотонные элементы.
2. Лучше избегать элементов, которые не несут никакой информации, а служат лишь для украшения – они могут ввести читателя в заблуждение.
3. В картинке должен быть «якорь» – это такой элемент инфографики, который сделает ее заметной и понятной.
4. Лучше ограничить свою палитру, так как многообразие цветов будет сбивать читателя с толку и не давать глазу сосредоточиться на каком-то одном элементе.

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

Сервис №1 — easel.ly

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

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

Сервис №2 — infogr.am

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

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

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

Как научиться делать красивую инфографику?

Добрый день, Яна!

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

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

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

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

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

С уважением, Н.

Приведенные в письме ссылки под словами «здесь здесь и здесь» — вот они:

http://www.tristatecwi.org/sites/default/files/downloads/2015_TSHS.pdf
http://stephanieevergreen.com/my-personal-annual-report/

***

Итак — у меня нету быстрого рецепта, как нучиться что-то делать. Особенно, если речь идет о том, чтобы обучиться самостоятельно, без какой-то школы, где будут долго и систематично «скармливать» приемы, правила и техники. Но предлагаю пойти таким путем (им идут многие самоучки, у некотрых получается довольно быстро).

1 — Хорошо прошариться по интернету, по конкурсам, всяким Пинтерестам, дизайнерским форумам и.т.д. и найти (и куда-то себе собрать) очень много образцов очень хорошей инфографики. Особенно внимательно смотрите на образцы, которые яростно хвалят, которые получили много комментариев от профессионалов (например на Behance), получили призы на конкурсах. Цель — собрать наглядный материал. Но главная цель — понять, чем они хороши! Это вообще главное, и самое трудное. Понять, почему вот этот образец — хороший, а этот — не очень. За что все хвалят именно этот. Чем он крут. Чем одно лучше другого, где у какого-то конкретного образца сильные и слабые стороны. Это в любой графической работе самое трудное — начать понимать, что есть «хорошее» и чем оно хорошо. И что «плохо» и «слабенько», и что в этом лохог, слабенького, несостоятельного.

2 — Для начала попробовать самые любимые образцы повторить. Причем полностью. От начала и до конца. Неважно, как вы эт будете делать — обводить на новом слое, обмерять и переносить в новый файл. Или просто «срисовать», положив рядом. Но нужно именно сделать какой-то из образцов от начала и до конца — а не так, что «ну, с этого места мне уже ясно, как это сделали». Ясно в мыслях и фантазиях — это одно. А взять и сделать своими руками — это другое. Вот тут немедленно вылезет все, где у вас пробелы. В технике, в знаниях, в понимании, что какими инструментами делали. Только когда вы такую штуку полностью слепите своими руками, и она действительно получится точно такая, как на картинке появится ощущение, как это делают. И понимание, сколько это труда и времени. И настоящие конструктивные мысли о том, как бы то же самое сделать быстрее, эффективнее, менее путанно и стихийно.

3 — Сделав пару копий хороших образцов, попробуйте их немного переделать и перекрасить. Чтобы стало немного поз-другому, по-вашему, но все равно хорошо. Тут вылезут все косяки в работе, связанные с тем, что вы что-то к чему-то мучительно прикрутили — но тронуть это больше нельзя! Есть такие конструкции, когда тронешь одно — и все разваливается. Или вроде чистая картинка, а в ее «потрохах» черт ногу сломит. Не дай Бог нужно будет один элемент перекрасить — наступает полное отчаяние. Вот тут рождается понимание, что такое чистая работа. Где все слои, элементы и источники информации разложены по понятным полкам, подписаны, и их можно трогать и менять, без того, чтобы весь ваш проект разваливался как карточный домик.

Такой эксперимент научит вас впредь чисто работать.

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

В какой-то момент наступит высший пилотаж, и вы найдете работы. про которые вы знаете. как их можно было бы улучшить!

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

Желаю вам удачно научиться!

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

Материалы курса «Как не дать себя обмануть и научиться анализировать данные»

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

Вебинар № 1: Толкование данных, или Как не дать себя обмануть

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

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

Сергей Устинов,

data-аналитик и разработчик

Презентация вебинара.

Вебинар № 2: Как инфографика может ввести в заблуждение

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

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

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

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

Сергей Устинов,

data-аналитик и разработчик

Презентация вебинара.

Вебинар № 3: Как понимать данные и описывать их

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

Как можно оценить материал

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

Презентация вебинара.

5 Шагов К Созданию Сочной Инфографики – GeniusMarketing

Хотите покорить свою аудиторию мегакрутым контентом?

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

Ответ найдется сразу, если вы вспомните, что графическую информацию мы воспринимаем на 85% быстрее! Улавливаете, к чему я веду? Да, нужно просто визуализировать данные и преподнести их в виде инфографики. Тем более, они сейчас на пике популярности.

Готовы поработать с таким видом контента? Тогда за дело…

5 шагов по созданию инфографики:

Шаг 1. Ищем информацию

Для начала включим аналитика. Что он делает? Правильно. Собирает, анализирует и обрабатывают информацию. Да, скуки не оберёшься. Но работа важная!

Вам  нужно сделать 2 основных задания:

1. Определить цель и аудиторию

Для начала ответьте себе на вопросы:

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

Для кого. Включаем Капитана Очевидность *барабанная дробь*… для вашей аудитории:) Вы лучше всех знаете, кто они. У парикмахера это люди, желающие получить красивую прическу. У продавцов велосипедов – те, кому нужен велосипед. Если вы обучаете ведению бизнеса – те, кто хотят начать или развивать свой бизнес. А чтобы детальнее разобраться, кто же он, ваш идеальный клиент, читайте эту статью.

Цель. Чего вы хотите? Обучить посетителя или получить клиента? Хотя лучше будет сказать: обучить посетителя, чтобы получить клиента! Когда вы обучаете, ваша аудитория думает, что нашла мастера своего дела. А у профессионалов всегда больше клиентов!

Так вот. Обучающие инфографики – отличные крючки для ловли посетителей.

Например, вы продаете мобильные телефоны. Создайте детальное руководство «Как подобрать качественный бюджетный телефон». Представьте, человек не знает, какой телефон он хочет. Ему важно, чтобы он был доступным по цене, качественным, навороченным и-и-и…

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

Другой вариант. Вы продаете знания – обучаете английскому. Отлично! Создаем инфографику, например, «Разговорный английский за 5 минут!». Ситуация та же. Человек хочет заговорить на английском и случайно находит ваш материал. Если то, что вы показали, просто и понятно, посетитель подумает: «Да они реально крутые! Подпишусь на их страницу». А дальше поделится этой инфографикой в соцсетях, кому-то порекомендует. Захочет, чтобы его ребенок учил английский у вас. Звучит неплохо?

Тогда давайте за дело!

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

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

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

2. Найти нужный материал

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

Мы  разбираемся в том, как продвигать бизнес с помощью вебинаров. И вот решили поделиться опытом:

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

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

• Правдивой и четкой. Это важно, здесь лукавить нельзя. Можете потерять доверие!

Совет 1: Используйте сайты, которые дают максимально точную информацию. Ищете статистику? Тогда используйте официальные сайты, которые ее публикуют.

Совет 2: Не пользуйтесь сайтами, где пользователи могут редактировать данные!

Давайте рассмотрим на примере Википедии. Знаете, я обожаю Википедию! Но не в рабочих целях. Их девиз: «Свободная энциклопедия, которую может редактировать каждый». Вы уверенны, что каждый, кто захочет внести свои правки, действительно в теме? Я — нет! Но если с информацией беда, то Википедия может быть вашей отправной точкой. Там есть список литературы. Перейдя по ссылке, вы сможете проверить подлинность информации.

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

Это может выглядеть вот так:

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

Совет: Старайтесь подбирать информацию не старше 2-х лет.

Шаг 2. Создаем классный дизайн

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

1. Продумайте структуру

Берем лист бумаги, ручку/карандаш/фломастер и начинаем рисовать.

«Что? А почему сразу на компьютере нельзя сделать?» — спросите вы. Отвечаю. Когда вы без примерного макета сразу начнете работать, это отнимет намного больше времени и сил. Почему? Вот представьте, вы потратили минут 30 на создание рамки для инфографики. И тут вам приходит в голову мысль сделать ее не вертикальной, а горизонтальной. Вы все удалили и начинаете заново. Сделали горизонтально и понимаете, что такая инфографика не поместится на экране и люди не смогут ее оценить полностью. Снова все удаляете… Еще осталось желание работать? Вот-вот. Согласитесь, сделать наброски от руки намного быстрее.

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

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

Давайте разберемся в особенностях каждого из них:

• Информативная. Универсальная и самая распространенная графика. Хорошо работает с самыми разными данными. Легка для чтения. Информация подается четко, лаконично и без лишнего пафоса. Можете использовать, когда ваш текст имеет много подразделов к основной теме. Позволит выделить их в отдельные блоки.

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

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

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

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

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

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

2. Меньше текста, больше данных

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

Посмотрите на этот пример:

Я честно старался разобраться, о чем здесь речь. Видно, не судьба. Да, ярко. Да, в какой-то степени красиво. Но непонятно!

Потому запомните — инфографика должна быть:

• информативной;
• простой;
• понятной.

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

На заметку о диаграммах!

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

Вот пример, как можно разнообразить диаграммы:

3. Выберите цвет

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

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

• Используйте палитру из 3-х цветов. Это золотое правило, которое всегда работает. Как использовать? Очень просто. Выберите 3 основных цвета. Из этих 3-х один должен быть цветом фона (как правило, самый светлый либо, наоборот, самый темный), а 2 других должны разбить информацию на блоки.

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

Например, для  Coca-Cola это красный цвет:

• Если вам нужно добавить другие цвета, используйте оттенки 3-х основных. Есть много онлайн-инструментов, которые можно использовать для создания разных цветовых гамм. Наши дизайнеры рекомендуют Coolors, Adobe Color CC или Rude Color.

Чтоб вы не сомневались в моих словах, давайте посмотрим, как работают вместе 3 цвета. Они холодные, но эффект потрясающий:

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

4. Мыслите неординарно

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

Как вам такой креатив:

Шаг 3. Подбираем текст

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

Потому даю 2 проверенных совета:

• Название имеет значение. Это старое, но бесценное правило! Доказано, что эффектный заголовок цепляет  98%  читателей.
• Истории рулят. У всех историй есть завязка, кульминация и развязка. Постарайтесь продумать весь текст именно в такой последовательности.

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

Шаг 1. Создаем заголовок. Допустим, «Как убрать квартиру в 3 раза быстрее».

Шаг 2: Описываем свою чудо-методику. Детально, со всеми инструкциями. Вплоть до подбора нужной швабры и моющего средства (фотографии приветствуются!).

Шаг 3. Концовка-зацеп: «Хотите научиться убирать квартиру, не поднимаясь с кровати? Звоните прямо сейчас…». Я бы позвонил:)

Совет: Соберите свою аудиторию вокруг «костра решения проблем»!

Шаг 4. Собираем всю работу

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

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

Можете попробовать:

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

Шаг 5. Проверяем и корректируем

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

Заключение

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

Так что вооружитесь этой инструкцией и подготовьте для своей аудитории действительно крутой контент. Вот увидите, результат не заставит себя ждать;)

Эти советы были полезными для вас? Хотите получать больше информации о визуальном контенте? Если «Да» – ставьте Лайк!

Хотите узнать о мегаклассной фишке, которая сделает ваши продажи сильно выше? Читайте прямо сейчас: 7 Важных Компонентов Рush-Сообщения, Которое Увеличит Вашу Прибыль Вдвое!

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

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

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

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

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

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

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

^{Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.}

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

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

5 вопросов, которые нужно задать себе при выборе диаграммы

1. Вам нужно сравнивать величины?

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

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

2. Вы хотите показать структуру чего-либо?

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

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

3. Вы хотите понять, как распределяются данные?

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

Используйте эти диаграммы: точечная диаграмма, линейная диаграмма, гистограмма.

4. Вы заинтересованы в анализе тенденций в определенном наборе данных?

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

Вам пригодятся: линейная диаграмма, двойная ось (столбец и линия), гистограмма.

5. Хотите лучше понять взаимосвязь между установленными значениями?

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

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

13 различных типов диаграмм для анализа и представления данных

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

Гистограмма

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

^{Инфографика Top Lead для юридической компании AEQUO}

Рекомендации по дизайну для столбчатых диаграмм

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

2. Используйте горизонтальные метки, чтобы улучшить читаемость.

3. Начните ось y с 0, чтобы правильно отразить значения на графике.

Горизонтальная гистограмма

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

^{Инфографика Top Lead для интернет-издания Aggeek. Посмотреть в полном размере.}

Рекомендации по дизайну для гистограмм

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

2. Используйте горизонтальные метки, чтобы улучшить читаемость.

3. Начните ось Y с 0, чтобы правильно отразить значения на графике.

Линейная диаграмма

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

^{Инфографика Top Lead. Линейная диаграмма — снизу.}

Рекомендации по дизайну для линейных диаграмм

1. Используйте сплошные линии.

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

3. Используйте правильную высоту, чтобы линии занимали примерно 2/3 высоты оси Y.

Диаграмма с двойной осью

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

^{Инфографика Top Lead для Growth Up. Диграмма с двойной осью — вверху.}

Рекомендации по дизайну для диаграмм с двумя осями

1. Используйте левую ось Y для основной переменной, потому что для людей естественно сначала смотреть влево.

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

3. Выберите контрастные цвета для сравниваемых наборов данных.

Областная диаграмма

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

^{Инфографика Top Lead для компании Baker Tilly. Сверху вниз: круговая диаграмма, две обласных диаграммы, круговые диаграммы.}

Рекомендации по дизайну для диаграмм областей

1. Используйте полупрозрачные цвета.

2. Используйте не более четырех категорий, чтобы избежать путаницы.

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

Штабельная диаграмма

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

^{Инфографика и верстка — Top Lead. Для «Нафтогаз України». Штабельная диаграмма — внизу слева. Посмотреть в полном размере.}

Рекомендации по дизайну для штабельных диаграмм

1. Лучше всего использовать ее для иллюстрации отношений «часть-целое». Для большей наглядности выбирайте контрастные цвета.

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

Круговая диаграмма

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

^{Инфографика и верстка — Top Lead. Для «Нафтогаз України». Посмотреть в полном размере.}

Рекомендации по дизайну для круговых диаграмм

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

2. Убедитесь, что общая сумма всех частей составляет 100%.

3. Необходимо упорядочить части в соответствии с их размером.

^{Инфографика Top Lead для компании Baker Tilly. Посмотреть в полном размере.}

Диаграмма-водопад

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

^{Инфографика и верстка — Top Lead. Годовой отчет «Нафтогаз України». Диаграмма-водопад в верхней половине верстки. Посмотреть в полном размере.} 

Рекомендации по дизайну для водопадных диаграмм

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

2. Выбирайте теплые цвета, чтобы показать рост, и холодные цвета — для падения.

Воронкообразная диаграмма

Диаграмма-воронка отображает последовательность этапов и скорость завершения каждого из них. Ее можно использовать для отслеживания процесса продаж или взаимодействия пользователей с сайтом.

^{Инфографика Top Lead.}

Рекомендации по дизайну для воронкообразных диаграмм

1. Масштабируйте размер каждой секции, чтобы точно отобразить объем набора данных.

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

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

Точечная диаграмма

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

Рекомендации по дизайну для точечных диаграмм

1. Включите больше переменных, таких как разные размеры, чтобы объединить больше данных.

2. Начните ось Y с 0 для точного распределения данных.

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

Пузырьковая диаграмма

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

Рекомендации по дизайну для пузырьковых диаграмм

1. Проводите градацию пузырьков по занимаемой ими площади, а не по диаметру.

2. Убедитесь, что метки четкие и хорошо видны.

3. Используйте только круги.

Шкала со значениями

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

Рекомендации по разработке дизайна для шкалы со значениями

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

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

Тепловая карта

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

Рекомендации по разработке дизайна для тепловой карты

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

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

3. Избегайте использования нескольких шаблонов.

 

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

Чтобы узнать больше о подготовке нефинансовых отчетов и послушать кейсы таких компаний как Coca-Cola, Kernel, Нова Пошта, 1+1 Media, Infopulse и других, регистрируйтесь на нашу онлайн-конференцию Corporate Reporting Conference 2020. Жмите на баннер, чтобы узнать подробности, а  билеты покупайте прямо в Фейсбуке:

10 форматов и 10 советов

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

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

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

С чего стоит начать работу над инфографикой

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

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

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

Onlypult публикует в Facebook, Instagram, TikTok, ВКонтакте и другие социальные медиа. Удобный редактор постов и совместная работа.

Зарегистрироваться

10 форматов инфографики для соцсетей

Статистика и факты

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

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

Что хорошо. Нативно обыгрывается функционал Microsoft PowerPoint.

Рассмотреть поближе

Списки в виде инфографики

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

Пример. Инфографика с пятью советами, как держать себя в форме. Краткий совет и описание.

Что хорошо. Удачная тема, легкость в восприятии, стрелки, которые ведут по пунктам.

Рассмотреть поближе

Конспекты

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

Пример. Агентство по охране окружающей среды (EPA) использует инфографику для информирования населения.

Что хорошо. Минималистичное оформление не отвлекает от сути сообщения.

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

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

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

Пример. Интерактивная инфографика Guardian позволяет пользователям исследовать происхождение пород собак.

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

Рассмотреть поближе

Инфографика-тест

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

Пример. Инфографика для продвижения отеля Marriott в Аризоне, предлагает набор местных мероприятий в Скоттсдейле.

Что хорошо. Ретро-стиль, интуитивно понятный дизайн.

Рассмотреть поближе

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

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

Пример. Карта по сериалу и книгам «Игра Престолов», чтобы ориентироваться на землях Вестероса.

Что хорошо. С картой легко представить события, происходящие в этом мире.

Рассмотреть поближе

Инфографика-рецепты

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

Пример. Творческий подход прослеживается в оформлении рецептов в иллюстрациях Jing Zhang.

Что хорошо. Выделяет яркий визуальный образ.

Рассмотреть поближе

Хронологическая инфографика

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

Пример. На графике наглядно представлено, сколько детей назвали в честь героев сериала «Игра Престолов» за последние 20 лет.

Что хорошо. Небанальная тема, «воздух» в оформлении и типографике.

Рассмотреть поближе

GIF

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

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

Что хорошо. Визуал хорошо объясняет все и без текста.

Полное GIF-изображение

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

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

Пример. Джон Сноу — герой вселенной «Игры престолов». Наблюдается явный карьерный прорыв — побывал ночным дозорным, а через год стал Королем Севера.

Что хорошо. Читаемый шрифт, сдержанная цветовая гамма, идея легко считывается.

Рассмотреть поближе

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

1. Не бойтесь создавать инфографику без дизайнера

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

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

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

Начать пользоваться

2. Ставьте визуал в приоритет

Человек запоминает 20% из того, что читает, и 80% — из того, что видит, — рассказывает Марк Тигелаар в книге «Как читать запоминать и никогда не забывать». Поэтому при работе над инфографикой упор стоит делать на визуальном образе.

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

3. Пишите и сокращайте

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

Адаптируйте все текстовые пояснения: добавляйте символы, разбивайте длинный текст на короткие предложения, а лучше — максимально сокращайте. Добивайтесь лаконичности и емкости.

4. Проводите фактчекинг

Пользуйтесь журналистскими инструментами. Работайте с результатами исследований Левада-Центр, ФОМ, Росстат. Проведите короткие интервью с экспертами по этой теме, чтобы найти уникальную информацию.

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

5. Анализируйте как можно больше удачных примеров

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

Интересные примеры можно искать на Behance, где размещают портфолио дизайнеры. Допустим, «Капсула времени» Cisca — инфографика, иллюстрирующая развитие дизайн-технологий через изобретения 1950-х, 1960-х и 1970-х годов.

6. Заботьтесь о читателе

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

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

7. Добавьте промо

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

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

8. Пользуйтесь правилом: одна инфографика — одна мысль

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

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

9. Экспериментируйте с форматами

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

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

10. Изучайте книги и материалы о визуальном мышлении

Рекомендуем начать с иллюстрированного руководства Дэвида Маккэндлесса «Инфографика» и с советов, которые помогут «продать» собственные идеи при помощи простых визуальных образов от Дэна Роэма — книга «Визуальное мышление».

Идеи, применимые в работе, — Майк Роуди «Визуальные заметки». Десятки методик от экспертов в области инфографики (дизайнеров, художников) в книге «Красивая визуализация: взгляд на данные глазами экспертов»: авторы Дж. Стил, Н. Ильинский.

корпоративная инфографика — Infographer

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

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

Инфографика, визуализация информации, визуализация данных cейчас мегапопулярны. Все больше запросов на инфографику, все больше курсов по инфографике, все чаще запросы в поисковых системах. При этом, если опираться на реальные данные и в сервисе Google Trends сравнить infographics с популярностью, например, фразы data visualisation, то становится понятно — инфографика как понятие является лишь «информационным пузырём», тогда как реальная осмысленная потребность в визуализации остаётся стабильной в течение последних 10 лет (максимальная глубина данных, доступных для анализа).

Статистика из google.com/trends

Всем нужен дизайнер

Опыт работы, общение с сотнями менеджеров говорит об одном — все больше появляется людей которые хотят, чтобы им дали «одну кнопку», которая решила бы сразу их задачу по подготовке визуального материала, не заставляя вникать в подробности «как именно решить эту задачу». «У нас всё готово: уже есть данные, уже всё в наличии, и нужно лишь собрать это в аккуратный документ! Нам нужен лишь „дизайнер для презентации“!», — если это ваши слова, то вы на пороге одного из самых неправильных управленческих решений в своей жизни.

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

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

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

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

Правое полушарие не может делать работу левого

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

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

Поэтому, приступая к презентации, нужно сначала ответить себе на вопрос «Зачем я делаю этот конкретный документ?». И это только первый вопрос: ведь дизайн презентаций (как и оформление любых отчётных данных) — это, по сути, целый комплекс вопросов, на которые нужно ответить прежде, чем садиться за работу.

ПРИВЫЧКА ПРЕЗЕНТОВАТЬ Если хорошо задавать вопросы, может оказаться, что презентация вовсе не нужна. Признайтесь, возможно, вы просто привыкли делать «презентации»? И когда вам нужно сообщить только одну мысль, вы по привычке стараетесь использовать для ее подкрепления визуальные образы и подготовленные данные. А вполне возможно, что для объяснения сути (например, предлагаемого партнерского бизнеса) хватит одной тщательно подготовленной иллюстрации.Интересный подход — попытаться обойтись без проектора вообще. Небольшая брошюра Turn off the Projector! — очень полезный текст для размышлений о том, как сообщать информацию небольшой аудитории. Авторы напоминают нам о том, что за корпоративной «презентационной» привычкой мы забыли измерять результат эффективностью потраченных усилий.

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

Дизайн и создание инфографики (курс, ориентированный на проекты)

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

Независимо от того, являетесь ли вы графическим дизайнером, писателем или практикантом в отделе, вы узнаете: • что такое инфографика и что делает ее хорошей • как работать в пределах своих возможностей • как работать с командой (если она у вас есть) • почему инфографика эффективна • методы выявления данных в историях • шесть ценных шагов для планирования эффективной инфографики • как использовать и создавать некоторые строительные блоки инфографики: карты, диаграммы и блок-схемы • способы визуализации данных, чтобы прояснить их и придать смысл • как эффективно разработать хорошую инфографику, эффективно используя такие элементы, как шрифт, цвет и базовую структуру сетки • некоторые бесплатные или дешевые онлайн-инструменты для создания различного рода инфографики. По мере работы над проектом вы узнаете больше о том, почему инфографика эффективна, что делает ее хорошей и как спланировать и разработать инфографику для максимального воздействия.Вы изучите различные подходы к визуализации данных и попрактикуетесь в создании визуализаций, таких как карты, диаграммы, блок-схемы и простые рисунки, в бесплатной версии Adobe Illustrator. Обратите внимание, что если вы новичок в изучении графического программного обеспечения, создание этой графики может занять гораздо больше времени, чем предполагалось, по мере вашего обучения и роста. Что вам понадобится для начала: Этот проектный курс предназначен для всех, кто интересуется пониманием, проектированием и использованием инфографики — от студентов и любителей до профессиональных графических дизайнеров.Мы будем использовать Adobe Illustrator для некоторых компонентов проекта. Если у вас нет доступа к полной версии Illustrator, вы можете загрузить бесплатную версию по адресу www.Adobe.com/Illustrator. Если бесплатная 30-дневная пробная версия заканчивается, вы можете «купить» ее на месяц примерно за 20 долларов. * О курсах, ориентированных на проекты: курсы, ориентированные на проекты, разработаны специально для того, чтобы помочь вам завершить лично значимый реальный проект, с вашим инструктором и сообществом единомышленников, предоставляющих рекомендации и предложения на этом пути.Активно применяя новые концепции в процессе обучения, вы более эффективно усваиваете содержание курса; вы также получите фору, используя приобретенные навыки, чтобы внести позитивные изменения в свою жизнь и карьеру. Когда вы закончите курс, у вас будет готовый проект, которым вы с гордостью сможете поделиться и поделиться им. Когда вы записываетесь на определенные курсы, вам будет предложено внести небольшую плату, чтобы поделиться своей работой с другими для коллегиального обзора.

Как сделать инфографику за 30 минут (Руководство на 2021 год)

Шаг 2. Определите свои цели

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

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

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

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

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

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

Шаг 3. Соберите информацию

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

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

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

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

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

1. Укажите достаточно точек данных, чтобы получить обзор темы.
2. Возьмите одну точку данных и подробно объясните ее.

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

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

Шаг 4. Выберите тип инфографики

Есть несколько типов инфографики:

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

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

Шаг 5: Создайте логическую иерархию в ваших данных

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

Я предлагаю создать структуру либо в Word, либо в Google Doc , чтобы вы могли иметь обзор и переключать данные без особых хлопот. Пытаться сделать это после того, как вы разработали графику, — это боль.

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

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

Шаг 6. Выберите и настройте шаблон, соответствующий вашему сообщению.

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

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

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

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

Давайте сделаем это в нашей инфографике.

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

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

Теперь давайте приспособим его к нашим потребностям.

Настройка шаблона в Piktochart

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

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

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

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

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

Когда вы нажимаете на них, шаблон автоматически обновляет цвета.

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

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

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

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

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

Для нашей инфографики я оставлю шрифты такими, какие они есть.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот созданная нами инфографика:

Промыть, повторить

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

Как сделать инфографику за 9 простых шагов [Руководство на 2021 год]

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

1. Выберите аудиторию своей инфографики.
2. Определите цели, которых вы пытаетесь достичь.
3. Выберите тему для своей инфографики.
4. Соберите данные и информацию для своей инфографики.
5. Проверяйте все факты и цитируйте свои источники.
6. Решите, как визуализировать ваши данные.
7. Задайте тон своей инфографике.
8. Напишите копию и создайте текстовую схему.
9. Создайте каркас своей инфографики.

Хотите узнать больше о каждом из шагов, описанных выше?

Продолжайте читать.

9 шагов к созданию информативной инфографики

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

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

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

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

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

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

1. Определите аудиторию своей инфографики

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

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

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

Например, ваша аудитория в основном в Instagram? Тогда ваша инфографика, вероятно, должна быть квадратной. Ваша аудитория много скроллирует на Pinterest? Тогда ваша инфографика должна быть готова к работе с Pinterest.

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

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

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

2. Определите цель своей инфографики

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

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

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

3. Выберите тему для инфографики

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

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

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

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

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

4. Соберите данные и информацию для своей инфографики

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

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

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

5. Проверяйте все факты и цитируйте свои источники

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

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

6. Решите, как визуализировать свои инфографические данные

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

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

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

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

7. Задайте тон для инфографики

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

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

После того, как вы определились с тоном, вы можете приступить к написанию копии.

8. Напишите копию и создайте текстовый контур

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

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

9. Нарисуйте каркас инфографики

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

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

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

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

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

В этом разделе мы покажем вам два способа создания инфографики:

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

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

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

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

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

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

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

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

Готовы создать свою инфографику?

Приступим!

1. Выберите шаблон для своей инфографики

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

Чтобы выбрать идеальный шаблон, выберите категорию и просматривайте коллекцию, пока не найдете тот, который будет работать с вашим каркасом.

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

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

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

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

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

2. Вставьте свой контент в заполнители шаблона

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

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

Pro Tip: Чтобы добавить еще один блок, наведите указатель мыши на верхний левый угол раздела и нажмите на знак плюса (+). Затем выберите «Добавить из шаблона», и вы войдете в библиотеку содержимого, где сможете выбрать любой стиль блока, который хотите.

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

Вот некоторые рекомендуемые размеры шрифта для инфографики:

• Большие заголовки: 24-36 пт.
• Средние заголовки: 20-24 пт.
• Содержание текста: 14-18 пт.

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

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

3.Выберите пару шрифтов для вашего текстового содержимого

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

• Это влияет на внешний вид инфографики
• Помогает настроить размер текстовых блоков

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

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

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

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

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

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

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

4. Выберите и разместите значки в инфографике

Никому не нравится инфографика, состоящая только из текста.

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

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

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

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

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

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

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

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

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

6. Проанализируйте поток и определите разделы в своей инфографике

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

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

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

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

6.Настройте цветовую тему вашей инфографики

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

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

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

Шаблоны

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

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

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

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

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

1. Выберите пустой холст с инфографикой на главной панели инструментов.

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

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

Сначала вы увидите только один пустой блок. Наведите на него курсор, нажмите на знак плюса (+) и выберите «Добавить из шаблона».

2. Добавьте блоки содержимого в свою инфографику

Библиотека блоков содержимого

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

• Заголовок
• Иконки и текст
• Изображения и текст
• Статистика / цифры
• Диаграммы и графики
• Сравнение
• Диаграммы
• Хронология
• Процесс
• Карты
• Нижний колонтитул

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

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

Создание настраиваемых блоков содержимого

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

Вернитесь на пустой холст и нажмите «Основные» слева. Перейдите к «Рекомендуемому контенту», чтобы увидеть фрагменты полных блоков контента.

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

3. Вставьте текстовое содержимое в свою инфографику

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

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

Каждый элемент внутри блоков содержимого также можно настраивать — просто перетащите угловые маркеры и отрегулируйте по мере необходимости.

4. Настройте виджеты данных в инфографике

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

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

Вы также можете найти множество других типов виджетов данных на вкладке «Данные» в меню панели управления. Кроме того, вы также можете попробовать построитель блок-схем и движок карт для других типов данных. Варианты бесконечны!

5. Вставьте значки и графику в инфографику

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

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

6. Сбалансируйте типографику в инфографике

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

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

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

7. Настройте цветовую тему инфографики

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

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

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

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

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

Легко ли читать и понимать информацию? Привлекает ли контент внимание ваших зрителей в правильном порядке?

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

9. Добавьте источники и информацию о компании в нижний колонтитул

Помните, как мы советовали вам сохранять все URL-адреса, которые вы использовали для поиска информации для своей инфографики на этапе планирования?

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

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

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

10. Корректура и проверка орфографии

Ваша инфографика почти готова!

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

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

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

Как создать премиальную инфографику с помощью бизнес-счета Visme

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

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

Премиум шаблоны

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

Фирменный комплект

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

Интерактивность

С помощью Visme Business Account вы можете добавлять интерактивные элементы в свою инфографику и загружать их для использования в автономном режиме в формате HTML5. Это гарантирует, что вы сможете продемонстрировать свою интерактивную инфографику, даже если вы не подключены к Интернету.

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

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

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

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

Зарегистрируйтесь в Visme бесплатно, чтобы начать создавать свою собственную инфографику уже сегодня!

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

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

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

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

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

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

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

Почему инфографика?

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

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

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

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

Вот почему вы видите, что инфографика широко используется в новостных организациях (например, The New York Times), общественном здравоохранении (например, инфографика ВОЗ), контент-маркетинге (например, библиотека инфографики Kissmetrics) и многих других.

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

• Инфографика упрощает понимание сложных концепций .Исследования показывают, что наш мозг обрабатывает визуальные данные примерно в 60 000 раз быстрее, чем текст. В приведенном выше примере «анатомии человека» визуальное представление медицинских знаний намного легче усвоить, чем плотные тексты.
• Визуальный контент, передаваемый через инфографику, на более запоминающийся . Исследования показали, что 90% информации, передаваемой в наш мозг, является визуальной. Та же информация, которая передается через визуальные эффекты, запоминается намного лучше.
• Инфографика широко распространена .Когда кто-то создает инфографику, может быть сгенерирован код для встраивания, который упрощает публикацию в Интернете. Популярные сайты, такие как Buzzfeed, используют инфографику для создания вирусного контента, подобного этому.
• Инфографика поможет вашему сайту SEO . Он приносит пользу вашему оптимизатору во многих отношениях, чем тот, который описан в этой статье: создание входящих ссылок из-за пределов вашей отрасли, создание вечнозеленого и пригодного для повторного использования контента и получение поддержки во многих маркетинговых каналах.
• И последнее, но не менее важное: инфографика поможет вам установить интеллектуальное лидерство .Хорошо продуманная инфографика по выбранной теме станет популярной статьей, которая позиционирует вас как эксперта в данной области. И когда ваша целевая аудитория доверяет вашему опыту, они с большей вероятностью последуют за вами и купят у вас.

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

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

Интернет-ресурсы для изучения дизайна инфографики

1. Электронная книга

Как сделать инфографику — визуальное руководство для начинающих

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

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

Стоимость: Бесплатно

2. Coursera

Дизайн и создание инфографики

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

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

Стоимость: 49 долларов США с сертификатом о курсе или Аудит курса бесплатно

3.Lynda.com

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

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

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

Стоимость: Ежемесячная подписка начинается с 19,99 долларов США в месяц, но для прохождения этого курса достаточно бесплатной пробной версии

4. Видео

Дизайн инфографики 101 с Майком Виртом

Канал Майка Вирта на YouTube

Майк Вирт — дизайнер инфографики , художник и директор отдела дизайна новых медиа Университета Квинс в Шарлотте, Северная Каролина. Выпускник знаменитой школы дизайна Парсонса, Майк начал карьеру в области инфографики, когда его инфографика «Лучшее пиво в Америке» стала вирусной.

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

Стоимость: Бесплатно

5. Курс Udemy

Инфографика Как: данные, дизайн, распространение

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

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

Стоимость: 45 долларов США, сейчас продается за 15 долларов США

6. Книга

Введение в информационный дизайн

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

Соавторами книги являются Кэтрин Коутс, старший преподаватель графического дизайна Университета Ноттингем Трент, и Энди Эллисон, старший преподаватель графического дизайна Университета Ноттингем Трент.

Стоимость: 9,61 долларов — 11,44 долларов

7. Мастерские

Opus — компания, занимающаяся графическим и веб-дизайном.

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

Ваша очередь

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

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

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

3 Основные моменты и советы по созданию эффективной инфографики

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

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

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

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

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

1. Обеспечить быстрый обзор темы
2. Объяснить сложный процесс
3. Показать результаты исследования или данные опроса
4. Обобщить длинное сообщение в блоге или отчет
5. Сравнить и сопоставить несколько вариантов
6. Повысить осведомленность о проблеме или причине

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

Посмотрите в 2:00 ниже, чтобы узнать об отличительных характеристиках инфографики:

3 Основные соображения перед проектированием инфографики

1. Средний

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

2. Аудитория

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

3. Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

Узнайте, как создать свою первую инфографику с помощью Microsoft PowerPoint вместе с нами!

Свяжитесь с нами по телефону (65) 6720 3333 или [email protected], чтобы задать вопросы.

Статья Источник:

Venngage

Mesiterklasse

Инфографический план урока | Креативный педагог

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

Задача

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

Вовлечение

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

Вы также можете поделиться отрывком из выступления Дэвида МакКэндлесса на TED Talk «Красота визуализации данных». Перед тем, как приступить к проекту, подумайте о том, чтобы сделать это домашним заданием.

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

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

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

Создать

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

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

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

При планировании дизайна учащиеся должны задавать и отвечать на такие вопросы, как:

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

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

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

Поделиться

Распечатайте плакаты учеников и разместите их в своей комнате или в школе.Опубликуйте плакаты в формате PDF и файлы изображений, чтобы разместить их на веб-сайте вашего класса и школы. Затем поделитесь ими через блог, Edmodo и социальные сети, такие как страница вашей школы в Facebook или аккаунт учителя в Twitter.

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

Оценка

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

Ресурсы

Красота визуализации данных — TED Talk Дэвида МакКэндлесса

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

Стандарты

Общие основные стандарты якоря для изучения английского языка — 6-8 классы

Тема для чтения

Ключевые идеи и детали

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

Интеграция знаний и идей

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

Написание темы

Типы и назначение текстов

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

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

Производство и распространение письменных принадлежностей

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

5. Развивайте и укрепляйте письмо по мере необходимости, планируя, исправляя, редактируя, переписывая или пробуя новый подход.

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

Исследования для накопления и представления знаний

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

ISTE NETS для студентов 2016:

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

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

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

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

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

7 шагов к созданию потрясающей инфографики [Инфографика]

Инфографика про инфографику? Так мета, правда?

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

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

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

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

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

7 шагов для создания потрясающей инфографики

Шаг 1: Идентификация

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

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

Шаг 2: исследуйте, планируйте и пишите

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

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

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

Шаг 3. Выберите цвета

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

Шаг 4. Выберите шрифт (шрифты)

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

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

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

Шаг 5. Определите ориентацию инфографики и визуальную иерархию

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

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

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

Шаг 6. Разработайте план продвижения

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

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

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

Шаг 7. Установите цели по рентабельности инвестиций

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

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

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

Надеюсь, это пошаговое руководство от CopyPress поможет вам создать потрясающую инфографику, которая понравится вашей аудитории! У вас есть какие-нибудь другие советы или лучшие практики для создания потрясающей инфографики? Поделитесь своими мыслями ниже!

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