Инструменты и сервисы для создания инфографики онлайн – MediaPure.Ru

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

Актуальность инфографики

Как показывает статистика, практически каждый пользователь социальных сетей намного охотнее делится изображением, нежели текстом. В текст нужно вчитываться, прилагать к этому усилия и время, а изображение сразу определяет основной посыл. Следовательно, для принятия решения о том, стоит ли продолжить чтение или лучше пролистать дальше, понадобится не более нескольких секунд. Да и усваивается такая информация намного проще.
Как известно, практически 90-95% пользователей социальных сетей не создают вообще никакого информационного контента, лишь определяют, какой наиболее точно отображает их мнение. И это вполне нормально, так как уникальные данные требуют значительных усилий по их нахождению, систематизации и изложению. Если вы относитесь к этим 5-10% (или собираетесь пополнить их ряды), то рано или поздно вам придется прибегнуть к применению графических инструментов для более удобного представления имеющихся данных. К тому же визуализация необходима не только для праздного выражения своих мыслей, но и для удобства работы, если необходимо просто и доступно представить какой-нибудь проект.

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

Самостоятельное создание инфографики

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

• Определите, что именно вы хотите донести до аудитории и с какой целью. Выделите основные моменты в совокупности данных, которые должны стать основополагающими, — это будет «скелет» вашей инфографики.
• Максимально упростите подачу информации, разбейте ее на разделы, если массив данных слишком велик. Каждый раздел представьте отдельным графиком или изображением.
• Подберите для каждого массива данных наиболее подходящий формат для визуализации. Различия только помогут лучше закрепить у целевой аудитории предоставленную информацию. Лучшему пониманию способствует правильный выбор цветовой гаммы.
• Обязательно указывайте источники данных и свое авторство. Следует отметить, что пределов для полета фантазии нет совершенно и представить данные можно даже самым непривычным способом, однако для этого необходимо знать хотя бы основные типы, виды и направления инфографики. Все они зависят от разновидности информации, которая и определяет форму.
• После этого нужно определиться, какой тип инфографики подходит вам лучше всего.
• Статичная инфографика. Здесь представлены только факты и цифры, их взаимосвязь и зависимость относительно друг друга. Она имеет вид диаграмм, графиков и других простых форм.
• Динамичная инфографика. Она отображает динамику развития или прогресс. Наиболее часто используется для визуализации экономических и социальных показателей.
• Инфографика-инструкция. Она показывает последовательность действий с целью обучения или объяснения каких-либо процессов. Графические или символьные схемы помогают доступно изложить данные. Широко используется в инструкциях любого рода.
• Видеоинфографика. Одна из последних тенденций в этом направлении, которая помогает наглядно донести до зрителя информацию, представленную в виде инфографики. Может сочетать в себе различные направления визуализации данных, закрепляя в сознании зрителя данные посредством их зачитывания. Таким образом, более 80% услышанного и увиденного запоминается с первого просмотра. Сегодня практически любая информация легко выражается посредством видеоинфографики, а подобные видеоролики стабильно приобретают статус вирусных (то есть быстро распространяются среди пользователей Интернета).

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

ИНСТРУМЕНТЫ ДЛЯ СОЗДАНИЯ ИНФОГРАФИКИ

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

EASELLY [www.easel.ly]

Сервис Easelly предлагает существенно упростить создание инфографики посредством использования уже готовых шаблонов. Внести сюда статистическую информацию, которая автоматически отобразится в виде диаграммы или графика, нельзя, разве что придется вводить вручную заведомо структурированные данные, подгоняя их под выбранный шаблон.
Данный сервис позволяет попросту красиво структурировать информацию, нетребуя при этом совершенно никаких познаний в дизайне. Работает он по принципу drag&drop, то есть методом перетаскивания на рабочее поле наиболее подходящих для этой цели элементов. Каждому элементу, будь то картинка, линия или текст, можно придавать нужную величину и форму, просто растягивая или уменьшая его при помощи курсора. Также есть возможность добавлять свои изображения: пиктограммы, фотографии и т. д. Каждый предоставляемый шаблон служит лишь отправной точкой для вашей инфографики — фон и все элементы взаимозаменяемы. Несмотря на то что сайт на английском языке, он не видит разницы между латиницей и кириллицей. Сохранять готовый проект можно в форматах JPEG и PDF. Регистрация не обязательна.

RAW [www.raw.densitydesign.org]

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

AMCHARTS LIVE  [www.live.amcharts.com]

AmCharts Live весьма прост благодаря исключительной наглядности, Сервис позволяет импортировать таблицы в форматах CSV и Excel для большего удобства. Интерфейс полностью на английском языке, но воспринимает и кириллицу при вводе данных. Разобраться в настройках будет несложно, так как после каждого действия диаграмма автоматически реагирует на изменения. Минус сервиса  том, что он разрешает сохранять полученный результат только в виде HTML-кода для вставки на веб-страницу.

PIKTOCHART [www.piktochart.com]

Этот ресурс можно охарактеризовать как симбиоз Easelly и Infogram, так как он позволяет редактировать уже загруженные (либо создавать свои с нуля) макеты методом позиционирования на рабочем холсте пиктограмм и текстовых подписей, но при этом дает возможность создавать графики и диаграммы с загружаемыми табличными данными. Поскольку Pictochart разрешает не просто создавать графики, но и интересно их оформлять визуально, он является более востребованным среди пользователей по сравнению с вышеназванными конкурентами. Добавляет ему очки и возможность сохранять готовую картинку в форматах JPEG и PNG сразу на жесткий диск. Само собой, как и в случае с другими зарубежными сервисами, Pictochart является условно бесплатным, предоставляя доступ лишь к нескольким шаблонам и ограниченному числу пиктограмм и изображений. Ежемесячная плата позволит открыть доступ к сотням новых возможностей редактирования инфографики.

INFOGRAM [www.infogr.am]

Infogram можно назвать одним из наиболее дружелюбных к пользователю сервисов. Название сайта не зря напоминает всем известный Instagram, так как разработчики изначально исходили из идеи наибольшего упрощения интерфейса: «Зашел, создал, поделился». Для того чтобы создать свой график, необходимо либо завести аккаунт на сайте, либо войти через профиль Facebook или Twitter и выбрать один из шести предложенных шаблонов. Несмотря на полностью англоязычный интерфейс, Infogram воспринимает кириллический текст как родной, а разобраться с последовательностью действий можно даже методом «научного тыка».
Создавая свою инфографику, можно добавлять к шаблону необходимые вам диаграммы, загружать фотографии (или другие графические данные), видео. Все это будет располагаться на одном поле в задуманном вами порядке. Редактирование данных происходит в таблице, напоминающей Excel-документ, которая появляется после двойного щелчка на поле графика. Табличные данные можно вносить напрямую, а также копируя из открытого файла или же загрузив таблицу в формате Excel. Вся внесенная информация тут же отобразится на графике.
Сохранение вашей инфографики происходит автоматически, и каждый открытый шаблон помещается в вашу профильную библиотеку (Library). Все хранится на удаленном сервере, а потому вы в любой момент можете легко вернуться к нужному проекту и поменять данные по мере надобности. Отправить на жесткий диск готовый результат не получится, так как сервис предоставляет возможность делиться им только в социальных сетях Facebook, Twitter и Pinterest, либо получить код для самостоятельного встраивания на свой сайт.

CACOO [www.cacoo.com]

Дает возможность создавать простые диаграммы и схемы. Очень походит на Creatly благодаря поддержке русского языка, большому набору шаблонов, макетов, элементов и пиктограмм, опции работы в команде над одним проектом и многому другому. С помощью Сасоо можно, в первую очередь, быстро создать нужную схему онлайн. Как и в случае с другими подобными сервисами, нет необходимости устанавливать на компьютер программу-редактор, он является исключительно веб-приложением. Cacoo — платная платформа, однако предоставляет более широкие возможности для пользователя в некоммерческой версии, нежели Creately. Несмотря на то что сохранять на жесткий диск разрешено только в формате PNG, в других форматах (SVG, PS, РРТ, PDF) можно сохранить три пробных документа на каждый формат в отдельности. При этом в одной доступной папке способно храниться до 25 работ, а количество пользователей возрастает до 15 человек. К минусам относится невозможность импорта в таблицу видеороликов.

CREATELY [www.creately.com]

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

TABLEAU PUBLIC [www.tableausoftware.com]

Это бесплатное приложение поможет разработать сложную инфографику на основе множества данных. При этом программа сама разделяет всю загружаемую вами информацию на категориальную и числовую, предоставляя возможность с легкостью ею управлять. Все осуществляется привычным способом drag&drop. Вы можете создавать различные графики и диаграммы, учитывая те или иные соотношения категорий между собой, при этом Tableau сама будет подсказывать наиболее подходящие способы отображения информации визуально. В итоге все созданные диаграммы легко объединить на одном листе, а после финального форматирования сохранить как готовый проект. В связи с тем, что любая бесплатная программа имеет ограничения, вам придется быть готовым, что законченному проекту будет присвоен логотип Tableau, а сам он сначала опубликуется на «родном» сайте, и только после этого вы получите HTML-код для вставки на своей странице.
Следует отметить, что для работы с Tableau Public ее необходимо будет установить на свой ПК, так как сервис не является браузерным веб-приложением. И хотя он существует лишь в английской версии, но благодаря большому количеству обучающих видео можно самостоятельно разобраться в премудростях приложения.
Инфографика в виде «облака» слов отображает их в процентном соотношении друг к другу, учитывая меру их упоминания в тексте. С помощью такого изображения легко представить информацию популярности или непопулярности чего-либо. Такие словесные «облака» интересно смотрятся, их стоит использовать как отдель¬но, так и в качестве элемента в составе другой инфографики.

WORDLE [www.wordle.net]

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

TAGXEDO [www.tagxedo.com]

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

Свобода творчества

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

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

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

1. Piktochart

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

2. Сreately

Дизайн у Сreately, можно сказать, не очень современный. Поддерживает 7 языков, среди которых — русский. Больше можно использовать если нужно таблично выразить данные . 

3. Infogr.am

Infogr.am – это онлайн-сервис для создания интерактивных визуализаций и инфографиков. Все, что нужно сделать, – это загрузить данные на сайт, сделать несколько щелчков мышью и автоматически создать из загруженных данных инфографику. После публикации на сайте вы можете встроить ее на своем собственном ресурсе, так же, как вы ставите на страницу видео из YouTube. Полученную картинку можно расшарить в Facebook, Twitter и Pinterest. Самое приятное здесь то, что совершенно не нужно программировать или понимать основы дизайна. Все очень просто и выглядит красиво. 

4. Visual.ly

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

4 онлайн-сервиса с доступным функционалом

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

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

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

1. Visme

www.visme.co

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

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

Стоимость

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

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

• 100 Мб хранилища;
• часть шаблонов;
• часть графиков и виджетов;
• возможность создания до 5 проектов;
• возможность скачивания инфографики в JPG.

Доступ ко всем премиум-шаблонам и элементам можно получить за 39$/месяц.

Шаблоны

У Visme несколько сотен различных профессиональных шаблонов для инфографики. Шаблоны распределены по 23 категориям. В каждой из категорий есть от 1 до 20 шаблонов, которые доступны в бесплатном тарифе.

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

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

По умолчанию размер чистого холста — 800 х 500 пикселей. В настройках «Canvas Size» можно задать другие параметры и изменить размеры.

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

Базовые элементы:

• Заголовки и текст. Есть различные варианты заголовков и текстовых блоков.

• Элементы визуализации статистики и фигуры.

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

• Графика и текст.

• Текстовые диаграммы.

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

Графика:

• 500+ тысяч фото (подтягиваются с Unsplash). Фото можно использовать как иллюстрацию в самой инфографике или установить в качестве фона.

Фотографии можно обрабатывать: накладывать фильтры, обрезать под рамки разных форм.

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

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

Данные:

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

• Диаграммы и графики.

В сервисе есть 13 видов диаграмм для визуализации данных. Бесплатно можно пользоваться шестью видами.

Данные можно указать в табличке непосредственно в Visme при создании диаграммы, или импортировать. Есть два варианта импорта:

• из Гугл Таблиц. Для этого нужно открыть доступ к таблице и добавить ссылку в Visme.
• из Excel-файла.

• Карта мира или отдельных стран.

Шрифты

Основная часть шрифтов работает только в латинице. Для русского текста доступны:

• Arial,
• Open Sans,
• Roboto,
• Times New Roman,
• Trebuchet MS.

Остальные шрифты кириллицу не поддерживают и заменяются на Times New Roman.

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

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

Экспорт готовой инфографики

Бесплатно

Платно

• PNG
• PDF
• HTML5-документ
• PPTX (презентация PowerPoint)

Вот такая инфографика получилась у нас:

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

2. Piktochart

piktochart.com

В этом сервисе также можно создавать различную графику:

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

Сколько стоит

Сервис платный. Минимальный тариф — 15$/месяц. Для некоммерческого использования можно купить лицензию на год за 39,99$.
Есть бесплатный тариф, а также 30-дневный пробный режим платного тарифного плана PRO.

Шаблоны

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

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

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

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

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

Графика

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

• Разделительные линии.

Можно настроить толщину линии, а также выбрать тип — сплошную или пунктирную.

• Фото и изображения.

Можно искать фото нужной тематики в базе Piktochart или Unsplash.

• Рамки для фотографий и изображений.

Также можно загружать собственные изображения. В бесплатном тарифе пользователю доступно 40 МБ для загрузки.

Фон инфографики можно залить сплошным цветом или использовать фоновую текстуру.

Текст и шрифты

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

Кроме стандартных Arial и Times New Roman в сервисе нормально работают с кириллицей еще несколько шрифтов, например эти:

• Pacifico,
• Tahoma,
• Caveat,
• Impact,
• Open Sans,
• Bad Script,
• Verdana.

Данные

Можно добавлять графики и диаграммы — есть 14 видов. Данные можно указать в табличке при создании графика. Также поддерживается импорт из Excel или Гугл Таблиц.

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

Экспорт готовой инфографики

Бесплатно

• PNG,
• в нормальном или среднем качестве,
• логотип Piktochart внизу инфографики.

Платно

• PDF,
• в высоком качестве,
• без логотипа Piktochart.

Такая инфографика получилась у нас:

Контекст на профессиональном уровне и без агентства — в системе PromoPult. Автоматический подбор слов, автоматическая генерация объявлений, «умное» управление ставками. Готовые отраслевые решения. Статистика в реальном времени.

3. Cacoo

cacoo.com

Cacoo — это сервис для создания различных диаграмм, блок-схем и совместной работы над ними. Для примера, вот один из шаблонов Cacoo:

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

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

Сколько стоит

Есть платный и бесплатный тарифные планы. Чтобы пользоваться сервисом без ограничений по функционалу, нужно платить 4,95$/месяц. Командная работа стоит дороже.

Весь функционал сервиса можно «потрогать» в пробном режиме.

Шаблоны

В сервисе есть 126 шаблонов, большая часть которых — шаблоны диаграмм и блок-схем.

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

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

Графика

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

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

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

Шрифты

В Cacoo в кириллице доступны следующие шрифты:

• Georgia,
• Arial,
• Comic Sans,
• Trebuchet MS,
• Impact,
• Tahoma,
• Verdana,
• Courier,
• Segoe Print.

Данные

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

Экспорт готовой инфографики

Бесплатно

Платно

• PNG
• PDF
• SVG
• PPT (презентация PowerPoint)
• PostScript

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

Такая инфографика получилась у нас:

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

4. Canva

canva.com

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

Здесь есть более 110 шаблонов готовой инфографики на разные тематики, размерами 800 на 2000 px.

Сколько стоит

В бесплатном тарифном плане доступно 8000+ шаблонов графики, 1 ГБ места в хранилище для загрузок и элементов дизайна. Можно загружать собственные изображения, есть также доступ к базе бесплатных и платных фотографий и шаблонов (от 1$).

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

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

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

У платного тарифа есть 30-дневный пробный режим.

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

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

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

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

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

Графика

• Готовые шаблоны.

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

В Канве есть своя база фотографий. На бесплатном тарифе доступно только несколько десятков фотографий, остальные платные (от 1$). Фото сгруппированы по тематическим категориям, есть поиск.

Можно загружать собственные фотографии, это ограничено лишь объемом хранилища.

• Графические элементы.

Фигуры, линии, диаграммы, значки и еще 40+ категорий с различными иконками и пиктограммами. Большинство из них платные, но есть и несколько бесплатных элементов.

Текст и шрифты

В Канве можно добавлять обычное текстовое поле или готовые текстовые блоки.

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

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

Данные

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

Экспорт готовой инфографики

Бесплатно

• PNG,
• JPG,
• PDF,
• публикация в группе или на странице Facebook,
• публикация в Twitter, LinkedIn, Pinterest, Tumblr,
• отправить в Slack, WeChat.

Платно

• Все форматы из бесплатного режима,
• анимированный дизайн,
• PNG с прозрачным фоном.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Easel.ly

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

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

Piktochart.com

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

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

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

Infogr.am

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

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

Visual.ly

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

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

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

Canva.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: emarbet

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

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

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

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

Information Aesthetics – Соотношение дизайна и информации.
Visualizing.org – Понимание сложных вопросов с помощью данных и дизайна.
Visual Complexity – Ресурс с визуализациями сложных сетей.
Daily Infographic – Новая инфографика каждый день.
GOOD Infographics – Секция инфографики GOOD Magazine.
Information Is Beautiful – Идеи, проблемы, знания, данные — визуализация всего.
Infographic of the Day – Серия инфографики от Fast Company.
FlowingData – Дизайнеры и ученые, которые визуализируют данные.
Datastore / Datablog – Журналистика данных от Guardian.
Infographics Archive – Визуальная библиотека с инфографикой.
Infographr – Все об инфографике.
Video Infographics – Видеоинфографика.
Datavisualization.ch – Новости и информация о визуализации данных.
VisualJournalism – 80% новостей в инфографике.
Eagereyes – Визуализация и визуальные коммуникации.
Amazing Infographics – Ресурс с инфографикой.
Submit Infographics – Делитесь и оценивайте инфографику.
The Infographics Showcase – Подборка инфографики и визуализации.
I Love Charts – Tumblr-блог о графиках.
Well Formed Data – Блог с инфографикой.
Best Infographics – Примеры интересной инфографики.
Infographic List – Для тех, кто любит инфографику.

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

Piktochart – Превратите ваши данные в красивую инфографику. Обзор сервиса Piktochart и его возможностей.
Infogr.am – Создавайте интерактивные графики.
Gephi – «Photoshop» для данных — программное обеспечение для визуализации.
Processing — Программная среда для создания визуализаций.
Matplotlib — Библиотека на языке программирования Python для визуализации данных двумерной (2D) графикой.
Tableau Public – Инструмент для визуализации данных.
Free Vector Infographic Kit – Элменты векторной инфографики от MediaLoot.
easel.ly – Создавайте инфографику онлайн. Как создавать инфографику с помощью Easel.ly.
Weave – Веб-платформа для аналитики и визуализации.
iCharts – Простое создание графиков.
ChartsBin – Веб-инструмент для создания визуализаций.
GeoCommons – Картографический инструмент.
VIDI – Набор Drupal-модулей для визуализции данных.
Prefuse – Программное обеспечение для визуализации информации.
StatSilk – Программное обеспечение для картографии и визуализации.
Gliffy – Создание онлайн-диаграмм.
Google Chart Tools – Набор инструментов для визуализации.

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



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

The Data Hub – Ресурс, где вы можете скачать и использовать данные.
Knoema – Большое количество наборов данных.
WorldMap – Исследуйте, визуализируйте и публикуйте географическую информацию.
Get the Data – Задать вопрос о данных.
US Census Bureau – Данные по Америке (люди, места, экономика).
datacatalogs.org – Набор каталогов открытых данных со всего мира.
World Bank Data – Наборы данных о разных странах.
Data360 – Наборы данных, которые рассказывают истории.
Gallup – Опросы общественного мнения.
EveryBlock – Наборы данных о крупных городах.
Google Public Data – Поиск и анимация наборов данных со всего мира.
Gapminder – Данные по глобальному развитию.

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

Хаб открытых данных — Наборы открытых государственных данных.
Данные Федеральных Органов Исполнительной Власти — наборы открытых данных от Министерств и Федеральных агентств РФ.
Портал открытых данных Государственной Думы — Портал открытых данных официального сайта Государственной Думы.
Открытое правительство — открытые данные на сайте Открытого правительства.
Портал государственных закупок — информация в сфере госзакупок и услуг.
Лаборатория «GIS-Lab» — сообщество специалистов в области географических информационных систем.

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



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

d3.js – Большая JavaScript-библиотека для создания визуализации.
InfoVis Toolkit – JavaScript инструмент для создания визуалиации.
Flare – Интерактивная визуализация (ActionScript).
Dygraph — Открытая JavaScript-библиотека для работы с данными.
JS Charts – JavaScript-графики.
FusionCharts – JavaScript (HTML5) и Flash-графики.
amCharts – JavaScript и HTML-графики.
Highcharts − JavaScript-библиотека для создания графиков.

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



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

How to Create Outstanding Modern Infographics – Vectortuts+
Infographic: Do-It-Yourself Guide to Infographics – Marketing Tech Blog
A Few Rules for Making Homemade Infographics – The Atlantic Wire
The Do’s and Don’ts of Infographic Design – Smashing Magazine
Design a Magazine Infographic – Digital Arts
Create an Infographic Typography Animation – aetuts+
The Anatomy of an Infographic – SpyreStudios
How to Strike a Balance Between Data and Visualization – The Daily Egg
7 Steps to Make Your Infographic a Success – SEOmoz

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

Kaggle – Сообщество ученых, работающих с большими данными.
KISSmetrics Infographics – Полезная инфографика KISSmetrics.
Data Wrangler – Инструмент для форматирования данных.
A World of Tweets – визуализация Twitter.
We Feel Fine – Исследование человеческих эмоций.
ComponentArt DV – Визуализуйте ваши данные.
Webpages As Graphics – An HTML DOM visualizer app.
Creately – Рисуйте совместные диаграммы онлайн.
Re.vu – Инструмент для визуализации резюме.
Vizualize.me – Визуализация резюме в один клик.
Wordle – Создавайте красивые облака тегов. Обзор сервиса Wordle.

Как создать инфографику онлайн. Обзор сервисов для создания инфографики.

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

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

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

easel.ly

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

visual.ly

visual.ly — Нашел ссылку на этот сервис в каком-то обзоре. Стал регистрироваться и очень долго искал где же можно создать инфографику, в итоге разобрался — http://create.visual.ly/. Много красивых шаблонов инфографики, но практически нельзя вносить изменения. Сама компания, предоставляющая сервис, занимается разработкой инфографики, видео и веб-приложениями, цены очень большие (на мой взгляд). А сам сервис — просто рекламный ход. По настоящему своей инфографики вы здесь не сделаете.

cacoo.com

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

infogr.am

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

piktochart.com

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

Онлайн-сервисы инфографики на русском

creately.com

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

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

canva.com

canva.com — Графический конструктор, в котором вся работа строится на готовых шаблонах и их изменении. В нём можно выбрать уже созданную дизайнерами инфографику и изменить её под свои нужды. Сервис позволяет загружать изображения, обрабатывать их, добавлять/изменять текст и использовать уже созданные варианты. Большая часть изображений и заготовок в сервисе бесплатны, но есть и те, за которые можно заплатить 1$.

Итоги: Лучший сервис инфографики

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

Для себя я отметил 2 сервиса:

• easel.ly — за то, что он очень легок для понимания и прост в работе. Как я уже писал, разберется даже ребенок. Подойдет тем, кому нужно очень быстро создать простую инфографику.
• piktochart.com — за большое количество шаблонов и настроек, при этом тоже достаточно простой для освоения. Подойдет для создания сложной инфографики, причем, бесплатно.

6 этапов создания инфографики

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

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

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

6 основных этапов создания инфографики

1 этап – выбор темы
Ее основные свойства – востребованность и актуальность.

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

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

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

5 этап – создание основного и второстепенных объектов.
Что такое основной или несущий объект? В печатных СМИ – это центральное изображение. Оно должно привлекать внимание читателя. В интернет-проекте принцип организации немного иной, так как порядок представления информации следует по принципам цифровой презентации, где позиция того или иного аргумента зависит не от размера элемента, а от его положения в цепи логических представлений во временном континууме. В анимационной графике существует правило: главный объект должен управляться так же, как главный герой, при этом именно он формирует и несет информационную нагрузку.
При линейной последовательности второстепенная информация дается в связи с основным объектом, тогда как при нелинейной – образуются тематические группы или врезки.
Для печатных СМИ лучше использовать 2D-иллюстрации. Их выгода в том, что можно использовать сложную подробную детализацию. 3D-иллюстраций в печати выглядят либо слишком научно, либо похожи на видеоигры. Использование 2D иллюстраций со сложной детализацией в интернет СМИ не является правильным решением. Иллюстрации приходится упрощать за счет снижения деталезации. Более того, они статичны; их трудно анимировать, поэтому, если нужно показать сложную последовательность действий, лучше всего подходят векторные 2D и 3D модели: их можно легко изменять и фиксировать в любой позиции.

6 этап – макетирование, постановка.
Для печатных СМИ на данном этапе дизайнер сглаживает все элементы на один «слой» и начинает создавать из них информационную композицию, размещая текст. Дизайнер веб- инфографики анимирует элементы, используя Flash, редактирует кадры, накладывает текст или звук, в зависимости от решаемой задачи.
Конечно, при анимировании проекта веб-инфографики в программе Flash дизайнеру удобнее разделить контент и дизайн. Это нужно для того, чтобы редактировать текст, графику, звук и др. независимо друг от друга. Финальный флэш-файл может включать в себя только главную навигацию и пустое пространство, предназначенное для контента. Код actionscript, контролирующий действия в этом файле, может быть сохранен отдельно, с расширением “as”. Так можно редактировать код, абсолютно «не касаясь» графики. Текст записывается в отдельный XML-файл, и тоже редактируется отдельно. То же и со звуком в формате MP3.

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

Автор: Кирчатова Мария

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

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

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

Читайте также: 40 бесплатных шаблонов инфографики для загрузки

Пикточарт

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

Canva

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

Visme

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

Infogr.am

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

Venngage

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

Cacoo

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

Kartograph.org

Картограф — отличный бесплатный инструмент для создания иллюстративных и интерактивных карт .Он имеет инструментов на основе Python и JavaScript для создания необходимых карт.

Кинзаа

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

Adioma

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

Графики.нетто

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

Google Data Studio

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

Визуально

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

Easel.ly

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

Визидроп

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

Дополнительный модуль ArcGIS Infographics

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

Edraw

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

Следите за графиком

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

Creately

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

Икограммы

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

Архив значков

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

Medialoot

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

Хронология JS

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

Пичи

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

Дополнительные инструменты для инфографики

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

• PaanGO — Создайте резюме в стиле инфографики с помощью этого бесплатного инструмента.Он поставляется с полным пошаговым мастером и несколькими шаблонами инфографики для создания впечатляющих резюме.
• Tagxedo — Tagxedo — это автоматическое средство создания облака слов, которое предлагает вам несколько функций (темы и шрифты) для представления ваших данных в виде интересных облаков слов.
• StatPlanet — Представьте свои данные в виде интерактивных графиков и карт с помощью StatPlanet. Он автоматически создает инфографику с использованием карт, периода времени, графиков и диаграмм при импорте данных.
• Gliffy — Gliffy предлагает вам создавать блок-схемы, диаграммы Венна, интеллектуальные карты, организационные диаграммы, сетевые диаграммы, каркасы, технические чертежи, с которыми вы можете сотрудничать со своей командой онлайн.
• Charte.ca — Диаграммы являются неотъемлемой частью инфографики, которую вы можете легко создать с помощью Charte.ca. Вы можете использовать анимацию и инструменты углубленной навигации для создания идеальных интерактивных диаграмм.

Связанные

.

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

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

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

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

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

То же самое и с Canva Infographic Maker.Как и в случае с создателем презентаций, вы начинаете с шаблона. Затем вы можете изменить любой текст, удалить любое изображение или переместить любой значок в соответствии с вашими потребностями. Не стесняйтесь добавлять свои собственные изображения, такие как логотипы и ресурсы.

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

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

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

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

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

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

7 лучших бесплатных онлайн-конструкторов блок-схем

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

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

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

Бесплатный план

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

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

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

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

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

Бесплатный план Piktochart позволяет загружать инфографику в формате PNG (вы также можете загружать блоки по отдельности).План Pro за 25 долларов в месяц позволяет загружать инфографику в формате PDF без водяных знаков и дает вам доступ к более чем 800 шаблонам.

Venngage — это немного дальше от Canva.Хотя он не может похвастаться системой блоков, такой как Visme, у него есть множество инструментов для добавления текста, ресурсов, фотографий, графики и диаграмм.

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

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

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

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

Шаблоны

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

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

Как сделать диаграмму в Excel

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

План

Infogram за 19 долларов в месяц позволяет создавать частные проекты, загружать изображения и получать доступ к более чем 100 шаблонам премиум-класса.

Canva делает больше, чем просто инфографику

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

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

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

Как работают роботы доставки? Как они безопасно доставляют ваши посылки

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

Об авторе

Хамош Патхак — внештатный писатель по технологиям и дизайнер пользовательского опыта. Когда он не помогает людям максимально использовать их текущие технологии, он помогает клиентам разрабатывать лучшие приложения и веб-сайты. В свободное время вы увидите, что он смотрит специальные комедии на Netflix и снова пытается прочитать длинную книгу.Он @pixeldetective в Твиттере.

Подробнее о Хамош Патхак

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

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

.

10 лучших инструментов для создания инфографики

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

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

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

Процесс:

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

Обратите внимание:

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

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

Создайте свою собственную инфографику с помощью Easel.ly

Инфографика

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

Процесс:

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

Обратите внимание:

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

Many Eyes — это инструмент для визуализации данных, созданный IBM.Это экспериментально, но все же весьма полезно, так как вокруг многих визуализаций есть доски обсуждений. Вы можете комментировать и обсуждать любую визуализацию. Кроме того, вы можете выбрать любые данные в визуализации и связать их в своих обсуждениях. Многие глаза также гибки, если вы хотите создавать свои собственные визуализации.

Процесс:

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

Обратите внимание:

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

Infogr.am — один из самых быстрых инструментов, которые вы можете использовать для создания инфографики.Он также следует шаблону для модели настройки. Если судить по цифрам, то всего за год инструмент собрал около 400 000 инфографики. Это, безусловно, один из самых простых в использовании, поскольку единственное, с чего вам нужно начать, — это данные. Infogr.am утверждает, что вы можете опубликовать и встроить свою первую работу в течение нескольких минут после регистрации в Facebook или Twitter. Вы можете хранить все созданные вами работы в библиотеке.

Процесс:

Используйте редактор WYSIWYG, чтобы выбрать тему и заполнить ее данными.Одна из самых крутых особенностей Infogr.am — это богатый дизайн и интерактивные диаграммы, которые вы можете создавать без каких-либо сложностей. Например, если вы тот, кто считает инструменты Google Chart Tools сложными, попробуйте Infogr.am.

Обратите внимание:

Интерфейс перетаскивания в сочетании с сеткой типа Excel для ввода статистических данных удобен для пользователя.Вы также можете загрузить файлы MS Excel или CSV и отредактировать их на странице, совместимой с Excel. Интерактивность поддерживается, а также видео с Vimeo и YouTube. Инструмент Online Charts поможет вам создать интерактивную диаграмму за считанные минуты.

Dipity

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

Процесс:

Вы можете вручную создать событие, добавив заголовок, дату, описание, изображение, ссылку, место и видео.Данные могут быть получены из различных онлайн-сервисов, таких как Flickr, Twitter, YouTube, Vimeo, Tumblr, WordPress, Blogger, Pandora, Last.fm, Friendfeed, Yelp, Digg или любой RSS-канал, который вы хотите включить. Нэнси рассказала об этом немного подробнее, показав, как можно бесплатно создать график.

Обратите внимание:

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

Также: Если вы ищете другой инструмент временной шкалы, посмотрите Timeline JS , который также поддерживает Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud и другие для получения данных.

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

Процесс:

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

Обратите внимание:

Вы можете загрузить файл KML вашей сохраненной карты или любой другой карты в GeoCommons.Файлы KML можно использовать с опциями 3D-визуализации, такими как Google Earth.

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

Процесс:

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

Обратите внимание:

Вы можете искать визуализацию карты по категориям и тегам.ChartsBin поддерживает большинство картографических проекций, таких как Bonne, Cylindrical Equal Area, Gall-Peters, Mercator, Miller Cylindrical и т. Д. Сайт кажется немного скрытым за последний год или около того, насколько я мог понять из последних обновлений на сайте . Но инструмент визуализации работает нормально.

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

Процесс:

Диаграммы

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

Обратите внимание:

Форум Google Charts (группы Google) — это место, где можно получить ответы на все ваши вопросы с помощью API визуализации Google и инструментов диаграмм.

Tableau Public можно загрузить бесплатно, если вы ищете настольный инструмент для создания богатой инфографики и визуализации данных и встраивания их в Интернет.Это только Windows и загрузка 51 МБ.

Процесс:

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

Обратите внимание:

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

И если вы решите пойти вручную…

Если вам нравятся такие инструменты, как Adobe Photoshop и Illustrator, вы можете приступить к созданию своей собственной инфографики.Разрешите порекомендовать следующие ссылки:

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

Изображение предоставлено: Wikimedia Commons

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

Google начинает развертывание интеграции G Suite с Gmail

Скоро появится интеграция G Suite с Gmail, и Google добавит свои сервисы Meet, Rooms и Chat в Gmail для Android и в Интернете.

Об авторе

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

Подробнее о Сайкат Басу

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

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

.

Инфографическое вдохновение: инструкции и сравнения — 62 лучших инфографики

Лучшая инфографика: дайте инструкции

29. 9 ошибок производительности, которые вы делаете в первые 10 минут своего дня

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: https://resume.io/blog/ top-9-performance-errors)

Первые 10 минут вашего дня могут сделать это или испортить. В этой ясной и увлекательной инфографике от Impact жирным шрифтом показано, как (а как не использовать) использовать эти минуты для повышения продуктивности на предстоящий день.

30. Должен ли я работать бесплатно?

Щелкните изображение, чтобы увидеть полную версию.

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

31. Настольные упражнения для дизайнеров

Щелкните изображение, чтобы увидеть полную версию

Вы читаете это, упав за своим столом? Скорее всего, вы не делаете себе одолжений в плане осанки. Разберитесь с этим руководством по 10 упражнениям, которые вы можете выполнять прямо за рабочим столом, составленным нами и проиллюстрированным Саймоном Мидлвик.

32. Какой шрифт лучше всего подходит для вас?

Щелкните изображение, чтобы увидеть полную версию

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

33. Принципы дизайна логотипов

Щелкните изображение, чтобы увидеть полную версию

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

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

34. Как оставаться счастливым и здоровым на работе

Щелкните изображение, чтобы увидеть полную версию

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

Лучшая инфографика: сравните

35. Мир долгов

Щелкните изображение, чтобы увидеть полную версию (Изображение предоставлено: Visual Capitalist)

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

36. Сверхспособности

Щелкните изображение, чтобы увидеть полную версию

Это третья итерация популярной инфографики о сверхспособностях Pop Chart Lab, материал взят из комиксов за последние 75 лет и разбит на семь основных наборов навыков: силы разума, силы животных, мастерство, силы тела, контроль силы, манипулирование объектами и оружие.

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

37. Схема контроллеров

Щелкните изображение, чтобы увидеть полную версию

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

38. Serif vs Sans: The Final Battle

Щелкните изображение, чтобы увидеть полную версию

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

Следующая страница: Еще одна лучшая инфографика около

.