Разработка инфографики: Что такое инфографика? 5 бесплатных онлайн-сервисов для её создания – 10 шагов для создания идеальной инфографики / Habr — DesignLessons – все о дизайне

Содержание

Как создать инфографику: 5 этапов [пошаговое руководство]

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

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

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

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

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

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

Все еще не знаете, когда и как использовать инфографику? Предлагаем прочесть статью «Что такое инфографика?», чтобы разобраться в этом вопросе (с помощью наглядных примеров).

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

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

Этап 1. Выявление целей инфографики

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

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

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

Найдите ключевую проблему

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

Используйте пирамиду вопросов

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

ПИРАМИДА ВОПРОСОВ:

Ключевая проблема
Главный вопрос, на который дает ответ инфографика.
2–3 вспомогательных вопроса
Вопросы, раскрывающие проблему (что, как).
1–2 уточняющих вопроса
Вопросы для анализа (почему).

СОЗДАТЬ ДИАГРАММУ

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

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

Давайте разберем на примере. В инфографике ниже показаны принципы сочетаемости еды и вина:

Ссылка на источник

СОЗДАТЬ ИНТЕЛЛЕКТ-КАРТУ

Решаемая проблема: как сочетать еду и вино. В данном случае пирамида вопросов могла выглядеть так:
Ключевая проблема
Как сочетать еду и вино.
Вспомогательные вопросы
Какие продукты играют важную роль?
Какие существуют категории/виды вин?
Какие категории к каким продуктам подходят?
Уточняющие вопросы
Почему одни сочетания удачнее других?

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

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

Этап 2. Сбор данных для инфографики

Пришло время ответить на вопросы, которые были сформулированы на первом этапе.

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

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

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

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

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

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

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

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

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

16 способов создать потрясающую инфографику

Мы продолжаем публиковать переводы самых интересных статей зарубежных интернет-маркетологов, дизайнеров, специалистов в области seo и smm. Автор статьи: Lilach Bullock. Ее контакты: [email protected], Pinerest: lilachbullock

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

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

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

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

1. Более 45% пользователей кликнут на ссылку, если она ведет на инфографику
2. 30% пользователей поделятся этой инфографикой, даже если она не несет важной информации
3. Остальные пользователи пребывают в астрале

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

Я только что поделилась инфографикой «Узнайте заповеди интернет-маркетинга» и обнаружила, что эта новость получила значительно больше лайков, чем средний пост в блоге. Использование инфографики – отличный способ делиться контентом, получать больше отзывов на ваши новости и больше траффика для вашего блога.

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

Подумайте о хорошей идее, которая была бы связана с тем, о чем вы пишите обычно. Поищите интересные факты и статистику. Разработайте систему крепких и значимых аргументов. Сделайте выводы.
Обдумайте наиболее подходящий формат для передачи ваших данных. Инфографика существует во множестве разных форматов, так что подумайте о том, как бы вы хотели показать свою статистику: это может быть временная шкала, движущаяся схема, карта с пояснениями, график, диаграмма, сопоставление каких-либо явлений по размеру и ценности.
Ставьте своей целью быструю передачу основных пунктов. Упрощайте! Не размещайте слишком много информации в одной картинке.
Определитесь с подходящей и привлекающей внимание цветовой схемой. Подумайте о брендировании вашей инфографики: будете ли вы руководствоваться в этом вопросе собственными впечатлениями или соотнесете с темой, например, если вы создаете инфографику на Facebook.
Установите связь между фактами в вашей инфографике.
Добавьте ваш URL (электронный адрес сайта) и название компании, так чтобы люди могли найти того, кто создал инфографику.

14 лучших способов создания инфографики

1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики. Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна. Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$ в месяц.
2. Visual.ly – это отличный инструмент, который позволяет генерировать ряд инфографик. Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook. Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
3. Fluxvfx – это потрясающий инструмент, с помощью которого можно создавать видеоинфографику. Он предлагает набор готовых шаблонов, поэтому его легко использовать. Минимальная цена – 25$.
4. Vizualize.me – новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме. Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики.
6. Vizify – новый инструмент создания инфографики по данным Twitter и демонстрации детальных данных из вашей Twitter ленты, включая: самых активных фолловеров (подписчиков), самые популярные посты и т.д.
7. Creately – удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм, и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
8. Stat Planet – это отличный инструмент, который создает интерактивные визуализации и статические изображения). Предоставляет доступ к важным всемирным данным, которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
9. Hohli – еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.
10. Google Public Data Explorer – полезный способ использовать общедоступные данные для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
11. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов, оказывающие визуальное воздействие на пользователя.
12. Wordle – простой в использовании инструмент для создания эффективных словесных визуализаций. Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
13. Cacoo – онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language – унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Lilach & Sarah’s Inforgraphics package – если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress.com, хостинг, заповеди интернет-маркетинга, итоговые советы).

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

Подписывайтесь на наш facebook, чтобы не пропускать новости!

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

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

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

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

aHNcip6

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

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

Преимущества инфографики: 5 причин, почему ее стоит использовать!

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

Вот 5 причин, почему вам стоит задуматься над ее использованием для продвижения своего бизнеса.

Легкость восприятия человеком. Люди склонны воспринимать информацию визуальным способом. Они любят цифры, факты и статистику. А хорошо продуманная комбинация текста, изображений и других визуальных элементов позволяет сосредоточить внимание читателей на самых важных моментах.
Эффективность подачи информации. Наверное, каждый из вас согласится с утверждением, что современные интернет-пользователи редко читают содержание страницы в полном объеме. Посетители страницы пытаются извлечь максимальное количество информации за как можно более короткий период времени. Структурирование данных в формате инфографики является хорошим способом «упаковать» максимально много полезной информации в компактном виде, обеспечив возможность ее быстрого обзора своей аудиторией.
«Вирусный» потенциал. Под этим термином понимают склонность аудитории делиться на своих страницах в соцсетях определенными типами контента. Инфографика как раз и принадлежит к такому типу материалов. Ею легко делиться в Facebook, ВКонтакте, Twitter и других социальных сетях.
Узнаваемость бренда. Создание инфографики, которая содержит элементы фирменного стиля компании — логотип, адрес сайта и название бренда, — является мощным средством для повышения узнаваемости бренда. Если вы новичок на рынке, создание и распространение качественной инфографики может сэкономить немалую долю маркетингового бюджета.
Демонстрация экспертности. Легким создание инфографики кажется ровно до тех пор, пока вы не попробуете сделать это на практике. Мало того что нужно предварительно собрать большое количество информации, ее еще необходимо обработать, отсеять лишнее, хорошо все это структурировать, а затем оформить в красивом виде. Это одна из причин, почему ее делают далеко не все. И создание инфографики демонстрирует вашу экспертность в своей отрасли.

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

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

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

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

Easel.ly

uK3dq9g

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

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

Piktochart.com

6f9G0pY

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

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

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

Infogr.am

9AXjseI

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

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

Visual.ly

GTMACZo

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

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

Ниже вы можете увидеть пример фрагмента еженедельного отчета Google Analytics, сгенерированного сервисами по одному из сайтов:

Canva.com

vEF838W

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

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

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

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

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

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

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

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

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

Ищите проблемы и спорные темы. Статьи формата How to (“Как сделать”) отлично подходят в качестве основы для инфографики, ведь таким образом можно создать краткое руководство по решению определенной проблемы, что принесет пользу читателям. Не менее хорошо работают и спорные темы, которые при активном расшаривании в соцсетях могут привлечь на сайт большое количество трафика.

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

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

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

круговые диаграммы. Четкий ответ на вопрос в виде цифр или процентов;
карты данных. Больше выборки данных;
линейные графики (или их комбинации). Демонстрация тенденции с течением времени;
гистограммы. Графики распределения данных.

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

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

И немного цифр…

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

примерно 65% людей воспринимают визуальную информацию гораздо лучше, чем текст;
контент, в котором использованы визуальные элементы и графика, может генерировать до 94% больше просмотров;
уровень взаимодействия с инфографикой со стороны посетителей примерно на 40% выше, чем по отношению к страницам, на которых размещено только текст;
люди запоминают более 80% информации, которую видят, и менее 20% того, что читают;
мозг обрабатывает визуальную информацию примерно в 60 000 раз быстрее, чем текст.

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

Источник: emarbet

37 отличных идей для дизайна инфографики

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

Как улучшить инфографику

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

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

1. Думайте визуально

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

2. Сконцентрируйтесь на процессе

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

3. Используйте временную шкалу

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

4. Создайте диаграмму связей

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

5. Используйте метафору

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

6. Продемонстрируйте данные отчета

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

7. Проиллюстрируйте тренд

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

8. Части зданий

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

9. Создайте гид

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

10. Используйте семейное древо

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

11. Проиллюстрируйте причины и следствия

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

12. Расскажите истории

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

13. Составьте список

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

14. Продемонстрируйте свой бизнес-план

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

15. Создайте визуальную «Белую книгу»

Лучший способ поделиться информацией с B2B партнером — создать визуальную «Белую книгу».

16. Добавьте интерактивные карты

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

17. Используйте карту с изображениями

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

18. Создайте карту недвижимости

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

19. Проиллюстрируйте географические тренды

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

20. Создайте карту потребления

Укажите на карте, какие товары или услуги пользуются популярностью в разных районах страны.

21. Сравните себя с конкурентами

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

22. Сделайте инфографику на политическую тему

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

23. Проиллюстрируйте процентное соотношение

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

24. Используйте остановки транспорта

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

25. Будьте в курсе последних событий

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

26. Создайте инфографику по данным Excel

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

27. Смотрите на все в перспективе

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

28. Проиллюстрируйте крупные цифры

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

29. Создайте мини-сайт

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

30. Составьте коллаж

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

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

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

32. Добавьте «приманку»

«Приманка» — это то, что привлекает внимание пользователя. В качестве «приманки» вполне можно использовать инфографику, либо ее ярки элемент.

33. Мыслите универсально

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

34. Выбирайте цветовую схему из трех цветов

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

35. Добавьте призыв к действию

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

36. Включите воображение!

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

37. Сделайте это прямо сейчас!

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

Источник: rusability.ru

85 инструментов и ресурсов для создателей инфографики

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

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

Лучшие блоги и веб-сайты об инфографике

Инструменты для визуализации данных

Источники данных

На английском языке:

На русском языке:

Список российских государственных порталов открытых данных

JavaScript / Flash инструменты для создания инфографики

Руководства по созданию инфографики

На английском языке:

Другое / Разное

Wordle – Создавайте красивые облака тегов. Обзор сервиса Wordle.

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

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

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

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

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

Этапы создания

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

1. Формирование идеи

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

2. Сбор и систематизация информации

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

3. Набросок

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

по хронологии;
по логике;
по иерархии;
по геолокации;
по алфавиту.

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

4. Написание текста

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

а) 20-26 лет – 80% девушек;
б) 80% — в возрасте от 20 до 26 лет.

Посмотрите, как лаконично и интересно оформлен текст в инфографике о молоке

5. Выбор графического сопровождения

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

6. Верстка

На этом этапе вы вправе воспользоваться специальными сервисами (о них мы поговорим немного позже) или сверстать макет собственноручно, воспользовавшись тем же фотошопом. Я рекомендую освоить базовые инструменты работы с графическим редактором и «паять» инфографику самостоятельно, ведь так вы будете уверены в уникальности визуального контента, даже, несмотря на использование скачанных из сети png-объектов.

7. Финальные штрихи

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

Признаки качественной инфографики

1. Достоверность

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

2. Понятность

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

3. Лаконичность

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

4. Структурированность

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

5. Целенаправленность

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

6. Своевременность

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

7. Единый стиль

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

8. Мощный заголовок

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

9. Читабельность

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

10. Ценность

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

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

Сервисы для создания инфографики

Easel.ly – бесплатный сервис с гибкими настройками;
piktochart.com – жирный сайт с сочной библиотекой шаблонов;
infogr.am – позволяет дополнить изображение видео и аудиоматериалами;
vizualize.me – кроме создания своей инфографики можно просмотреть примеры чужих работ;
venngage.com – содержит бесплатные красочные макеты и готовые дизайнерские решения;
creately.com – создает диаграммы в пару кликов.

Это были англоязычные порталы, а вот вам парочка отечественных:

resumup.com – создает сверхпривлекательное резюме;
ruseller.com – непрофильный сайт с онлайн редактором для верстки инфографики из готовых шаблонов;
www.mindomo.com – прорисовка карт мозгового штурма.

Где брать шаблоны?

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

Полезная литература

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

1. Дэн Роэм — «Практика визуального мышления»
2. Джин Желязны – «Говори на языке диаграмм»
3. Сьюзан Уэйншенк — «100 главных принципов дизайна» и «100 главных принципов презентации»
4. Дэвид Маккэндлесс – «Инфографика»
5. Рэнди Крам — «Инфографика. Визуальное представление данных»
6. Дэвид Сиббет – «Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы»
7. Майк Роуди – «Визуальные заметки. Иллюстрированное руководство по скейтчингу»

7 советов новичкам

1. Не разжевывайте

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

2. Упрощайте

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

3. Меньше декора

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

4. Немного о шрифтах

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

5. Отвечайте на вопросы

Принято считать идеальным тактическим ходом, когда каждый объект дает ответ на конкретный вопрос из разряда «Как? Зачем? Что делать? Почему? Сколько?». Руководствуясь этим нехитрым принципом вы превратите инфографику в мануал или справочник.

6. Лепка противопоказана

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

7. Защита авторских прав

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

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

Рассказать друзьям:

Подписаться на журнал: