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

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

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

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

И так, представим 4 сервиса для создания инфографики. Бесплатных и качественных.

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

Также, как и предыдущий сервис инфографики, Pictochart позволяет пользоваться частью своего контента бесплатно. Здесь можно создать инфографику онлайн и выгрузить на свой компьютер. Тем, кому интересны платные элементы, придется заплатить $29 в месяц или $290 в год. Дороговато, но предлагаемые элементы на этом сервисе весьма заманчивы.

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

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

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

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

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

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

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

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

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

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 и размещать готовые диаграммы на разных ресурсах.

Быстрые, простые и бесплатные приложения для превращения данных в привлекательную инфографику.

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

Последнее, кстати, не так сложно. Тем более с нашей сегодняшней подборкой лучших БЕСПЛАТНЫХ инструментов и приложений для создания инфографики. Некоторые из вариантов здесь даже подходят для не-дизайнеров, поскольку шаблоны и другие функции делают их простыми в использовании.

Попробуйте использовать некоторые из них «не отходя от кассы»!

Visme обещает помочь вам «говорить визуально». Вы также можете использовать его для создания презентаций, но он в первую очередь ориентирован на создание привлекательной инфографики. Этот бесплатный инструмент включает более 100 бесплатных шрифтов, миллионы бесплатных изображений и тысячи качественных значков. Также есть опции для включения видео и аудио (в том числе возможность записи озвучивания непосредственно в редакторе - удобно!). Вы также можете анимировать свой контент, чтобы сделать его более четким. Замечу, что анимированная инфографика – это тренд последнего года, вы обязаны попробовать сделать такую хотя бы один раз.

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

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

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

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

Существует бесплатная версия, а есть и платные варианты: план Lite за 15 долларов США в месяц и учетная запись Pro, стоимость которой составляет 29 долларов США в месяц.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Canva

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

В этом веб-сервисе также можно создать разнообразные постеры к социальным сетям: Pinterest, Twitter, Facebook, Tumblr, Instagram. Есть также шаблоны и для документов: писем, резюме и презентаций, сертификатов; для блогов и маркетинговых постеров (афиши, меню, логотипы).

Минус в том, что некоторые шаблоны платные. Основные функции сервиса бесплатны. Стоимость бизнес-план $9,95 в месяц.

Venngage

Онлайн-программа похожая на Canva. В ней можно создать отчеты, плакаты, афиши и инфографику. Есть конкретные шаблоны: под карты, графики, таблицы сравнений. Инфографику можно собрать самому, вставив понравившиеся картинки, иконки или логотипы. Проект можно скачать в PNG или PDF.

Доступны бесплатные шаблоны, но можно приобрести премиум-версию за 15 долларов в месяц.

Visme

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

Cacoo

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

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

Сreately

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

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