Содержание:
Способ 1: Visme
Visme можно считать полуавтоматическим конструктором инфографики, работающим в режиме онлайн. Сайт предоставляет огромное количество шаблонов на любую тему, а юзеру остается лишь внести должные изменения, правя текст, редактируя изображения и добавляя диаграммы со своими показателями. Давайте на примере простого проекта разберемся с тем, как работает данный веб-ресурс.
- Откройте сайт на требуемой странице и нажмите кнопку «Создать инфографику».
- Обязательно пройдите стандартную процедуру регистрации, чтобы получить доступ к редактору и иметь возможность сохранять результат в своем профиле. Быстрее всего будет выполнить вход при помощи существующего аккаунта Google или Facebook.
- На сайте вам предложат выбрать, для каких целей вы желаете использовать Visme. От этого зависит список предлагаемых шаблонов инфографики. Если хотите увидеть их все, выбирайте вариант «Персональный».
- Если выбор отличается от предложенного — например, вы указали вариант для одного из видов бизнеса, — понадобится ответить на дополнительные вопросы, чтобы шаблоны были еще более точными и подходили для ваших целей. По завершении нажмите кнопку «Продолжить».
- Откроется страница поиска шаблонов, на которой рекомендуем выбрать раздел «Infographics» и определиться с подходящей категорией, чтобы не искать одну из заготовок среди тысячи других.
- Прокрутите вкладку вниз и ознакомьтесь с предложенными шаблонами. Некоторые из них бесплатные, а другие доступны только премиум-пользователям, поэтому внимательно смотрите на значок, отображающийся в правом верхнем углу средства предпросмотра.
- Отметим раздел «Charts / Graphs», в котором собраны исключительно диаграммы и графики. Это тоже может быть полезно при создании проектов рассматриваемого вида, ведь некоторые из них целиком состоят исключительно из подобных демонстраций.
- Посмотрите на заготовки и решите, можете ли редактировать какую-либо из них под себя, чтобы получить уникальный дизайн и подготовить инфографику для дальнейшей презентации.
- После щелчка по одному из шаблонов Visme перенаправит вас на страницу редактора. Разберемся с тем, как осуществляется взаимодействие с уже существующими объектами. Кликните левой кнопкой мыши по тексту.
- Теперь можете удалить содержимое, изменить шрифт, его размер, форматирование и цвет при помощи верхней панели. Напишите новую надпись и расположите ее в удобном месте на холсте.
- Вариантов надписей в Visme существует множество, что видно на панели с базовыми функциями.
- Точно таким же образом осуществляется управление изображениями. После выбора графики появляется прямоугольник для трансформирования и перемещения.
- На верхней панели есть инструменты для добавления фильтров, обрезки лишнего или создания рамки, если изображение должно быть помещено в нее.
- Конечно, вы не ограничены только теми картинками, которые были автоматически добавлены на шаблон. Их вообще можно все удалить, а затем открыть раздел «Graphics» и отыскать подходящие иконки в списке или воспользовавшись строкой поиска по названиям. Сначала вы видите только категории, переход в которые осуществляется кликом ЛКМ по одной из них.
- Затем выбирается непосредственно сама графика и перетаскивается на холст с зажатой левой кнопкой мыши. Изменение размера и положения осуществляется точно так же, как это уже было показано выше.
- Основная составляющая инфографики — таблицы и диаграммы с данными, для чего в Visme есть отдельная категория на панели слева и называется она «Data». В ней вы видите группы со стандартными диаграммами, древовидными сетками, таблицами, картами и виджетами.
- Выберите один из вариантов, щелкнув по нему ЛКМ, добавьте на холст и ознакомьтесь с настройками. Например, для круговой диаграммы вы указываете количество процентов, а для столбчатой — определяете доли каждой составляющей. Подписи и иллюстрации добавляйте при помощи текста и иконок точно так же, как это было описано выше.
- Visme поддерживает загрузку собственных фотографий и медиа через разделы «Photos» и «Media». С импортом предлагаем разобраться самостоятельно, ведь в этом нет ничего трудного, а о редактировании графики вы уже знаете.
- По завершении создания собственной уникальной инфографики нажмите на «Download» или пока сохраните результат в своем профиле, если желаете вернуться к онлайн-сервису позже.
- Visme предлагает на выбор различные варианты экспорта, что вы увидите в появившемся окне. В случае с инфографикой подойдет стандартное изображение или документ формата PDF. Видео и печатный вариант в данном случае используется не так часто.
- Определитесь с форматом (PNG доступен только премиум-пользователям) и нажмите кнопку «Download» для скачивания файла на компьютер.
Способ 2: Venngage
Перед началом разбора сайта Venngage отметим, что вы можете использовать практически все функции бесплатно и делиться созданной инфографикой, чтобы другие пользователи просматривали ее в режиме онлайн через данный веб-ресурс. Однако если хотите сохранить проект как изображение или документ PDF на ПК, понадобится приобрести премиум-версию. Советуем сначала ознакомиться с инструкцией и самостоятельно проверить Venngage, после чего уже решать, стоит ли оформлять покупку.
- Начните работу с онлайн-сервисом Venngage с создания собственного профиля, чтобы иметь возможность сохранить и поделиться инфографикой. Нажмите кнопку «Бесплатная регистрация».
- Заполните регистрационную форму или выполните авторизацию через Google либо Facebook.
- Venngage предоставляет на выбор различные категории шаблонов инфографики. Вы можете воспользоваться поиском или перейти к конкретному типу для ознакомления с предложенными заготовками.
- Выбрав один из подходящих, приступайте к редактированию или удалите сразу то все, что не понадобится при дальнейшем оформлении проекта. Предлагаем начать с текста, параметры которого открываются после выделения соответствующего блока на холсте. Изменяйте содержимое, выбирайте другой шрифт, его размер и остальные параметры, достигая желаемого результата. Блок с текстом можно перенести в любую позицию с использованием автоматически отображаемых направляющих. Это позволит вам выбрать правильное расположение с соблюдением пропорций.
- Сделайте примерно то же самое с графическими объектами. При выборе одного из них на экране появляется панель для замены. Есть как примитивные иконки, так и целые фотографии. Переключитесь на вкладку «Upload», если хотите загрузить хранящееся на компьютере изображение для дальнейшего применения в инфографике.
- Помимо редактирования уже присутствующих на шаблоне надписей вы можете добавить свои, выбрав соответствующий раздел на панели слева. Вы увидите не просто надписи, а уже заготовленные стили, которые отлично сочетаются с графиками и иллюстрациями. Останется только изменить их цвет и содержание под себя.
- Примерно то же самое относится и к добавлению новых изображений на холст. На следующем скриншоте вы видите, насколько много различных категорий с иконками предлагает Venngage. Среди них много бесплатных качественных картинок, которые могут стать отличным решением при создании инфографики.
- Выберите любое из них, перетащите с зажатой левой кнопкой мыши на холст и укажите подходящее расположение. При помощи панели инструментов сверху настройте основные эффекты иконки, ее цвет и выравнивание.
- С добавлением остальных составляющих инфографики дела обстоят примерно так же. Онлайн-сервис Venngage предоставляет настраиваемые диаграммы, карты и возможность загрузить свои изображения. Все это вы найдете на панели слева.
- Для распространения ссылки на инфографику используйте кнопку «Поделиться». Эта функция доступна всем зарегистрированным пользователям.
- Если вы решите приобрести пакет «Премиум», откройте раздел «Сохранить» и выберите формат, в котором хотели бы скачать итоговый дизайн на свой ПК.
Способ 3: PiktoChart
В качестве следующего примера рассмотрим онлайн-сервис PiktoChart. Данный сайт предоставляет юзеру достаточный набор инструментов и различные шаблоны для удобного создания инфографики без использования специальных программ. Предстоит разобраться только с тем, как редактировать шаблоны и добавлять графические элементы вручную.
- Нажмите кнопку «Start creating for free».
- Как обычно, выполните регистрацию на сайте для того чтобы иметь возможность продолжить работу.
- Разработчики для удобства выбора шаблонов предлагают определиться с тематикой выполняемых действий. Вы можете создавать инфографику для образовательных, маркетинговых или приватных целей. Впрочем, можно выбрать отстраненный вариант, чтобы получить доступ практически ко всему каталогу.
- Завершите заполнение данной анкеты и нажмите «Submit».
- Ответьте на еще несколько предлагаемых вопросов или выберите вариант «No, Thanks», после чего повторно кликните по «Submit».
- В предыдущих двух методах мы брали за основу шаблоны и редактировали их для создания инфографики. В этом случае создадим пустой холст для его дальнейшего наполнения. Можете обратить внимание на инструкции выше, ведь принцип внесения изменений в заготовку и в этом случае остается примерно таким же.
- Начните создание с выбора графических составляющих. Для этого на сайте есть сразу несколько категорий, которые можно развернуть, кликнув по каждому названию левой кнопкой мыши.
- Определитесь с типом графики из выпадающего меню или используйте функцию поиска. Зажмите любую из фигур ЛКМ и перенесите на холст.
- Вы увидите направляющие для правильного расположения объектов относительно друг друга или размеров холста. Выше отобразится панель с инструментами для настройки привязки, пропорций и прозрачности элемента.
- Помимо простых иконок и изображений на сайте присутствуют и более сложные иллюстрации. Изображения трудно назвать уникальными, ведь их можно увидеть в проектах других пользователей, но ничего не мешает добавить их любое количество на свою инфографику.
- Обычно в подобные проекты входит блок с текстом, отображающий основную статистику. Для этого в PiktoChart есть раздел с названием «Design Components». В нем вы видите списки, перечень по временным промежуткам и сравнительные списки. Выберите подходящую категорию для отображения примеров.
- Перетащите любой из них на холст и приступите к редактированию текста, поскольку наполнение является шаблонным. Выберите шрифт, размер, его цвет и другие параметры, после чего сотрите текущую надпись и введите свою.
- На панели слева есть раздел «Text», через который вы можете добавить надпись любого стиля, не связывая ее с используемым списком. Этого вполне достаточно для нормального оформления инфографики в плане текстового описания.
- Поддерживается загрузка и своего медиа через «Uploads». Понадобится нажать кнопку «Browse Images» и выбрать изображения, хранящиеся на компьютере.
- По окончании работы над проектом используйте средство предпросмотра, нажав по значку с изображением глаза. Если вы уверены в том, что файл уже можно скачивать, щелкните по иконке со стрелкой вниз.
- Бесплатно каждому пользователю предоставляется два кредита на скачивание, то есть загрузить бесплатно можно два файла. Учитывайте это и не скачивайте промежуточные варианты инфографики.
- Укажите формат файла, качество картинки и нажмите «Download» для загрузки инфографики и дальнейшего ее использования в своих целях.
Способ 4: VistaCreate
На сайте VistaCreate пользователь найдет большое количество различных инструментов для создания различных графических дизайнов. Сюда относятся и средства для работы с инфографикой, о которых мы поговорим в рамках следующей инструкции. Рассмотрим шаблоны и разберем то, как их редактировать под конкретные нужды пользователя.
- Щелкните по кнопке выше для перехода на требуемую страницу сайта. Нажмите «Создать инфографику», чтобы открыть редактор и ознакомиться с шаблонами.
- Воспользуйтесь поиском или отыщите один из вариантов среди подходящих. Если хотите, можете вообще не использовать подобные заготовки, а сразу перейти к ручному добавлению необходимых графических элементов, текста и диаграмм.
- Однако немного остановимся на редактировании уже существующих элементов. Выберите текст и обратите внимание на появившуюся сверху панель. Используйте ее для редактирования типа надписи, установите новый шрифт, размер и форматирование.
- При помощи точек прямоугольника осуществляйте трансформирование текста, поворачивая и растягивая его так, как это будет нужно именно вам.
- Когда речь идет о добавлении надписей с нуля, перейдите в раздел «Текст» и просмотрите доступные стили. Можно выбрать и стандартную надпись, если ни один из доступных шаблонов вам не подходит.
- Сразу же отметим наличие цветовых профилей, расположенных в соответствующем разделе. С их помощью подобрать сочетаемые оттенки станет еще проще. Не понадобится искать информацию в интернете и долго перебирать оттенки на общей палитре. Просто выберите один из предложенных стилей и примените окрашивание для фоновых частей, текста и иконок.
- Что касается добавления геометрических фигур и иллюстраций, то в VistaCreate это тоже предусмотрено. Сайт предлагает большую библиотеку с самыми разными надписями, фигурами, рамками и целыми иллюстрациями. Есть даже строка поиска, если вы не хотите тратить время на серфинг всего каталога.
- После переноса объекта на холст можно изменить его размер, дублировать, настроить цвет, прозрачность и расположение относительно других слоев. Этих настроек вполне достаточно для комфортного взаимодействия с графикой на вашем проекте.
- Если вдруг понадобится, откройте раздел «Мои файлы» и нажмите на «Загрузить изображение или видео». Выберите картинки на своем устройстве и интегрируйте их в инфографику.
- По завершении разработки дизайна на верхней панели отыщите кнопку «Скачать» и нажмите по ней.
- Обязательно пройдите процедуру регистрации или авторизации, после чего укажите формат файла и завершите его загрузку на ПК.
Способ 5: Canva
Во время ознакомления с онлайн-сервисом Canva предлагаем более детально остановиться на работе с графиками и диаграммами, которые часто применяются при создании инфографики. Сайт предоставляет большое количество связанных настроек и даже возможность импорта данных из Google-таблиц, что делает возможным применение данного веб-ресурса для составления дизайнов на профессиональном уровне с использованием заранее заготовленной статистики и другой информации, собираемой сотрудниками вашей компании или полученной из внешних источников.
- Откройте сайт на необходимой странице и нажмите на «К дизайну инфографики».
- Начнем с просмотра шаблонов, для открытия которых перейдите к соответствующему разделу на панели слева. Выберите один из предложенных вариантов или воспользуйтесь поиском по каталогу, если вы хотите начать работу с редактирования шаблона.
- Для ручного добавления визуальных компонентов вашего будущего проекта перейдите в «Элементы» и отыщите среди них подходящие.
- Перетащите любой из них на холст, зажав левую кнопку мыши. Используйте направляющие и кнопки трансформирования, чтобы расположить объекты в правильном месте.
- Рассмотрим непосредственно доступные диаграммы в разделе с аналогичным названием. Их Canva предлагает сразу несколько типов, миниатюры которых вы можете видеть как на скриншоте ниже, так и самостоятельно при работе с онлайн-сервисом.
- Добавьте любой из них, выберите цвет, размер шрифта и расположение. По необходимости используйте выравнивание, настройте непрозрачность и закрепите слой.
- Затем приступите к настройкам диаграммы. В первом случае мы выбрали круговую и можем настроить для нее процент заполняемости. Нужно указать значение в соответствующем поле или передвинуть ползунок ниже.
- Для графиков используется заполняемая таблица. Вы самостоятельно добавляете количество элементов и присваиваете значения. Таблица имеет понятный вид и управление ей не затруднит даже тех, кто ранее не сталкивался с подобной задачей.
- Если данные уже хранятся в виде электронной таблицы, вставьте их в соответствующем поле. Вид графика изменится автоматически и никаких больше настроек осуществлять не придется.
- Перейдите на вкладку «Настройки» для выбранного графика и решите, будете ли вы показывать линии и деления сетки, легенду и подписи.
- Завершите оформление инфографики добавлением текста. Это могут быть как обычные описания, заголовки, так и сформированные списки, являющиеся неотъемлемой частью ряда проектов.
- Каждый блок текста можно настроить, указав новый шрифт и его цвет.
- Если проект готов к сохранению, щелкните по кнопке со стрелкой вверх.
- Из появившегося меню выберите «Скачать».
- Укажите формат файла и завершите сохранение.