Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

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

Содержание

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

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

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

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

  • Бесплатная (или почти бесплатная).
  • Находится в интернете.
  • Простая в использовании.
  • Классно, если работает по drag-and-drop.
  • Не требует установки дополнительных программ.

Видео в тему:


Google Docs

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

Ease.ly

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

  • 10 готовых шаблонов.
  • 65 инфографических символов и 25 фотографий.
  • Экспорт jpeg низкого качества.
  • 10 шрифтов.
  • 4 вида графиков.

Схемы в итоге получаются наглядными и яркими.

Piktochart.com

На бесплатном тарифе Piktochart доступно:

  • Множество графиков, картинок и фотографий.
  • Десятки шаблонов.
  • Сотни символов в разных стилях.
  • Технология drag-and-drop.
  • Шрифты.

Можно сохранить рисунок в виде файла с расширением png или в формате raw.

Canva

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:

  • Шаблоны и фоны.
  • Графики и диаграммы.
  • Разные шрифты.
  • Яркие картинки.
  • Фотографии и графические символы.
  • Сохранение рисунка в формате png.

В целом – круто. Что неудобно – бесплатные и платные инструменты находятся в одной куче.

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

Visme.co

Англоязычный ресурс с простым интерфейсом. Бесплатные возможности Visme.co:

  • Шаблоны и фоны.
  • Возможность сделать видеоинфографику.
  • Шрифты.
  • Графики, диаграммы, схемы, карты.
  • Графические картинки и фотографии.
  • Сохранение в формате jpg.

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

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

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

  • Фоны и инфографические картинки.
  • Схемы, диаграммы, графики.
  • Шрифты.
  • Сохранение в формате png.

Есть одно неудобство в сервисе «Следи за графиком» – при сохранении на картинке появляется лого сервиса.

P. S. Как сделать инфографику, если никогда этого не делал

Ваша задача – помочь читателю лучше понять тему. В этом помогут следующие рекомендации:

  1. Определитесь с идеей, упростите ее. Потом вернитесь и упростите еще раз.
  2. Оставьте самое главное и интересное. Текста не должно быть слишком много, в идеале он должен стремиться к нулю.
  3. Посмотрите на готовую схему, будет ли она понятна вашей аудитории. Если нет – переделайте.
  4. Объясните идею в инфографике с помощью сервисов из нашей подборки.

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

«15 ошибок, из-за которых ваша инфографика остается незамеченной»

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

[AUTHOR]

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

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

В 2018 году 65% маркетологов в сегменте B2B использовали инфографики, а, по замечанию Джона Медины, эксперта по биологии развития, добавление изображения в текст повышает вероятность того, что материал будет сохранен, на 55%.

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

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

1. Как сделать инфографику, наполненную данными

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

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

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

  • Гистограмма используется для сравнения категорий или отображения изменений во времени.

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

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

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

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

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

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

Как сделать хронику в PowerPoint?

1. На панели инструментов выберите SmartArt

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

    2. Найдите вариант, который соответствует вашей задумке, в меню «Процесс»

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

      3. Или выберите «Чередующиеся круги рисунков» в меню «Рисунок»

        Еще одна группа элементов, которая может подойти, – «Рисунок». Выберите эту категорию и найдите вариант «Чередующиеся круги рисунков». На скриншоте ниже они подсвечены красным.

        4. Добавьте недостающие или удалите лишние временные метки

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

          5. Отредактируйте текст и изображения

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

            6. Отредактируйте текст и изображения графика

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

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

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

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

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

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

            3. Как сделать «ультрамодную» инфографику

            Безусловно, «модность» инфографики зависит от того, кто ее оценивает. В шаблоне ниже много стрелок и баннеров – красиво это или нет, решать вам. Тем не менее на ней достаточно места для статистики и текста, а в нижней части поместилась гистограмма (вместо которой мог быть любой другой график: достаточно выбрать «Вставка» – «Диаграмма»).

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

            • Экспериментируйте с новыми цветовыми палитрами. Найти их можно прямо в Google Картинках по запросу «цветовые палитры». Подходящий вариант вставьте в PowerPoint. Затем в разделе «Формат» – «Границы рисунка» возьмите пипетку, выберите понравившиеся цвета и используйте их для своей инфографики.

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

            4. Как сделать инфографику в виде блок-схемы

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

            Как убедиться, что ваша блок-схема выстроена логично:

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

            • Чем меньше область применения, тем проще исполнение. Чем больше вопросов или этапов в схеме, тем сложнее ее реализовать и понять. Поэтому постарайтесь сузить ее насколько возможно.

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

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

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

            Несколько советов, как сделать так, чтобы инфографика радовала глаз:

            • Используйте качественные изображения. Лучше уменьшить картинку 2000х2000 пикселей, чем 20х20 пикселей. Сжимая из без того небольшие изображения, вы снабжаете инфографику «зернистым принтом».

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

            • Сохраните инфографику в формате PNG. Он хорошо подходит для всех инфографик, но особенно удобен для варианта, содержащего фотографии, так как PNG позволяет сохранить их качество. Как сохранить инфографику в формате PNG: «Файл» – «Сохранить как» – Нужная папка – «Тип файла» – «Рисунок в формате Portable Network Graphics».

            Как и обещали – 5 шаблонов инфографик, представленных в статье, от команды HubSpot. 

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

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

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

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

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

            3. Временные графики. Такая инфографика доступно объяснит эволюцию предмета во времени. 

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

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

            6. Диаграммы и таблицы. Статья с использованием простых диаграмм будет интереснее. Вот как в статье нового украинского ресурса Business Views (кликните на картинку)

            7. Категории. Возьмите любую подтему, интересную вашей целевой аудитории, и расскажите занимательный рассказ при помощи инфографики. Хотите отличный пример? «Генеалогия поп/рок музыки». Удивительная работа! 

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

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

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

            10. Резюме. Ищете работу? Резюме в виде инфографики — очень привлекательная идея. Используйте такие сервисы как Vizualize.me и Kinzaa.com, чтобы быть на шаг впереди других соискателей. И поспешите, а то скоро все начнут это делать, и тогда уже не выделишься.

            11. Отчет. Отчет по результатам исследования может занимать сотни страниц текста. Но если вы сгруппируете информацию, выделите основные факты и проиллюстрируете их, у вас получится захватывающая инфографика. Что-то подобное мы сделали, когда готовили справочник на аграрную тему для другого нашего клиента. Мы разгулялись аж на 40 страниц — и все это сплошные инфографики. Аграрии, которые получали такой инфографический справочник, были в восторге. Без шуток. До этого всю статистику по отрасли все представляли исключительно в неудобоваримом формате сухих таблиц и пресс-релизов.  Можете скачать и убедиться, что это уникальная работа — вот тут. Сейчас мы заняты подготовкой второго выпуска агросправочника, поскольку пообещали клиентам сделать его ежегодным. Кстати, уже можно оставить заявку и получить свеженький выпуск, независимо от того, аграрий вы или начинающий дизайнер. 

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

            13. Тренд. При помощи инфографики можно любое важное направление сделать по-настоящему увлекательным (кликайте на картинки): 

            14. Из прошлого в настоящее. Этот тип инфографики хорошо опишет историю развития предмета или определенной темы.

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

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

            17. Причина и следствие. Такая форма подачи информации выглядит очень убедительно.

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

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

            20. Аббревиатура. Расшифровать аббревиатуру при помощи картинок настолько просто, что это уже гениально!

             

            7 шагов от идеи до реализации: Рисуем свою первую инфографику

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

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

            Как справится с проблемой?

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

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

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

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

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

            Инфографика с упором на информативность.

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

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

            Шаг 1. Выберите тему

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

            Шаг 2. Структурируйте информацию

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

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

            • работать удаленно;
            • ограничить личные встречи;
            • не просматривать часто электронную почту;
            • уходить с работы в 5:30 вечера;
            • рано вставать;
            • фокусироваться на главном, не распыляться по мелочам;
            • делать меньше, но больше;
            • использовать правильное ПО.

            Шаг 3: Продумайте структуру

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

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

            Рисуем макет.

            Шаг 4. Оцифруйте макет

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

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

            Шаг 5. Добавьте контент

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

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

            С и без изображения.

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

            Ресурсы для поиска иконок:

            Шаг 6. Выберите стиль, шрифт и палитру цветов

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

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

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

            Подробнее о шрифтах в статье «Рисуем инфографику: как подобрать шрифт».

            Ресурсы для поиска шрифтов:

            Выбор шрифта.

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

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

            Ресурсы для выбора палитры:

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

            Выбор цвета.

            Шаг 7. Вычитка и корректура

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

            Будьте внимательны: достаточно одной грамматической ошибки, чтобы испортить хорошую работу!

            Дополнительный шаг: Добавить диаграммы и графики.

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

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

            Заключение

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

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

            Инфографика как сделать самому?! 8 сервисов для визуализации

            фото Инфографика как сделать самому?! 8 сервисов для визуализации

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

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

            Цена: бесплатный trial на 30 дней, далее плата  от 6 до 249 евро в зависимости от плана

            Интересный способ подать информацию — с помощью таймлайна. TimelineJS — проект с открытым исходным кодом, который позволяет строить интерактивные таймланы и встраивать их на сайт. Работает все предельно просто — создается Google Spreadsheet со всеми данными, разбитыми по колонкам, затем сервису нужно указать ссылку и из таблицы он создаст таймлайн. TimelineJS подгружает информацию из многих источников, включая Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Wikipedia и так далее.

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

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

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

            Цена: бесплатно, есть премиумы ($18 и $50)

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

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

            Еще один популярный сервис для визуализации. Помимо инфографики, сервис также предлагает разработку кампаний для маркетинга — делают видео, презентации и так далее «под ключ» для компаний. Интересная услуга — создание микроконтента, нацеленного на большую виральность, вроде 6-секундного видео для Vine, яркой картинки для Pinterest или Instagram и так далее.

            Цена: в зависимости от типа контента

            С помощью Tableau можно создавать интерактивную инфографику, используя большой объем информации. Сервис любят на Wall Street Journal. Особенность Tableau Public в том, что как только кто-то публикует свою визуализацию, она становится доступна для всех в сети 

            Цена: Tableau Public бесплатна, есть платные версии Professional Edition ($1,999), Personal Edition ($999)

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

            Цена: есть бесплатный trial, сама программа стоит $15

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

            Цена: есть бесплатная версия

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

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

            1. developers.google.com/chart/ — Бесплатный сервис от Гугла для создания информативных, разнообразных диаграмм по внесенным данным. Удобно использовать на сайте. Лёгок в освоении. Мы используем этот сервис на многих своих проектах. Легко подгружать данные из mySQL, выводить визуально всяческие таблицы.
            2. easel.ly — Если требуется быстро сделать яркую статическую визуализацию отчета или новостной статистики, то вам сюда. Все понятно, лаконично и при этом приятно для визуального восприятия. Много шаблонов на основе популярных инфографик.
            3. draw.io — Интуитивно понятный онлайн-редактор инфографики. Благодаря возможности присоединить его к личному Google-аккаунту, имеется возможность быстрого поиска нужных иконок или фонов прямо в Google. Бесплатный сервис.
            4. wordle.net — Создает различной формы и цветов «Облака» из введенных вами слов. Слова, которые наиболее часто упоминаются в тексте, оформляются большим шрифтом.
            5. visage.co — Функционал напоминает инструменты таблицы Exel для построения графиков и диаграмм. Спокойные цвета подойдут для оформления любого отчета. Есть возможность подставить свой фон.
            6. infogr.am — Создание графиков и инфографики в 3 шага: выбор шаблона – визуализация данных – публикация. Удовлетворит базовые требования любого пользователя. Позволяет создавать анимированные графики и вставлять видео в инфографику.
            7. creately.com — Ресурс содержит более 50-ти видов диаграмм, для разных типов информации. Возможно наполнение шаблонов своими графическими элементами. Поддерживает совместную работу над проектом онлайн. Создается красивая, профессиональная инфографика в несколько кликов. Огромная библиотека примеров и вспомогательных статей. Условно-бесплатный сервис. Онлайн версия после регистрации бесплатна. Стоимость Оффлайн-версии от 5$ в месяц.
            8. slemma.com — Ресурс полностью русифицированный. Большой функционал визуализирующих инструментов. Особенностью является возможность построения профессиональной инфографики по потоковым данным в режиме реального времени. Имеет базовый бесплатный арсенал инструментов и расширенную платную версию.
            9. piktochart.com — На сайте размещено более 400 шаблонов, иконок и графических элементов. Диаграммы можно строить по данным таблиц exel. Подойдет как любителям, так и профессиональным дизайнерам. Базовая версия бесплатна, расширенная от 39$ в месяц.
            10. cacoo.com — Очень удобный сервис для совместной работы над графическим проектом. Оплата не требуется. Быстрая регистрация. Возможна регистрация через Google-аккаунт. Широкий ассортимент предустановленных шаблонов и инструментов. Для работы требуется только браузер. Все очень просто и легко.
            • charts.hohli.com — чарты и рейтинги: приятное визуальное представление.
            • vizualize.me — специальное решение для визуализации LinedIn профиля: позволяет делать красивые графические резюме.
            • www.pinterest.com/search/pins/?q=infografic = для вдохновения.

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

            Важно: где брать данные и статистику.

            Автор поста: Alex Hodinar
            Частный инвестор с 2006 года (акции, недвижимость). Владелец бизнеса, специалист по интернет маркетингу.

            Как нарисовать инфографику? Обзор 6 бесплатных конструкторов

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

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

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

            Свойства и задачи инфографики:

            • упрощает связи между элементами картинки;
            • имеет эффект запоминания;
            • кратко излагает информацию.

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

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

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

            Рис. 1 — Исходная картинка в фирменном дизайне

            Разберем основные методы построения инфографики.


            2. Приложения для создания инфографики на мобильном

            В Google Play выбиваем в поиск infographic maker:

            Рис. 15 — Приложения для создания инфографики в Google Play

            Выдача предложит Canva и Crello в том числе.

            Выбираю первое предложенное приложение (вот почему так важно работать с ASO), устанавливаю Brochure Maker — Infographics и начинаю работу.

            Рис. 16 — Возможности Brochure Maker — Infographics

            В приложении можно создать:

            • проспекты/буклеты;
            • инфографику;
            • инструкции по уборке;
            • брошюры и каталоги продукции;
            • схемы для бухгалтерского дела, страхования;
            • постеры для салонов красоты, фитнеса, сферы моды и пр..

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

            В приложении доступно:

            • форматирование текста;
            • выбор 100+ вариантов шрифтов;
            • огромная коллекция элементов (иконок, абстракций, логотипов, аватарок, и прочего, большей частью платного контента).

            Результат инфографики из Brochure Maker:

            Рис. 17 — Результат работы в Brochure Maker — Infographics

            Теперь поищем приложения в App Store:

            Рис. 18 — Выдача App Store по запросу infographic maker

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

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

            Самые удобные конструкторы — Canva, Crello и Adobe Spark. Работать в них просто, библиотеки шаблонов и иконок большие. А в Adobe Spark процессы будто идут быстрее.

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

            Как создать инфографику за час [+ бесплатные шаблоны]

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

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

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

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

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

            1. Выберите желаемый шаблон инфографики.
            2. Определите аудиторию для вашей инфографики.
            3. Соберите свой контент и соответствующие данные.
            4. Загрузите ваш шаблон в PowerPoint.
            5. Настройте свою инфографику.
            6. Добавьте нижний колонтитул с вашими источниками и логотипом.
            7. Добавьте код для встраивания и кнопку Pinterest и опубликуйте ее.

            1. Выберите желаемый шаблон инфографики.

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

            Скачать бесплатно

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

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

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

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

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

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

            3. Соберите свой контент и соответствующие данные.

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

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

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

            4. Загрузите ваш шаблон в PowerPoint.

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

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

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

            В этом примере вы заметите, что я ввел свой текст и изменил цвета шрифта на фирменный оранжевый и темно-синий HubSpot:

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

            6. Добавьте нижний колонтитул с вашими источниками и логотипом.

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

            7. Добавьте код для встраивания и кнопку Pinterest и опубликуйте ее.

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

            Поделитесь этим изображением на своем сайте

            Укажите на этом рисунке ссылку на blog.hubspot.com.