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

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

1. Необходимо найти тему , которая не только будет полезна и интересна Вам, но и Вашим потенциальным клиентам. Это будет не так сложно, если вы действительно хорошо разбираетесь в направлении, которое описываете. Просто интересные факты или статистика, а может быть целый рассказ - выбор за вами. Рисуйте, пишите, воображайте.

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

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

Как правильно собирать данные для инфографики можно почитать в книге: "Искусство визуализации информации в бизнесе" Нейтан Яу.

Скачать оригинал книги бесплатно как PDF.файл можно прямо .

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

4. Затем вас ждет, пожалуй, самая сложная часть: «сборка» дизайна . Лучше, если вы имеете представление о том, какой формат может подойти под вашу "историю" и в какие сообщения ее стоит обличить, чтобы не передать не то впечатление. Важно, чтобы сообщения не противоречили друг другу, а факты располагались таким образом, чтобы не запутать читателя с первой минуты. На данном этапе важно не торопиться, рассмотреть все возможные варианты "расположения" основных смысловых частей. Возможно, вам совсем не стоит мучиться над склейкой дизайна самостоятельно, особенно если кто-то другой может сделать это за минуты, а проще обратиться к профессионалам.

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

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

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

Инфографика бесплатно? Да, это возможно

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

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

• Piktochart
• Visual.ly
• Many Eyes
• Vizualize.me
• Infogr.am
• Photo Stats
• Creately
• Stat Planet
• Hohli

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

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

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

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

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

Инфографика и периферическое зрение

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

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

1. Монохромные элементы

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

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

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

2. Связанные графические элементы

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

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

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

3. Эффект квадратного логотипа

Если смотреть на цифру 50 000 в центре графики, все остальные прямоугольные графические элементы просматриваются отлично, как и размеры зарплаты над ними.

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

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

1. В инфографике должны преобладать цельные, большие и однотонные элементы.
2. Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
3. Создайте «якорь» - часть элемента инфографики, которая делает его заметным и понятным.
4. Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
5. Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.

Онлайн-ресурсы для создания инфографики

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

Vizualize.me

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

Piktochart

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

easel.ly

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

Visual.ly

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

Infogr.am

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

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

iCharts

Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.

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

Популярность инфографики

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

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

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

Для начала следует понять, что при создании инфографики необходимо ориентироваться на:

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

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

На самом же деле тут нет ничего сложного. Сделать инфографику самостоятельно вполне реально.

Первые шаги. Из чего состоит инфографика?

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

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

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

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

Как сделать инфографику в "Фотошопе"? Во-первых, набросайте план, отражающий основные пункты информации, которую необходимо передать слушателю. Упрощайте свой текст по максимуму, в одной картинке должно быть как можно меньше текстовой информации. Стили шрифтов, иконок и цветовой фон, предметы на картинке - это также очень важные элементы. Они все должны сочетаться и в итоге быть органичным целым.

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

Основные программы для создания инфографики

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

Какие приемы можно использовать в стандартных программах?

Что можно использовать в стандартных программах:

1. Чередуйте цвета, чтобы выделять основные мысли. Так люди лучше поймут, какие идеи вы пытаетесь до них донести.
2. Используйте различные фигуры и обозначения. Перед вами неограниченное поле возможностей. Все свои основные мысли подавайте в различных вариациях.
3. В статистике должны быть справедливые цифры. Если вы акцентируете внимание на статистике, то размер ее цифр должен быть подобен реальному факту существования проблемы.
4. Графики способствуют снижению интереса у посетителей. Попробуйте использовать их как можно меньше. Хорошей альтернативой будет, если вы попытаетесь донести необходимую информацию в виде изображений и картинок. В случае крайней необходимости использования графиков, нужно сделать их максимально информативными, привлекающими внимание.

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

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

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

Создать инфографику можно в таких онлайн-программах:

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

Инфографика на русском

Как сделать инфографику на русском? Многие из представленных ресурсов отечественные и помогут в создании инфографики на русском языке. Следует только начать, на самом деле все не так сложно, как кажется сначала. Самостоятельно создавать прекрасную инфографику просто.

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

1. Vizualize

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

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

2. Google Developers

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

3. Easel.ly

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

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

4. Piktochart

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

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

В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.

5. Infogr.am

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

6. Visual.ly

Visual.ly - платформа для публикации инфографики, стартовавшая в 2011 году. Готовую инфографику можно разместить в социальных сетях. Сервисом пользуются не только энтузиасты-одиночки, но и профессиональные дизайнеры, известные бренды и компании: в сообществе более 35 тыс. участников, и для брендов есть отдельные платные пакеты услуг.

7. InFoto Free

Нишевый инструмент для тех, кто пользуется Android-смартфонами для фотосъемки. С помощью этого сервиса можно «вытянуть» все EXIF-данные из сделанных фотоснимков и построить по ним инфографику. Предусмотрена возможность редактирования.

Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.

8. Venngage

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

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

9. Dipity

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

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

10. Get About

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

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

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

Сервисы для создания инфографики:

1 easel.ly

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

2 visual.ly

visual.ly — Нашел ссылку на этот сервис в каком-то обзоре. Стал регистрироваться и очень долго искал где же можно создать инфографику, в итоге разобрался — http://create.visual.ly /. Много красивых шаблонов инфографики, но практически нельзя вносить изменения. Сама компания, предоставляющая сервис, занимается разработкой инфографики, видео и веб-приложениями, цены очень большие (на мой взгляд). А сам сервис — просто рекламный ход. По настоящему своей инфографики вы здесь не сделаете.

3 cacoo.com

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

4 infogr.am

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

5 piktochart.com

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

Онлайн-сервисы инфографики на русском

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

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

7 canva.com

— Графический конструктор, в котором вся работа строится на готовых шаблонах и их изменении. В нём можно выбрать уже созданную дизайнерами инфографику и изменить её под свои нужды. Сервис позволяет загружать изображения, обрабатывать их, добавлять/изменять текст и использовать уже созданные варианты. Большая часть изображений и заготовок в сервисе бесплатны, но есть и те, за которые можно заплатить 1$.

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

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

Для себя я отметил 2 сервиса:

• easel.ly — за то, что он очень легок для понимания и прост в работе. Как я уже писал, разберется даже ребенок. Подойдет тем, кому нужно очень быстро создать простую инфографику.
• piktochart.com — за большое количество шаблонов и настроек, при этом тоже достаточно простой для освоения. Подойдет для создания сложной инфографики, причем, бесплатно.