Инфографика на русском – Бесплатный конструктор инфографики — Venngage

Содержание

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

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

Всем доброго времени суток!

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

Содержание:

  1. Инфографика на сайте: области применения
  2. Как создать инфографику онлайн (инструменты и сервисы)

Зачем нужна инфографика на сайте

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

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

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

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

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

Infogram

Этот онлайн-сервис (https://infogram.com) — один из немногих, в котором для создания красивой и качественной инфографики не потребуется много времени и усилий.

Создание инфографики онлайн в Infogram

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

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

Красивая инфографика: онлайн редактор Infogram

Завершенный проект может быть опубликован в Infogram с предоставлением ссылки для просмотра и расшарен в одной из популярных социальных сетей. Для скачивания результата работы в формате PNG, JPG или PDF потребуется переход на платный тариф. Infogram интегрируется с облачными хранилищами данных Dropbox и Google Drive. 

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

Easelly

Приятный онлайн-сервис (https://www.easel.ly), простота работы с которым отражена в его в названии. Среди предлагаемых для выбора сервисом языков интерфейса русский язык отсутствует, но это не мешает пользователю работать с текстами на кириллице – правда, выбор кириллических шрифтов в сервисе невелик. Размер листа выбирается из нескольких предлагаемых стандартных вариантов или устанавливается собственный – в пикселях/дюймах.

Easelly - сервис создания инфографики онлайн

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

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

Редактирование инфографики в Easelly

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

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

  • скачивание созданных в онлайн-сервисе работ в наилучшем разрешении в форматах jpeg, png, pdf;
  • более 500 дополнительных премиум-шаблонов;
  • более 800 тысяч премиум-иконок;
  • более 100 разнообразных шрифтов;
  • более 300 тысяч стоковых фото.

Piktochart

Онлайн-сервис инфографики Piktochart (https://piktochart.com

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

Сервис инфографики онлайнPiktochart

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

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

Меню Tools открывает пользователю доступ к работе графиками, картами и видео (YouTube, Vimeo). Имеется возможность отображать табличные данные с какими-либо показателями в виде наглядных и красивых графиков и диаграмм одного из 14 типов (вертикальные, горизонтальные, линейные, круговые, пирамидальные и т.д.).

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

Онлайн-сервис Piktochart: редактирование инфографики

В индивидуальной PRO-версии этого онлайн-сервиса для создания инфографики, доступной в виде подписки для учащихся (школьников и студентов) за 40 долларов в год, возможностей больше:

  • более 600 готовых шаблонов для редактирования;
  • экспорт созданной инфографики в виде изображений HD-качества и в PDF-формате;
  • пользовательские цвета и цветовые схемы;
  • использование анимированных иконок и изображений;
  • загрузка до 1 Gb изображений на сервис.

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

Venngage

Создание инфографики онлайн бесплатно в сервисе Venngage (https://venngage.com) доступно пользователю в три простых шага:

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

Создание инфографика онлайн бесплатно в сервисе Venngage

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

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

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

Venngage: инфографика, сделать онлайн бесплатно

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

Canva

Невероятно крутой онлайн-сервис Canva (https://www.canva.com) предназначен для создания практически всего разнообразия графических решений (презентации, плакаты, фирменные бланки, обложки, сертификаты, резюме, баннеры, флаеры, буклеты, визитные карточки, этикетки, открытки и т.д.). Отдельный пункт меню сервиса посвящен инфографике. Интерфейс полностью русифицирован.

Canva: создание инфографики онлайн на русском языке

В сервисе Canva создание инфографики онлайн на русском языке превращается в увлекательное занятие. Боковое меню разбито на логические группы (Макеты, Элементы, Текст, Фон), в каждой из которых находятся соответствующие инструменты для создания и редактирования. Все элементы на рабочем пространстве легко перетаскиваются, изменяют размеры и вращаются с помощью мыши. Можно загружать изображения с собственного компьютера.

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

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

К достоинствам PRO-версии сервиса (Canva For Work), стоимость которой составляет 12.95 долларов в месяц, можно отнести:

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

Заключение

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

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

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

pro-wordpress.ru

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

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

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

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

К счастью, в интернете есть достаточное количество отличных шаблонов, бесплатных для скачивания.

Вот список 40 из них, которые нам особенно нравятся:

Infographic Template With Hand Drawn Style. Format: EPS[Download]

Business Template. Format: EPS [Download]

Infographic Vector Templates. Format: AI, EPS and SVG [Download]

Infographic template free vector. Format: EPS, AI [Download]

Communication. Format: AI [Download]

Creative business route. Format: EPS [Download]

Food and Nutrition. Format: PSD [Download]

Water Research. Format: PSD [Download]

Minimal style. Format: AI, EPS [Download]

Retro Infographic Vector Graphic. Format: EPS [Download]

Arrow banners. Format: AI, EPS[Download]

Infographic Elements v1. Format: AI[Download]

Round infographic template. Format: AI, EPS [Download]

Vol2. Set-Infographic-Elements-With-Different-Colors: EPS [Download]

Square infographics. Format: AI, EPS [Download]

Modern timeline infographic. Format: AI [Download]

Infographic Vector Elements. Format: EPS [Download]

Colorful banners. Format: AI, EPS [Download]

Colorful. Format: AI, EPS [Download]

Free infographic vector design elements. Format: AI, EPS [Download]

Brochure Template. Format: AI, EPS [Download]

85 Vector Pie Charts. Format: EPS, SVG, PDF[Download]

Infographic pencil. Format: AI, EPS [Download]

Business steps. Format: AI, EPS [Download]

Looking for job template. Format: AI, EPS [Download]

Colored business infographic template. Format: AI [Download]

Colorful infographic diagrams. Format: AI [Download]

Company infography in flat design . Format: AI, EPS [Download]

Flat UI Design. Format: AI, EPS [Download]

Sports and fitness flat design. Format: EPS, AI [Download]

Step by step infographic. Format: EPS, AI [Download]

Information Graphic Kit. Format: EPS, SVG, PDF [Download]

Universal Subtle Infographic Elements. Format: EPS, SVG, PDF [Download]

Technology Infographic. Format: EPS [Download]

Flat Infographic. Format: EPS [Download]

Infographic Vector (SVG, EPS, PDF) Elements. Format: EPS, SVG, PDF [Download]

Rounded infographic business. Format: AI, EPS [Download]

Flat Vector Infographic Kit. Format: EPS, SVG, PDF [Download]

Timeline template. Format: AI, EPS [Download]

Vintage infographic elements. Format: AI, EPS [Download]

rusability.ru

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

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

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

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

Screen Shot 2015-03-18 at 10.46.04

    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 – Для тех, кто любит инфографику.

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

                                              Screen Shot 2015-03-18 at 10.46.14

    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 – Набор инструментов для визуализации.

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

                                    Screen Shot 2015-03-18 at 10.46.20

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

    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» — сообщество специалистов в области географических информационных систем.

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

              Screen Shot 2015-03-18 at 10.46.25

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

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

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

                  Screen Shot 2015-03-18 at 10.46.46

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

    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.

infogra.ru

Онлайн инструменты для создания инфографики — Блог о визуальной грамотности

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

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

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

В рейтинг попали 8 онлайн-конструкторов, оцененных по критериям:

  1. Бесплатный тариф должен позволять создать полноценную инфографику для использования онлайн или для скачивания.
  2. Возможность создания инфографики: добавление в дизайн графиков, диаграмм, схем, таблиц, профессиональные шаблоны для инфографики.
  3. Простота использования: знакомство с интерфейсом должно занимать минимум времени.
  4. Загрузка собственных элементов дизайна (фото, иконки).
  5. Скачивание готовой работы в разных форматах (PDF, PNG, JPG) и в высоком качестве.
  6. Интерфейс на русском языке.
  7. Интерактивность: реакция опубликованной онлайн графики на действия зрителя, изменение данных в готовой графике автором (связь диаграмм с источником данных), встраивание видео в графику.

Результаты — в таблице.

Рейтинг сервисов инфографики

Удобные, эффектные и простые

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

Лучше всех с поставленной выше целью справляется Canva.com. На освоение конструктора уходит 3-5 минут. Благодаря большому количеству профессиональных шаблонов автору достаточно выбрать подходящий и модифицировать его под свою информацию: заменить иконки, графики и текст.

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

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

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

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

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

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

Созданная в Infogram.com инфографика выглядит профессионально. Интерактивность опубликованной онлайн графики компенсирует отсутствие (в бесплатной версии) возможности скачивать готовые работы. Зрители могут выбирать нужные показатели на диаграммах, оперировать данными в таблицах, переходить по ссылкам и смотреть видео.

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

Примеры инфографики смотрите здесь: infogram.com/examples.

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


Похожие на рабочий стол

Другая группа конструкторов инфографики отличается внешним видом и принципом работы. Рабочее пространство напоминает рабочий стол или большой лист бумаги. Панели управления сверху, справа и слева. Автор выбирает шаблоны (templates),  элементы дизайна (objects), видео, ссылки (media), текст (text), диаграммы и графики (charts) или загружает свои файлы (uploads), скидывает их на стол и настраивает.

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

Самый передовой представитель группы — Easel.ly — содержит более тысячи шаблонов (примеры — по той же ссылке).

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

Минусы: скачивание готовых работ только в PNG низкого качества и «топорность» этих работ. Для создания действительно стильного, эстетичного дизайна придется серьезно потрудиться.

Creately.com: схемы, диаграммы, графики (более тысячи шаблонов).

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

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

Конструктор подходит, скорее, для создания схем, чем полноценных, впечатляющих дизайнов (примеры).

Сайт-поле для создания схем разного типа Сacoo.com еще более ограничен по функциям и дизайну (чисто утилитарный, без прикрас). Шаблонов диаграмм и графиков в бесплатной версии нет; из заготовок можно создать статичные схемы и графики и скачать в форматах png, svg,  ppt, pdf.


Самый стильный дизайн

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

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


Бонус: конструкторы графиков и диаграмм

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

И последний, богатый возможностями, но очень сложный для неподготовленного пользователя ресурс Developers.google.com/chart — конструктор интерактивных, автоматически обновляемых графиков и диаграмм разного типа.

 

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Похожее

vizual.club

[Обзор] Infogr.am — онлайн инструмент для создания инфографики

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

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

Главная страница

Начнем с того, что как я уже ранее сказал, сервис Infogr.am — пока находится на стадии бета-тестирования и на сайте сейчас установлена версия 0.4, поэтому великих свершений от него не ждите. Что-то может неожиданно отключиться, что-то сразу не запустится и тд. Главная страница встречает всех посетителей стандартной заставкой:

[Обзор] Infogr.am — инструмент для создания инфографики

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

Под заставкой расположена нехитрая инструкция, следуя которой, можно полностью овладеть мастерством создания инфографики в Infogr.am:

[Обзор] Infogr.am — инструмент для создания инфографики

Еще ниже этой инструкции расположен блок с “Новыми фичами”, которые разработчики планируют ввести в ближайшее время:

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

[Обзор] Infogr.am — инструмент для создания инфографики
Если бы разработчики еще доработали эту диаграмму, чтобы при наведении не на столбик появлялась информация, а при наведении на конкретный элемент — было бы очень и очень круто и полезно. Потому что сейчас нормальных онлайн инструментов для создания подобных интерактивных диаграмм я встречал крайне мало.

Ок, более на главной странице ничего интересного не находится. Теперь остается только перейти непосредственно уже процессу создания инфографики. Для этого на самом верху страницы есть кнопка «Start now». После нажатия на нее открывается страница, где предлагается залогиниться через одну из социальных сетей: Facebook или twitter.

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

1. Создание новой инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

  1. добавить график/диаграмму
  2. добавить картинку
  3. добавить заголовок
  4. добавить цитату
  5. добавить текстовое поле

Панель добавления этих функций (и новых, которые будут появляться) находится справа внизу и выглядит так:

[Обзор] Infogr.am — инструмент для создания инфографики

При добавлении новой диаграммы предоставляется выбор из нескольких их видов:

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

Кроме того есть очень удобная функция загрузки эксель-таблиц сразу в Infogr.am. Делается это нажатием специальной клавиши «Load data» над таблицей:

[Обзор] Infogr.am — инструмент для создания инфографики

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

После того, как вы закончили работу над своей инфографикой, вы можете ее посмотреть, нажав на кнопку «Preview» справа над работой:

[Обзор] Infogr.am — инструмент для создания инфографики

Также своей новой работой можно сразу же поделиться с коллегами или друзьями, нажав на кнопку «Share» рядом с кнопкой «Preview».

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

[Обзор] Infogr.am — инструмент для создания инфографики

2. Создание новой диаграммы

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

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

[Обзор] Infogr.am — инструмент для создания инфографики

Недостатки сервиса Infogr.am
  • Сервис не понимает ни единого кириллического знака. Поэтому если хочется использовать красивые встроенные шрифты (как на диаграмме с лягушками) то прийдется обходиться только латиницей. Ну а если красота не столь важна, то можно и на кириллице писать, но тогда будут подставлены шрифты по умолчанию: Helvetica, Arial или Tahoma (как повезет).
  • На всех интерактивных работах будут присутствовать копирайты (но только пока вы их программно не удалите 🙂 Ну а на рисунках заморачиваться, чтобы убрать копирайт — как-то нелогично, тогда уж проще вообще самому нарисовать все по образцу, который вы получите в сервисе
  • Пока что мало разных диаграмм и видов инфографики, но это только вопрос времени.
Достоинства сервиса Infogr.am
  • Большим плюсом является “облачность” — т.е. все 100% ваших работ хранятся на удаленном сервере, куда вы можете получить доступ, используя аккаунт из социальной сети, который почти у всех всегда при себе.
  • Интерактивность — тоже хорошее преимущество, если речь идет о публикации инфографики в сети или на мониторе на выставке/конференции.
  • Понятный интерфейс делает работу очень быстрой и интуитивно понятной. Т.к. нет кнопки сохранить можно забыть про это постоянное ненужное действие, которое приходится выполнять при работе за стационарным ПК.
Выводы

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

infogra.ru

Программы и сервисы для создания инфографики: топ 10

Инфографика — визуальный способ подачи информации. Картинка с данными, которые необходимо донести пользователю, лучше задерживает внимание людей, чем сухой текст. Грамотно оформленные сведения запоминаются и усваиваются в несколько раз быстрее. Программа «Фотошоп» даёт возможность создать графический материал, но на это уйдёт немало времени. А вот специальные сервисы и программы для создания инфографики помогут быстро «упаковать» даже самые сложные для понимания данные. Ниже представлены 10 инструментов, которые помогут вам сделать классную инфографику.

Piktochart

PiktochartPiktochart

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

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

Infogram

InfogramInfogram

Сервис подойдёт для визуализации статистических данных

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

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

Easel.ly

Easel.lyEasel.ly

Сайт отличается большим количеством бесплатных шаблонов

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

Сreately

СreatelyСreately

Сreately позволяет обойтись без дизайнера при создании классной инфографики

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

Tableau

TableauTableau

Сервис является одним из лидеров в своём сегменте

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

Cacoo

CacooCacoo

Cacoo — это разнообразие инструментов, трафаретов, функций и возможность коллективной работы

Сервис позволяет создавать графику в режиме реального времени. Его особенность — возможность работать над одним объектом нескольким пользователям одновременно.

Tagxedo

TagxedoTagxedo

Сервис поможет создать интересный контент для соцсетей

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

Balsamiq

BalsamiqBalsamiq

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

Инструмент можно использовать для создания прототипов сайтов. Бесплатная демоверсия приложения вполне позволяет набросать простой эскиз онлайн. Но расширенные возможности доступны только в версии для ПК за 89 долларов.

Visage

VisageVisage

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

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

Функционал напоминает инструменты таблицы Exel для построения графиков и диаграмм. Спокойные цвета подойдут для оформления любого отчёта.

Visual.ly

Visual.lyVisual.ly

На сайте Visual.ly можно почерпнуть много интересных идей

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

Площадок для инфографики великое множество. Выбирать следует исходя из цели, опыта работы с графикой и времени на выполнение задачи. Для построения простых диаграмм подойдёт Infogr.am, Visage и Easel.ly. Для прототипирования сайтов — Balsamiq, с визуализацией контента в соцсетях отлично справится Tagxedo. Стоит учитывать, что более сложные функции, как правило, бывают доступны лишь в платных версиях.

pcpro100.info

Примеры инфографики на русском языке

Одной из самых верных народных поговорок я считаю следующее высказывание: «Лучше один раз увидеть, чем сто раз услышать». В самом деле, о некоторых вещах можно говорить часами, но яснее от этого тому, кто плохо знаком с предметом разговора, не становится ).


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

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

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

Как сделать салат оливье

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

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

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

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


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

рубрики инфографики

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

коты-убийцы

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

Друзья, однозначно рекомендую 5coins.ru всем тем, кто увлекается инфографикой! Ну а тем, кто еще слабо знаком с этим направлением визуализации информации, тем более советую заглянуть туда – получите массу удовольствия и узнаете много нового )).

Автор статьи: Сергей Сандаков, 39 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.

webtous.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *