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

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

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

У современного автора внушительный выбор подобных сервисов. Плюсы Piktochart в том, что его можно использовать бесплатно, в нём есть готовые шаблоны, а настройка элементов не требует специальных знаний.

Инфографика из блоков

Откройте сервис. После регистрации в сервисе вы попадаете в библиотеку ваших работ. Чтобы создать новый дизайн, нажмите кнопку «Create New» («Создать новую») — она находится вверху справа.

В библиотеке хранятся проекты, которые вы создали

Сервис предложит выбрать тип графики.

Выбор типа проекта зависит от того, что вы хотите получить в итоге

Инфографика — графический лонгрид для веба, подразумевает долгий скролл.
Презентация — набор слайдов с соотношением сторон 4:3.
Печатная продукция — баннеры, флаеры, отчеты — всё, что будет распечатано на А4.

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

Совет: если видите удачный бесплатный шаблон, сделайте в нём «рыбу». В этом случае он сохранится в вашей библиотеке, даже если Pictochart уберет его из бесплатного доступа.

Владельцам платных аккаунтов открывается доступ к галерее готовых шаблонов.

Перед тем, как начать работать, вы можете посмотреть шаблон в большом размере — наведите курсор мыши на понравившийся проект и нажмите «Preview» («Предпросмотр»).

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

Выберите подходящий под ваши задачи шаблон, наведите на него курсор и нажмите «Use Template» («Использовать шаблон»).

Интерфейс сервиса на английском языке, но разобраться несложно

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

Все элементы проекта можно трансформировать

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

Чтобы узнать функцию инструмента, наведите на него курсор
Чтобы узнать функцию инструмента, наведите на него курсор

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

Сервис поддерживает «горячие клавиши»: стандартные Ctrl+C и Ctrl+V (Command-C и Command-V для Мак) для копирования и вставки, а чтобы сохранить пропорции объекта при изменении размера, зажмите кнопку Shift. Удалять объект можно кнопкой Backspace, а отменять последнее действие сочетанием Ctrl+Z (Command-Z для Мак).

Выбирай или загружай

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

Чтобы добавить элементы на рабочее поле, перетащите его или дважды щелкните левой клавишей мыши

Графика: фигуры и иконки, гиф-иконки (для платных аккаунтов), линии, фотографии и фоторамки. Можно воспользоваться поиском, но помните, что сервис воспринимает только английский язык.

Загрузки. Пользовательские элементы: иконки, фото и другие графические объекты. Бесплатный аккаунт позволяет загрузить до 40 Мб изображений, платный — расширит хранилище до 100 Мб. Не забывайте периодически удалять лишнее из библиотеки на сервисе.

Фон. Доступны фактуры и однотонные подложки. Прозрачность фона можно отрегулировать.

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

С помощью текстовых шаблонов можно создать логотип

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

Инструменты: графики, карты, видео. Элементы будут интерактивными, если поделиться проектом в интернете.

Как вставить в проект инфографику

Добавить инфографику в свой проект несложно. Выберите в меню слева пункт «Tools» («Инструменты») и далее «Charts» («Графики»).

Можно загрузить таблицу с жесткого диска или внести данные вручную.

Сервис воспринимает файлы с расширением CSV и XLSX

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

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

Чтобы элемент появился на рабочем поле, нажмите на кнопку «Inset Chart» («Вставить график») — она находится в правом верхнем углу.

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

Как вставить в проект карту

Еще один доступный инструмент — интерактивные карты. Но карта России доступна только полностью, разбивки по отдельным регионам нет.

Выберите понравившуюся, нажмите в правом нижнем углу кнопку «Edit This Map» («Редактировать эту карту»), чтобы изменить данные и настроить отображение.

Карту России в списке проще всего найти с помощью поиска
Карту России в списке проще всего найти с помощью поиска

Вы можете визуализировать пользовательские геоданные. Нажмите на «плюс» в табличном редакторе и введите информацию вручную или загрузите с компьютера.

Когда вы закончили оформлять карту, нажмите в верхнем правом углу кнопку «Insert Map» («Вставить карту»), и она появится в проекте.

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

Последний интерактивный элемент — видео. Вставить видеоролик просто — нужно вставить ссылку на ролик из Ютуба или Вимео и нажать «Insert» («Вставить»).

В Pictochart нельзя вставить видео с Рутуба

Кнопка «Play» появится на видеофрагменте после того, как вы поделитесь проектом в интернете.

Как опубликовать проект и поделиться им в Сети

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

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

Графика сохраняется картинкой или в виде архива формата ZIP

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

Приватность проекта можно изменить в любое время

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

Над материалом работали:
Людмила Белая
Иллюстрации:
скриншоты сервиса Pictochart
Инструкция актуальна:
на июль 2018 года

Подводя итоги:

1
выберите шаблон
2
отредактируйте его
3
опубликуйте