Содержание

Как сделать инфографику в powerpoint?

Инфографика в презентациях: как создать

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

Начнем с определения.

Инфографика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию. Инфографика является одной из форм графического и коммуникационного дизайна.

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

Недавно я писала о том, что значит создать слайды. Напомню:

Если разложить задачу на части, то дизайн – это примерно 20% от всей работы, вершина айсберга. Но большинство людей видят только слайды, игнорируя огромную составляющую процесса. Для того, чтобы эти слайды появились, нужно последовательно пройти несколько шагов:
1. Встретиться и обсудить задачу
2. Разобраться с множеством разносторонних месседжей
3. Понять, на какой вопрос мы хотим ответить в нашей презентации и в чем убедить
4. Разобраться с логикой: выстроить пирамиду (назовем ее Минто)
5. Продумать аналитические заголовки, из которых получается история
6. Накидать ghost deck с примерным лэйаутом
7. Сесть за PowerPoint и сделать стильный дизайн (подобрать шрифт, цветовую палитру, фреймворки, фотографии, построить 3D-модели и т.д.)
8. Докрутить все это – на iPad то, как это выглядит финально:

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

Мое видение процесса:

  1. Это долго
  2. До того, как начать продумывать инфографику, нужно погрузиться в кейс
  3. Нужно уметь структурировать информацию: выделять главное, объединять однородное, группировать
  4. Уметь упрощать сложное
  5. Уметь рисовать в PowerPoint

Большинство же путает инфографику с пиктограммами/иконками. Хотя с ними слайды тоже выглядят симпатично (в следующей заметке расскажу), но рисовать слайды с иконками не равно инфографике.

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

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

Более сложные кейсы:

Часто на один такой слайд может уходить целый день, иногда два-три.

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

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

Отчет McKinsey и Conde Nast

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

педагогическая практика

Интерактивная инфографика в PowerPoint. Подробная инструкция

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

Я уже публиковал интерактивную инфографику Ископаемое топливо со ссылкой на ресурс. Готовясь к вебинару я несколько изменил её. Загрузить разработку вы можете по этой ссылке.

Уже не один раз появлялся от читателей вопрос, КАК её подготовить. В данной статье я публикую подробную инструкцию. Для начала посмотрите интерактивную инфографику Ископаемое топливо. Обратите внимание, что это набросок. Среди данных по странам активны только ссылки по России.

Это внедренный файл Microsoft Office на платформе Office.

Представляю пошаговую инструкцию.

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

В данном случае это диаграмма.

Кто ещё не вставлял диаграммы в PowerPoint, напоминаю алгоритм: ВставкаДиаграммаТип диаграммы.

Когда у нас появляется таблица Excel, вставляем свои данные.

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

Шаг 2. копируем макет и вставляем на все слайды

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

ВНИМАНИЕ! Когда будете расставлять макет на другие слайды, ни в коем случае не двигайте его. Изначально макет станет в то же место, что и на первом слайде. Если мы не нарушим это условие, мы сможем соблюсти принцип одного экрана, что в данном случае очень важно.

Шаг 3. Наполняем слайды содержанием

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

Макет второго уровня указан стрелкой. Макет второго уровня размещается не на всех слайдах, а в зависимости от количества позиций в первом макете. К примеру, в данном случае таких позиций 5. Поэтому макет второго уровня размещается на пяти слайдах: со второго по шестой слайды. Но учтите, при кажущейся одинаковости, диаграммы разные в зависимости от содержания. То есть каждый раз составляем диаграммы на заданные темы. То есть у меня в макете второго уровня 5 разных диаграмм.

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

Шаг 4. Создаём иерархию гиперссылок

В данном случае у нас будут два уровня гиперссылок. Одни направленные на темы.

Ссылки второго уровня направлены на подтемы, а конкретнее на данные по странам.

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

1.Вставляем фигуры на все объекты.

ВставкаФигурыТип фигуры. Подбираем такие фигуры, которые могли бы закрыть максимальное пространство выбранного объекта.

2. Делаем эти фигуры невидимыми.

Передвигаем движок цветности в крайне правое положение, то есть устанавливаем Прозрачность -100%. Цвет линиинет линий.

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

3. Создаём гиперссылки первого уровня.

На первом слайде, где размещён наш макет, создаём гиперссылки на подтемы. Копируем эти невидимые гиперссылки и размещаем их на все остальные слайды нашей разработки.

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

Читать еще:  Как сделать музыку на протяжении всей презентации в powerpoint 2010?

4. Создаём гиперссылки второго уровня.

Со второго слайда создаём невидимые гиперссылки второго уровня на слайды с конкретным содержанием. В данном случае это данные по странам по тому или иному ископаемому топливу. Принцип их создания такой же, как и в первом случае.

Всё готово. Напомню, что

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

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

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

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

Если будут ещё вопросы по созданию интерактивной инфографики в PowerPoint, обращайтесь.

5 инфографик, которые покажут, как делать инфографики в PowerPoint

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

Так вот, мало того, что инфографика жива и здорова, она еще и остается важным элементом многих контент-маркетинговых стратегий.

В 2018 году 65% маркетологов в сегменте B2B использовали инфографики, а, по замечанию Джона Медины, эксперта по биологии развития, добавление изображения в текст повышает вероятность того, что материал будет сохранен, на 55%.

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

Например, научиться делать простые инфографики с помощью PowerPoint по инструкции HubSpot, переведенной Лайкни.

1. Как сделать инфографику, наполненную данными

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

В конце статьи можно скачать шаблон, который можно наполнить собственными данными. Чтобы изменить данные в диаграммах, кликните правой кнопкой мыши по графику, выберите «Объект» и приступайте к настройке.

Несколько рекомендаций, какой тип диаграммы стоит выбрать в зависимости от ваших целей:

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

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

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

Как сделать хронику в PowerPoint?

1. На панели инструментов выберите SmartArt

Чтобы сделать хронику в PowerPoint на панели инструментов, перейдите в меню «Вставка», выберите SmartArt. Там вы найдете несколько десятков графических элементов, подходящих для вашей задачи.

2. Найдите вариант, который соответствует вашей задумке, в меню «Процесс»

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

3. Или выберите «Чередующиеся круги рисунков» в меню «Рисунок»

Еще одна группа элементов, которая может подойти, – «Рисунок». Выберите эту категорию и найдите вариант «Чередующиеся круги рисунков». На скриншоте ниже они подсвечены красным.

4. Добавьте недостающие или удалите лишние временные метки

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

5. Отредактируйте текст и изображения

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

6. Отредактируйте текст и изображения графика

Как и с другой графикой, доступной в SmartArt, вы можете редактировать текст и изображения на свое усмотрение. Чтобы добавить изображение, кликните правой кнопкой мыши на значок с пейзажем, выберите рисунок «Из файла» и загрузите изображение с компьютера.

Если свобода творчества для вас не принципиальна, загрузите готовый шаблон, который есть в конце статьи. Он сразу откроется в PowerPoint. Обновите в нем периоды времени и текст и настройте визуальное оформление по своему вкусу. Сделать это можно в разделе «Формат».

Несколько моментов, о которых нужно помнить при создании такой инфографики:

  • Исследование. Лучшая инфографика не та, которая красиво нарисована, а та, которая рассказывает историю, основанную на исследованиях. Поэтому прежде чем приступать к созданию хроники, изучите как можно больше информации.
  • Узкие рамки. Период в сотню или тысячу лет – это очень интересно, но и на их изучение потребуется немало времени. Чтобы не растекаться мыслью по древу, выбирайте короткие промежутки времени.
  • Меньше слов. Инфографика – в первую очередь визуальный формат. Если в какой-то момент вы поймали себя на мысли, что пишете более ста слов для каждого периода, лучше сделайте пост в блог.

3. Как сделать «ультрамодную» инфографику

Безусловно, «модность» инфографики зависит от того, кто ее оценивает. В шаблоне ниже много стрелок и баннеров – красиво это или нет, решать вам. Тем не менее на ней достаточно места для статистики и текста, а в нижней части поместилась гистограмма (вместо которой мог быть любой другой график: достаточно выбрать «Вставка» – «Диаграмма»).

Чтобы убедиться, что итоговый вариант достаточно хорош, обратите внимание на несколько моментов:

  • Экспериментируйте с новыми цветовыми палитрами. Найти их можно прямо в Google Картинках по запросу «цветовые палитры». Подходящий вариант вставьте в PowerPoint. Затем в разделе «Формат» – «Границы рисунка» возьмите пипетку, выберите понравившиеся цвета и используйте их для своей инфографики.
  • Потратьте время на манипуляции с фигурами. У PowerPoint большая библиотека фигур: рамки, ленты, стрелки и проч. – каждую из которых можно настроить в зависимости от ваших задач и вкуса. Например, концы ленты можно сделать тоньше или короче, а тело стрелки отрегулировать по толщине.

4. Как сделать инфографику в виде блок-схемы

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

Как убедиться, что ваша блок-схема выстроена логично:

  • Нарисуйте схему заранее. Прежде чем нырнуть с головой в PowerPoint, сделайте набросок своей блок-схемы на листе бумаги. Проверьте себя, отвечая на вопросы во всех возможных комбинациях и ища несостыковки. А еще лучше – попросите кого-нибудь постороннего пройти блок-схему.
  • Чем меньше область применения, тем проще исполнение. Чем больше вопросов или этапов в схеме, тем сложнее ее реализовать и понять. Поэтому постарайтесь сузить ее насколько возможно.
Читать еще:  Как сделать анимацию слова в powerpoint?

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

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

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

Несколько советов, как сделать так, чтобы инфографика радовала глаз:

  • Используйте качественные изображения. Лучше уменьшить картинку 2000х2000 пикселей, чем 20х20 пикселей. Сжимая из без того небольшие изображения, вы снабжаете инфографику «зернистым принтом».
  • Соблюдайте границы. Они сделают изображения частью единого дизайна. В PowerPoint управлять размером, стилем и цветом границ можно во вкладке «Формат».
  • Сохраните инфографику в формате PNG. Он хорошо подходит для всех инфографик, но особенно удобен для варианта, содержащего фотографии, так как PNG позволяет сохранить их качество. Как сохранить инфографику в формате PNG: «Файл» – «Сохранить как» – Нужная папка – «Тип файла» – «Рисунок в формате Portable Network Graphics».

Как и обещали – 5 шаблонов инфографик, представленных в статье, от команды HubSpot.

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

Лучшие сервисы для создания презентаций в режиме онлайн

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

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

В диаграмму можно вставить целую таблицу Excel, что очень облегчает перевод в интернет-графики данных из документов MS Office. В платной версии сервиса (доступ стоит 15 долларов в месяц) к диаграмме можно подключить таблицу из Google Docs.

Первый онлайн график на сайте Infogr.am

Создание учетной записи в сервисе infogr.am сводится к вводу логина, пароля и адреса электронной почты.

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

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

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

Редактор диаграмм соединен с листом электронной таблицы, в которую вы можете вставить данные из Excel. Вы также можете импортировать весь файл, нажав на значок Upload file.

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

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

К инфографике можно добавлять дополнительные элементы. Палитру модулей вы найдете с левой стороны. Помимо графиков (1) и текстовых полей (2) вы можете загрузить файл с фото (3) или вставить видео (4). Также доступна функция добавления интерактивных карт (5), служащая для отображения пространственной статистики. В бесплатной версии доступна только карта мира.

Выберите место между блоками инфографики, в котором вы хотите добавить карту, и щелкните значок Add Map в контекстном меню, которое отобразится. Затем выберите тип карты (World), нажмите Insert, а затем нажмите два раза на карте на экране предварительного просмотра (Double click to edit), чтобы отредактировать и дополнить добавленную карту информацией, связанной с темой инфографики.

В колонке English title Вы можете выбрать названия стран, которые будут отмечены на карте. В свою очередь, в столбце Value введите числовое значение, которое будет отображаться при наведении курсора на страну мышкой. Столбец Label позволяет ввести текст, который будет отображаться вместо английского названия государства.

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

Если вы хотите просмотреть инфографику, нажмите на иконку с изображением глаза. Когда инфографика будет готова, нажмите кнопку Publish, а затем Publish for everyone. В окне, которое появится, вы найдете ссылки для своего проекта. Если вы хотите разместить созданную инфографику на своём сайте или блоге, нажмите на вкладку «Embed» и скопируйте HTML-код.

Создание инфографики на сайте Easel.ly

Онлайн редактор инфографики Easel.ly позволяет не только использовать готовые шаблоны, но также имеет мощный редактор, который позволяет создавать собственные проекты.

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

Открытие счета сводится к вводу e-mail и пароля. При входе в приложение вы можете выбрать один из доступных шаблонов или создать собственную инфографику с нуля, используя базу графических элементов сайта Easel.ly. Мы покажем второй из способов. На стартовой странице приложения, щелкните поле Start fresh.

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

Основные графические элементы, из которых вы можете построить свой проект, скрыты под кнопкой Objects. Если его нажать, появится панель выбора. Выделите поле choose category, чтобы развернуть тематический список. Вы найдете в нём, в частности, категорию banners, в котором вы найдете графику для заголовка. Собственные графические объекты можно передавать с помощью функции upload.

Элементы из палитры можно добавить перетаскиванием в рабочую область. Чтобы на баннере поместить надпись, нажмите кнопку Text и перетащите значок Title. Инструменты позволяют изменить цвет, шрифт, а также прозрачность текста – для этого служит ползунок opacity. Если вы хотите поместить диаграмму, нажмите кнопку Next и выберите один из доступных стилей.

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

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

Инфографика в Google Developers Chart

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

Читать еще:  Как сделать презентацию в powerpoint в формате pdf?

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

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

Dipity – интерактивная шкала времени

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

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

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

Venngage – анимированные графики

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

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

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

Блог о дизайне и веб-мастеринге
Полезные ресурсы для разработчиков и дизайнеров
Статьи о движке WordPress и сервисе Twitter

Лучшие статьи категории «Дизайн»

  • Статьи (500+)
  • Twitter (2350+)
  • Google Plus (150+)
  • E-mail подписка
  • Реклама
  • О блоге и команде

13 сентября 2014

5 способов создать замечательную инфографическую презентацию

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

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

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

Google Chart Tools

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

Piktochart

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

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

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

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

Готовые элементы и шаблоны

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

Инфографика всё еще остается отличным способом для привлечения внимания к продукту или сайту. Надеемся, эта статья поможет вам в создании качественной и недорогой (может быть и бесплатной) инфографике.

Лариса Косьяненко — представитель компании «Emske». Лариса только овладевает искусством быть «интернет-ниндзей», из-за чего тратит слишком много времени на чтение и изучение интернета.

Похожие статьи

Комментарии (16)

Vlad / 14 Сентябрь 2014 в 17:44

Очень полезное, благодарю.

Kostas / 13 Ноябрь 2014 в 09:07

Спасибо за примеры инфографики. Для тех, кому нужны еще картинки можно посоветовать сходить на торрент сайты и в поиске набирать что-то типа «инфографика», часто сразу в psd иcходники скачать можно, иногда в cdr.

Женя / 28 Ноябрь 2014 в 13:23

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

Hyoudou Issei / 12 Февраль 2015 в 09:44

Try Canva. Its a good infographic site … Give it a shot! 🙂

Блок / 2 Март 2015 в 16:34

Интересная тема, спасибо за информацию.

Лия / 25 Май 2015 в 01:08

Очень полезный сайт.

Ольга / 2 Июнь 2015 в 11:52

Жаль, что вы перестали писать. Очень классный блог!

Илья Федотов / 11 Июль 2015 в 14:23

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

Tredon / 29 Ноябрь 2015 в 11:02

Спасибо вам. Даже не знал, что есть такие прекрасные сервисы.

Андрей Зенков / 16 Апрель 2016 в 15:12

Канва, канва и еще раз канва. Пробовал некоторые из тех, что есть в этом списке. Подставило незнание языка.

Вадим / 4 Август 2016 в 10:23

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

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

Андрей Зенков / 14 Сентябрь 2016 в 02:37

Спасибо автору. Хорошая подборка. Аж стыдно за то, что ищу инструменты в инете и даже не задумался что под рукой всегда был Google Chart Tools :))

Сергей / 16 Октябрь 2016 в 11:59

Спасибо за примеры инфографики. Для тех, кому нужны еще картинки можно посоветовать сходить на торрент сайты, часто сразу в psd иcходники скачать можно, иногда в cdr.

Мария Крупнова / 8 Июнь 2018 в 00:59

Мне очень нравится Canva. не сложно разобраться даже тем, кто мало понимает в дизайне. просто и быстро!

Василий / 8 Июль 2018 в 23:54

Canva наверное самый лучший сайт для таких целей. Множество шаблонов и очень простой редактор.

Александр / 21 Июль 2018 в 00:21

Я когда-то в гугле делал презентацию. Нужно будет и остальные способы попробовать.

Ссылка на основную публикацию
Adblock
detector