Каждый сталкивался с инфографикой и знает, что это такое. Сообщения содержащие инфографику (не важно, на сайте или в социальных сетях) обычно набирают наибольшее число просмотров и лайков. Для создания профессиональной инфографики требуются хорошие дизайнерские навыки, либо деньги на оплату таких дизайнеров. Однако, создать инфографику под силу каждому.
Далее я рассмотрю популярные онлайн-сервисы для создания инфографики . В обзор включу только те сервисы, где действительно можно легко и быстро разобраться. Тем не менее, если вы собираетесь в будущем постоянно создавать и использовать инфографику, рекомендую прочитать какую-нибудь книгу по теме.
Сервисы для создания инфографики:
1 easel.ly
easel.ly — отличный сервис, сделанный специально для создания инфографики. Ничего лишнего, после регистрации можно сразу приступать к визуализации ваших идей. Есть готовые шаблоны, а можно начать и с нуля. Всё выполняется очень просто, мне кажется, что разберется даже ребенок. Вроде бы сервис даже бесплатный, не нашел ни слова об оплате.
2 visual.ly
visual.ly — Нашел ссылку на этот сервис в каком-то обзоре. Стал регистрироваться и очень долго искал где же можно создать инфографику, в итоге разобрался — http://create.visual.ly /. Много красивых шаблонов инфографики, но практически нельзя вносить изменения. Сама компания, предоставляющая сервис, занимается разработкой инфографики, видео и веб-приложениями, цены очень большие (на мой взгляд). А сам сервис — просто рекламный ход. По настоящему своей инфографики вы здесь не сделаете.
3 cacoo.com
cacoo.com — это сервис позволяет создавать самые разные диаграмы: блок-схемы, майнд-карты, графики и даже открытки. Шаблонов для инфографики нет, но если изучить все инструменты можно сделать что-нибудь достойное. Сервис работает бесплатно, но с незначительными ограничениями. Пользовался им и раньше, рекомендую, если на компьютере нет специального софта для этих целей (например Microsoft Visio)
4 infogr.am
infogr.am — На бесплатном аккаунте можно выбрать всего несколько готовых шаблонов инфографики. Средств для редактирования очень мало, не смог изменить даже размер шрифта в заголовке стандартного шаблона. Судя по всему, в платном тарифе возможности редактирования тоже не предусмотрены, т.е. надо укладываться в рамки, заданные шаблоном. Возможно, подойдет кому-то для быстрого и регулярного создания типовой инфографики.
5 piktochart.com
piktochart.com — Отличный сервис по созданию инфографики. Много качественных бесплатных шаблонов, широкие возможности по редактированию, можно даже рисовать с нуля. В бесплатном аккаунте при экспорте добавляется логотип сервиса, но его при желании можно и обрезать. Думаю, что большинству будет достаточно бесплатного функционала, ну а тем кто занимается инфографикой профессионально, не грех перейти и на платный.
Онлайн-сервисы инфографики на русском
— Основная цель сервиса — это создание различных диаграм и совместная работа над ними. Но можно делать и инфографику. После регистрации можно сразу приступать к работе. Сам редактор на русском языке, названия объектов на английском, но по превью можно разобраться и не обращать внимания на названия вообще. При создании документа нужно выбрать тип «Infographics».
Много разных графических объектов, но готовых шаблонов инфографики я не нашел. Хотя, судя по примерам на сайте, шаблоны всё-таки есть.
7 canva.com
— Графический конструктор, в котором вся работа строится на готовых шаблонах и их изменении. В нём можно выбрать уже созданную дизайнерами инфографику и изменить её под свои нужды. Сервис позволяет загружать изображения, обрабатывать их, добавлять/изменять текст и использовать уже созданные варианты. Большая часть изображений и заготовок в сервисе бесплатны, но есть и те, за которые можно заплатить 1$.
Итоги: Лучший сервис инфографики
Я просмотрел около 20 разных сервисов для визуализации данных: хорошую инфографику позволяют создавать не многие. Наверно, перечисленные в этой статье, это основные сервисы на которые вы наткнетесь, если сами начнете разбираться в этом вопросе.
Для себя я отметил 2 сервиса:
- easel.ly — за то, что он очень легок для понимания и прост в работе. Как я уже писал, разберется даже ребенок. Подойдет тем, кому нужно очень быстро создать простую инфографику.
- piktochart.com — за большое количество шаблонов и настроек, при этом тоже достаточно простой для освоения. Подойдет для создания сложной инфографики, причем, бесплатно.
Инфографика - это замечательный способ подачи информации. Особенно для современного пользователя, который с неохотой тратит время на чтение, но отлично воспринимает визуальную информацию. Вот несколько онлайн-ресурсов, которые помогут вам быстро сделать инфографику для своего блога или проекта, и несколько советов по ее созданию.
Если бы у вас был выбор - прочитать статью или посмотреть инфографику на ту же тему, - что бы вы предпочли? И чем поделились бы с друзьями в социальных сетях - картинкой с информацией или ссылкой на статью, которую еще надо открыть на стороннем сайте и прочитать?
Конечно, инфографика воспринимается гораздо легче, поэтому на ваш пост обратят внимание больше пользователей. Кроме того, не обязательно заменять текст инфографикой, можно просто дополнить его, чтобы нагляднее представить информацию.
Чуть позже я приведу список онлайн-ресурсов для создания инфографики. Но для начала немного расскажу о том, как мы воспринимаем информативные картинки и схемы, а также как сделать свои творения более заметными и удобными для восприятия.
Инфографика и периферическое зрение
Зачастую достаточно одного взгляда на картинку, чтобы определить, интересна ли информация и стоит ли рассмотреть инфографику подробнее. Именно в этом первом и определяющем взгляде на изображение важную роль играет периферическое зрение.
Доктор Рут Розенхольц, главный научный сотрудник кафедры когнитивных наук в Массачусетском институте, исследовала периферическое зрение и его влияние на восприятие информации на картинке. Вот несколько выводов, которые были получены в результате экспериментов, а также примеры инфографик и их восприятия периферическим зрением.
1. Монохромные элементы
Когда вы бросаете один взгляд на картинку (см. фрагмент инфографики ниже), не вся она воспринимается четко. Например, если вы смотрите на кленовый листочек в центре, некоторые элементы дизайна видны достаточно хорошо: коричневые окна, зеленый текст (прочитать не получается, но, по крайней мере, вы знаете, что он там есть), маленькие оранжевые окошки.
Другие элементы, например украшения в виде осенних листочков, расплываются и совершенно теряются. На рисунке ниже представлена примерная картина того, как мы воспринимаем инфоргафику при первом взгляде на нее. Как видите, здесь нельзя разобрать ни одного кленового листочка, кроме того, на который мы смотрим.
Делаем вывод: монохромные постоянные конструкции, вроде коричневых окон, хорошо просматриваются периферическим зрением, а небольшие украшения совершенно не видны .
2. Связанные графические элементы
На рисунке ниже видно, как воспринимаются графические элементы. Если обратить внимание на концентрические круги, все они просматриваются четко. Не менее четко видны четыре цветных элемента в виде листочков с процентами и оранжевый баннер под ними.
Человеческие фигуры расположены ближе к точке концентрации, но они просматриваются хуже, чем оранжевый баннер. Это происходит потому, что баннер более простой формы и одного цвета.
Таким образом, четкие и простые фигуры, расположенные близко друг к другу, просматриваются гораздо лучше .
3. Эффект квадратного логотипа
Если смотреть на цифру 50 000 в центре графики, все остальные прямоугольные графические элементы просматриваются отлично, как и размеры зарплаты над ними.
Видны и желтый и зеленый шрифты, правда, трудно разобрать, что там написано. Количество нулей также просматривается не слишком хорошо. Возможно, если убрать зеленые рожицы, будет понятнее.
Исходя из этих выводов, можно выделить пять способов сделать свою инфографику более читаемой и понятной с первого взгляда.
- В инфографике должны преобладать цельные, большие и однотонные элементы.
- Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
- Создайте «якорь» - часть элемента инфографики, которая делает его заметным и понятным.
- Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
- Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.
Онлайн-ресурсы для создания инфографики
Вот 7 онлайн-ресурсов, которые помогут создать инфографику для разных целей. Некоторые из них требуют регистрации, другие позволяют пропустить этот момент. Есть сервисы с платной версией pro или полностью бесплатные варианты. Выбирайте, тестируйте и создавайте свою инфографику.
Vizualize.me
Этот ресурс подойдет тем, кто хочет создать оригинальное резюме в формате инфографики на LinkedIn.
Piktochart
На этом ресурсе вы можете сделать инфографику, используя разные шаблоны. Выбираем подходящую инфографику, меняем текст, графические элементы, добавляем рисунки, иконки и экспортируем в нужном формате для своего блога.
easel.ly
При помощи этого сервиса создавать инфографику просто и удобно. Перетаскивайте подходящие графические элементы на основное поле, меняйте текст и блоки. Вы можете сделать понятную и красивую инфографику, не особо заморачиваясь, выбрать уже готовую тему или начать с «чистого листа».
Visual.ly
Этот сервис поможет вам создать инфографику, даже если вы не обладаете навыками дизайнера или аналитика. Кроме того, здесь можно смотреть и оценивать инфографику других пользователей.
Infogr.am
Здесь достаточно просто сделать как статичную, так и интерактивную инфографику. Загружаете свою информацию, используете онлайн-инструменты и создаете привлекательную, полностью готовую инфографику за несколько минут.
На этом сайте вы можете создавать классные инфографики, включая интерактивные, с кнопками, ссылками и другими элементами.
iCharts
Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.
Создание инфографики — вот средство, с помощью которого сейчас можно действительно привлечь внимание, а затем удержать его. В статье Вы найдете простые способы создания инфографики для своих проектов.
Здесь пойдет речь о том, что такое инфографика и как создать красивую захватывающую инфографику, не похожую на уже привычную и часто встречающуюся на сайтах, блогах, лендингах. Прежде всего, необходимо использовать уникальные изображения. Где их найти, Вы можете узнать, прочитав следующие статьи, посвященные сервисам с изображениями:
Перед тем как переходить к сервисам для создания инфографики онлайн, я хочу остановиться на плюсах и на минусах этого способа привлечения внимания.
Плюсы и минусы создания инфографики
Плюсы создания инфографики для своих проектов (сайты, блоги, группы в социальных сетях и т.д.):
- Минимум текста, что облегчает восприятие пользователем даже больших объемов контента.
- Человек запоминает около 83% информации, которую он воспринимает визуально. При чтении усваивается только около 20% информации.
- Инфографикой делятся чаще, потому что она "цепляет" взгляд.
Но здесь есть и свои минусы:
- На создание инфографики, которая будет полезна и принесет реальные результаты, необходимо время (после прочтения статьи Вы поймете, как обойти этот минус).
- Поисковые роботы не смогут проиндексировать текст, который находится на изображении, что не лучшим образом скажется на SEO.
- При маленьком размере изображения текст может плохо читаться.
Сейчас инфографика набирает популярность. Чтобы заставить посетителя остаться на странице, приходится делать разнообразные интерактивные элементы. Использование инфографики является одним из простых методов привлечения внимания и подачи информации в удобном виде.
Красивую инфографику создавать не сложно, если знать как. Сейчас существует множество сервисов, где Вы можете перетаскивать необходимые элементы и изображения в рабочую область и очень быстро получать необходимую картинку. Ниже находятся те самые сервисы, которые позволяют создавать за несколько кликов красочную инфографику.
1. Easel.ly
С помощью данного сервиса Вы можете создавать инфографику онлайн полностью бесплатно. Его я специально разместил первым, потому что сервис предоставляет большое количество готовых шаблонов. Их можно переделать на свое усмотрение и под свою тематику.
Кроме этого, Вы получаете большую коллекцию таких элементов, как стрелки, формы, соединительные линии, возможность , цвета, текстовые стили и размеры элементов. Ну и самое главное - Вы можете загружать на сервис свою графику и затем использовать ее для создания инфографики.
2. Piktochart
Сервис Piktochart предназначен для создания красочной инфографики из банальных данных статистики буквально в несколько кликов. Как и в предыдущем сервисе, здесь имеется большое количество готовых форм и элементов, которые можно комбинировать и создавать свои уникальные изображения. Присутствует линейка — с ее помощью которой можно легко выровнять элементы, чтобы они гармонично смотрелись.
Piktochart предоставляет как бесплатные шаблоны, которые можно изменять, так и дополнительные возможности за отдельную плату.
3. Creately
Этот сервис специализируется больше на диаграммах и блок-схемах. Здесь есть возможность добавления собственных изображений позволяет сделать действительно красивые и оригинальные графики и диаграммы.
4. Venngage
Еще один сервис Venngage. Он предназначен только для одного — создания инфографики. Причем, для получения красивой инфографики достаточно сделать всего 3 простых шага. А в начале работы можно использовать готовые материалы.
5. Vizualize.me
С помощью этого сервиса на данный момент создано более 500 000 изображений. Часто данный сервис используется для того, чтобы наглядно рассказать о себе и своих сильных сторонах, то есть для создания резюме.
Большой плюс этого сервиса в том, что на нем размещено огромное количество работ, выполненных другими людьми. При создании своей инфографики можно брать их в качестве примера.
6. Infogr.am
Сервис Infogr.am — это классный инструмент для создания инфографики, причем абсолютно бесплатно. Он предлагает большой спектр различных графиков, диаграмм, карт, а также возможность загружать собственные изображения и видео для создания уникальной инфографики.
Данные графиков и диаграмм находятся в таблице, похожей на Excel. Поэтому их можно легко менять, и сразу же наблюдать за результом изменений.
7. Mind the Graph
Более 3000 готовых изображений, которые можно редактировать и переделывать на свое усмотрение и по своему желанию. Ведь намного легче работать с уже готовым шаблоном.
8. Canva.com (на русском)
Многие уже знают этот сервис, потому что он действительно очень прост и удобен при создании инфографики. Как и на сервисах, которые мы рассмотрели ранее, здесь присутствует множество готовых шаблонов инфографики, которые можно взять за основу.
Чтобы добавить новый элемент в рабочую область, достаточно его просто перетащить. Рекомендую воспользоваться этим сервисом, особенно начинающим тем, кто только учится создавать инфографику и пока что плохо понимает все нюансы.
9. Visme.co
А если надоели статичные изображения с инфографикой — Вам нужно обязательно познакомиться с сервисом Visme.co. Его особенность в том, что при создании инфографики здесь можно добавлять анимацию. Несомненно, такая инфографика вряд ли останется без внимания.
10. Visual.ly
Сразу же хочу предупредить, что это не бесплатный онлайн сервис создания инфографики. Это сообщество фрилансеров, которые занимаются изготовлением инфографики как для небольших бизнесов, так и для крупных компаний. Не у любого владельца сайта найдется время на создание вручную таких изображений. А эти ребята могут изготовить под заказ любой вид инфографики. Среди их клиентов есть действительно крупные компании.
Для создания инфографики. Эти инструменты помогут структурировать и представить в удобной форме любые данные для публикации в СМИ и соцсетях.
1. Vizualize
Генератор резюме в виде инфографики. При помощи этого сервиса можно изложить всю информацию о себе в виде понятной структурированной схемы, выделив ключевые цифры и факты, касающиеся карьеры. Добавление данных и их дальнейшая визуализация происходят за пару кликов мышкой. В результате получается нестандартное резюме. Если опыта в таком деле нет, следует изучить примеры CV, созданные другими пользователями сервиса.
Дополнительно можно использовать данные о карьерном пути из своего профиля в соцсети LinkedIn.
2. Google Developers
Бесплатные инструменты создания графиков и диаграмм от компании Google позволят выбрать среди набора блок-схем и графиков те, которые подойдут для конкретного сайта. Все параметры готовой инфографики настраиваются. Данные из исходной таблицы обновляются на графиках в реальном времени.
3. Easel.ly
Стартап Easel.ly предлагает дюжину бесплатных шаблонов для создания инфографики. Все структурные элементы будущей инфографики можно настроить и отредактировать на свой вкус.
В этом сервисе есть также библиотека готовых форм, стрелок, указателей и линий для создания блок-схем, подборка настраиваемых цветовых палитр и шрифтов. Можно добавлять и собственную графику для оформления.
4. Piktochart
Piktochart - инструмент бесплатного создания инфографики и схем для презентаций на основе введенных данных. У него есть собственный редактор схем и цветовой палитры, набор шрифтов и возможность загрузки фонов, форм и картинок.
Шаблоны для подготовки инфографики оснащены схематической сеткой для того, чтобы редактирование и размещение элементов было пропорциональным.
В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.
5. Infogr.am
Infogr.am - бесплатный инструмент для создания схем, графиков и карт с возможностью загрузки видео и фото для создания интерактивной инфографики.
6. Visual.ly
Visual.ly - платформа для публикации инфографики, стартовавшая в 2011 году. Готовую инфографику можно разместить в социальных сетях. Сервисом пользуются не только энтузиасты-одиночки, но и профессиональные дизайнеры, известные бренды и компании: в сообществе более 35 тыс. участников, и для брендов есть отдельные платные пакеты услуг.
7. InFoto Free
Нишевый инструмент для тех, кто пользуется Android-смартфонами для фотосъемки. С помощью этого сервиса можно «вытянуть» все EXIF-данные из сделанных фотоснимков и построить по ним инфографику. Предусмотрена возможность редактирования.
Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.
8. Venngage
Venngage - инструмент для создания и публикации инфографики с достаточно простым в использовании набором возможностей. Для пользователей доступны готовые схемы, темы оформления, графики и иконки, а также поддерживается загрузка авторских изображений и фонов для готовых схем.
Среди дополнительных возможностей есть поддержка анимации и возможность загружать фоны и картинки с брендированием.
9. Dipity
Dipity - сервис создания, настройки и публикации инфографики с возможностью добавления на сторонние веб-ресурсы. С его помощью можно создать интерактивную инфографику-хронику. Поддерживается загрузка не только схем и фотоснимков, но и прикрепление видеороликов, аудиозаписей, интернет-ссылок, геолокационных и календарных отметок.
В платном тарифном плане предусмотрена возможность брендинга для готовой инфографики, использование инструментов аналитики и приложение для iPhone.
10. Get About
Завершает подборку бесплатное приложение для Windows, при помощи которого можно отслеживать свою активность в социальных медиа и создавать на основе полученных данных инфографику. В ее основу положены данные о том, как пользователь общается с друзьями и контактирует с брендами и компаниями в социальных сетях.
Инфографика - прием, который в последнее время становится все более популярным. Если тексту недостает наглядности, поможет диаграмма или инфографика. с помощью этого способа передачи информации? Ответ на этот и другие вопросы вы найдете, прочитав статью. Итак, как научиться делать инфографику?
Понятие
Инфографика - это отличный способ подать информацию. Особенно для современных пользователей, которые весьма неохотно тратят свое время на чтение громоздких текстов, однако хорошо воспринимают графические носители. Экономия времени и сил читателя - всего этого ползволяет добиться инфографика. В какой программе делать ее, мы расскажем чуть ниже.
Создание инфографики - дело нехитрое, однако если вы начинающий пользователь, который еще ни и разу в жизни не занимался составлением подобного, вам окажутся полезны следующие советы. Итак, в чем принцип такого метода, как инфографика? Как делать понятные и информативные картинки?
Шаг 1. Определитесь, что именно вы хотите донести до читателя, и какую цель преследуете. Выделение основополагающих моментов во всей информации - это и есть инфографика. Шаблоны или каркасы картинок будут базироваться именно на этом.
Шаг 3. Простейшее представление информации - это инфографика. Как делать ее наглядной? Подобрать для каждого получившегося массива данных наилучший формат визуализации. Различия между ними только поможет закрепить представленную информацию у читателей. Кроме того, инфографика, шаблоны которой предоставляются на онлайн-ресурсах в большом изобилии, лучше запоминается, если грамотно подобранна ее цветовая гамма.
Шаг 4. Составляя инфографику, всегда указывайте источники данных, а также свое авторство. Важно отметить, что пределов для творчества и рамок для фантазии не существует, но лучше изучить, какие типы инфографики существуют, чем мы и займемся.
Типы инфографики
Итак, вся инфографика подразделяется на 4 типа.
Инфографика-инструкция. С помощью этого типа можно отобразить последовательность действия для объяснения какого-либо процесса или с целью обучения чему-либо. Изложить весь массив информации помогают символьные схемы или графические изображения. В любого рода инструкциях этот тип используется достаточно широко.
Динамичная инфографика. Этот вид предназначен отобразить динамику процесса или развития. Чаще всего ее используют для того, чтобы визуализировать социальные или экономические показатели.
Статичная инфографика. Как делать наглядными числовые данные и научные факты, а также их взаимосвязь относительно друг друга? Составить статичную инфографику. Как правило, они имеет схем, диаграмм и прочих простых форм.
Видеоинфографика. Является одной из последних современных тенденций в направлении инфографики, помогающей наглядно представить сложную многоуровневую информацию зрителю. Она может сочетать в себе практически все разнообразие направлений визуализации данных, закрепляя их в сознании человека благодаря их зачитыванию. Как правило, с первого просмотра запоминается порядка 80% информации. Этот тип инфографики один из самых эффективных в плане восприятия и понимания зрителем.
Нельзя не отметить, что нередко в инфографике может переплетаться одновременно несколько ее типов. А читаемой?
Основные правила читаемой инфографики
- Необходимо, чтобы в инфографике преобладали большие, цельные и однотонные элементы.
- Лучше избегать элементов, которые не несут никакой информации, а служат лишь для украшения - они могут ввести читателя в заблуждение.
- В картинке должен быть «якорь» - это такой элемент инфографики, который сделает ее заметной и понятной.
- Лучше ограничить свою палитру, так как многообразие цветов будет сбивать читателя с толку и не давать глазу сосредоточиться на каком-то одном элементе.
Итак, теперь настало время рассмотреть основные онлайн-ресурсы, с помощью которых вы сможете создать грамотную инфографику, не имея специальных знаний в этой области.
Сервис №1 — easel.ly
Этот сервис призван упростить создание инфографики, используя уже готовые шаблоны. Он работает по принципу «перетащи и брось»: вы перетаскиваете в рабочее поле блоки информации, курсором придавая им необходимую форму и величину. Единственное «но» - информация не будет отображаться в виде графиков и диаграмм, пользователю необходимо будет вводить заведомо
Кроме того, можно добавлять собственные изображения, фото, пиктограммы и прочее. Каждый из шаблонов сайта - не более, чем отправная точка в вашем проекте. Все элементы будущей инфографики - что фон, что график, что блок информации - взаимозаменяемы. Который проект можно сохранить в удобном формате - JPEG и PDF. Регистрация на сервисе необязательна.
Сервис №2 — infogr.am
Этот сервис - один из самых дружелюбных по отношению к пользователю. Неспроста его название напоминает небезызвестный бренд Инстаграм: создатели сайта исходили из идеи упрощенного интерфейса.
Для того чтобы создать инфографику на этом сервисе, необходимо либо пройти быструю процедуру регистрации, либо войти с помощью профиля в Твиттере или Фейсбуке. Далее необходимо выбрать один из шести шаблонов, предложенных сервисом.
Даже несмотря на то, что интерфейс этого ресурса англоязычный, разобраться с алгоритмом действий сумеет даже начинающий. В процессе создания инфографики к уже готовому шаблону можно добавить нужные фото, видео, графики и диаграммы. Редактировать данные необходимо будет в таблице, которая структурой напоминает Excel-документ. Чтобы она появилась, необходимо два раза кликнуть в поле графика.