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

Способ 1: Visme

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

Перейти к онлайн-сервису Visme

  1. Откройте сайт на требуемой странице и нажмите кнопку «Создать инфографику».

    Переход к регистрации на сайте для создания инфографики через онлайн-сервис Visme

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

    Регистрация на сайте для создания инфографики через онлайн-сервис Visme

  3. На сайте вам предложат выбрать, для каких целей вы желаете использовать Visme. От этого зависит список предлагаемых шаблонов инфографики. Если хотите увидеть их все, выбирайте вариант «Персональный».

    Выбор типа проекта для создания инфографики через онлайн-сервис Visme

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

    Начало работы для создания инфографики через онлайн-сервис Visme

  5. Откроется страница поиска шаблонов, на которой рекомендуем выбрать раздел «Infographics» и определиться с подходящей категорией, чтобы не искать одну из заготовок среди тысячи других.

    Выбор категории с шаблонами для создания инфографики через онлайн-сервис Visme

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

    Поиск подходящего шаблона для создания инфографики через онлайн-сервис Visme

  7. Отметим раздел «Charts / Graphs», в котором собраны исключительно диаграммы и графики. Это тоже может быть полезно при создании проектов рассматриваемого вида, ведь некоторые из них целиком состоят исключительно из подобных демонстраций.

    Переключение к шаблонам графиков для создания инфографики через онлайн-сервис Visme

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

    Выбор шаблона диаграммы для создания инфографики через онлайн-сервис Visme

  9. После щелчка по одному из шаблонов Visme перенаправит вас на страницу редактора. Разберемся с тем, как осуществляется взаимодействие с уже существующими объектами. Кликните левой кнопкой мыши по тексту.

    Выбор блока текста для редактирования для создания инфографики через онлайн-сервис Visme

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

    Инструменты настройки текста для создания инфографики через онлайн-сервис Visme

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

    Добавление текста для создания инфографики через онлайн-сервис Visme

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

    Редактирование графического элемента для создания инфографики через онлайн-сервис Visme

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

    Параметры графического элемента для создания инфографики через онлайн-сервис Visme

  14. Конечно, вы не ограничены только теми картинками, которые были автоматически добавлены на шаблон. Их вообще можно все удалить, а затем открыть раздел «Graphics» и отыскать подходящие иконки в списке или воспользовавшись строкой поиска по названиям. Сначала вы видите только категории, переход в которые осуществляется кликом ЛКМ по одной из них.

    Категории иконок и иллюстраций для создания инфографики через онлайн-сервис Visme

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

    Добавление иконки или иллюстрации для создания инфографики через онлайн-сервис Visme

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

    Категории графиков для создания инфографики через онлайн-сервис Visme

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

    Выбор и добавление диаграммы для создания инфографики через онлайн-сервис Visme

  18. Visme поддерживает загрузку собственных фотографий и медиа через разделы «Photos» и «Media». С импортом предлагаем разобраться самостоятельно, ведь в этом нет ничего трудного, а о редактировании графики вы уже знаете.

    Добавление собственных файлов для создания инфографики через онлайн-сервис Visme

  19. По завершении создания собственной уникальной инфографики нажмите на «Download» или пока сохраните результат в своем профиле, если желаете вернуться к онлайн-сервису позже.

    Переход к сохранению для создания инфографики через онлайн-сервис Visme

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

    Выбор типа файла для создания инфографики через онлайн-сервис Visme

  21. Определитесь с форматом (PNG доступен только премиум-пользователям) и нажмите кнопку «Download» для скачивания файла на компьютер.

    Выбор формата файла для создания инфографики через онлайн-сервис Visme

Способ 2: Venngage

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

Перейти к онлайн-сервису Venngage

  1. Начните работу с онлайн-сервисом Venngage с создания собственного профиля, чтобы иметь возможность сохранить и поделиться инфографикой. Нажмите кнопку «Бесплатная регистрация».

    Начало работы с сайтом для создания инфографики через онлайн-сервис Venngage

  2. Заполните регистрационную форму или выполните авторизацию через Google либо Facebook.

    Создание учетной записи для создания инфографики через онлайн-сервис Venngage

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

    Поиск шаблона для создания инфографики через онлайн-сервис Venngage

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

    Выбор блока с текстом для создания инфографики через онлайн-сервис Venngage

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

    Выбор и замена иконок для создания инфографики через онлайн-сервис Venngage

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

    Наложение нового текста для создания инфографики через онлайн-сервис Venngage

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

    Поиск категории иконок для создания инфографики через онлайн-сервис Venngage

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

    Добавление и настройка иконки для создания инфографики через онлайн-сервис Venngage

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

    Другие графические элементы для создания инфографики через онлайн-сервис Venngage

  10. Для распространения ссылки на инфографику используйте кнопку «Поделиться». Эта функция доступна всем зарегистрированным пользователям.

    Кнопка Поделиться для распространения после создания инфографики через онлайн-сервис Venngage

  11. Если вы решите приобрести пакет «Премиум», откройте раздел «Сохранить» и выберите формат, в котором хотели бы скачать итоговый дизайн на свой ПК.

    Сохранение результата создания инфографики через онлайн-сервис Venngage

Способ 3: PiktoChart

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

Перейти к онлайн-сервису PiktoChart

  1. Нажмите кнопку «Start creating for free».

    Переход к регистрации для создания инфографики через онлайн-сервис PiktoChart

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

    Регистрация на сайте для создания инфографики через онлайн-сервис PiktoChart

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

    Выбор сферы деятельности для создания инфографики через онлайн-сервис PiktoChart

  4. Завершите заполнение данной анкеты и нажмите «Submit».

    Ответы на вопросы для создания инфографики через онлайн-сервис PiktoChart

  5. Ответьте на еще несколько предлагаемых вопросов или выберите вариант «No, Thanks», после чего повторно кликните по «Submit».

    Дополнительные вопросы для создания инфографики через онлайн-сервис PiktoChart

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

    Начало работы с пустого холста для создания инфографики через онлайн-сервис PiktoChart

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

    Категории с графическими элементами для создания инфографики через онлайн-сервис PiktoChart

  8. Определитесь с типом графики из выпадающего меню или используйте функцию поиска. Зажмите любую из фигур ЛКМ и перенесите на холст.

    Выбор значка для создания инфографики через онлайн-сервис PiktoChart

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

    Добавление и настройка иконки для создания инфографики через онлайн-сервис PiktoChart

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

    Полноценные иллюстрации для создания инфографики через онлайн-сервис PiktoChart

  11. Обычно в подобные проекты входит блок с текстом, отображающий основную статистику. Для этого в PiktoChart есть раздел с названием «Design Components». В нем вы видите списки, перечень по временным промежуткам и сравнительные списки. Выберите подходящую категорию для отображения примеров.

    Выбор стиля текста для создания инфографики через онлайн-сервис PiktoChart

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

    Добавление и настройка текста для создания инфографики через онлайн-сервис PiktoChart

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

    Другие варианты добавления текста для создания инфографики через онлайн-сервис PiktoChart

  14. Поддерживается загрузка и своего медиа через «Uploads». Понадобится нажать кнопку «Browse Images» и выбрать изображения, хранящиеся на компьютере.

    Загрузка собственных файлов для создания инфографики через онлайн-сервис PiktoChart

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

    Переход к экспорту для создания инфографики через онлайн-сервис PiktoChart

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

    Предупреждение перед экспортом для создания инфографики через онлайн-сервис PiktoChart

  17. Укажите формат файла, качество картинки и нажмите «Download» для загрузки инфографики и дальнейшего ее использования в своих целях.

    Выбор формата файла для сохранения после создания инфографики через онлайн-сервис PiktoChart

Способ 4: VistaCreate

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

Перейти к онлайн-сервису VistaCreate

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

    Переход к редактору для создания инфографики через онлайн-сервис VistaCreate

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

    Выбор одного из шаблонов для создания инфографики через онлайн-сервис VistaCreate

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

    Настройка текста для создания инфографики через онлайн-сервис VistaCreate

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

    Трансформация текста для создания инфографики через онлайн-сервис VistaCreate

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

    Добавление собственного текста для создания инфографики через онлайн-сервис VistaCreate

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

    Выбор стиля оформления для создания инфографики через онлайн-сервис VistaCreate

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

    Поиск подходящей иконки для создания инфографики через онлайн-сервис VistaCreate

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

    Настройка добавленной иконки для создания инфографики через онлайн-сервис VistaCreate

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

    Загрузка собственных файлов для создания инфографики через онлайн-сервис VistaCreate

  10. По завершении разработки дизайна на верхней панели отыщите кнопку «Скачать» и нажмите по ней.

    Переход к экспорту для создания инфографики через онлайн-сервис VistaCreate

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

    Регистрация перед экспортом для создания инфографики через онлайн-сервис VistaCreate

Способ 5: Canva

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

Перейти к онлайн-сервису Canva

  1. Откройте сайт на необходимой странице и нажмите на «К дизайну инфографики».

    Переход к редактору для создания инфографики через онлайн-сервис Canva

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

    Выбор одного из шаблонов для создания инфографики через онлайн-сервис Canva

  3. Для ручного добавления визуальных компонентов вашего будущего проекта перейдите в «Элементы» и отыщите среди них подходящие.

    Добавление иконок и иллюстраций для создания инфографики через онлайн-сервис Canva

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

    Настройка добавленных иконок для создания инфографики через онлайн-сервис Canva

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

    Выбор одного из графиков для создания инфографики через онлайн-сервис Canva

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

    Настройка внешнего вида добавленной диаграммы для создания инфографики через онлайн-сервис Canva

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

    Настройка добавленной диаграммы для создания инфографики через онлайн-сервис Canva

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

    Добавление таблицы для графика для создания инфографики через онлайн-сервис Canva

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

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

  10. Перейдите на вкладку «Настройки» для выбранного графика и решите, будете ли вы показывать линии и деления сетки, легенду и подписи.

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

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

    Добавление текста для создания инфографики через онлайн-сервис Canva

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

    Настройка текста для создания инфографики через онлайн-сервис Canva

  13. Если проект готов к сохранению, щелкните по кнопке со стрелкой вверх.

    Переход к экспорту результата создания инфографики через онлайн-сервис Canva

  14. Из появившегося меню выберите «Скачать».

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

  15. Укажите формат файла и завершите сохранение.

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

Поделиться статьей в социальных сетях:

Оставить комментарий

Сообщить об ответе на E-mail.