Качественная инфографика. Создание инфографики

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

Понятие

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

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

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

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

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

Типы инфографики

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

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

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

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

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

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

Основные правила читаемой инфографики

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

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

Сервис №1 — easel.ly

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

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

Сервис №2 — infogr.am

Этот сервис - один из самых дружелюбных по отношению к пользователю. Неспроста его название напоминает небезызвестный бренд Инстаграм: создатели сайта исходили из идеи упрощенного интерфейса.

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

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

Tagged ,

Навигация по записям

В этой статье Алексей Обжорин рассказывает о том, как знание базовых законов восприятия, таких как сходство, близость, простота, завершенность, помогает дизайнеру выстроить визуальную композицию. Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до […]

Разработка сайта всегда начинается с формулирования целей и написания технического задания. На этом этапе полезно составить визуальную карту сайта — графический документ, отображающий структуру страниц и навигацию между ними. Карту небольшого сайта можно разрабатывать на бумаге или используя сервисы для создания mind map (ментальной карты). Однако сервисы по созданию ментальных карт не рассчитаны на детальную проработку проектов. […]

Векторный клипарт нужен для оформления презентаций, буклетов, сайтов, наглядных пособий для школы и много чего еще. Представляем 7 лучших коллекций векторных изображений, которые можно скачать бесплатно. Почему векторных? У векторной графики есть 3 неоспоримых преимущества: Вектор масштабируется и сохраняет качество при увеличении. Это значит, что подготовленные с использованием векторных иллюстраций макеты смело можно печатать. Векторная […]

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

Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции.

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

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

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

Инфографика различна, так как под ней понимается справочная или иллюстрированная информация, представленная различными методами визуализации -при помощи графиков, диаграмм, гистограмм, ментальных карт (mind map -карты памяти), временных шкал и т.д.

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

Разновидности

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

· Расширенный список : статистические данные, линия времени, просто набор фактов может быть визуализирован,

· Процесс и перспектива : служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

10 советов по созданию качественной инфографики

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

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

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

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

Итак, инфографика – креативная организация, стилизация и презентация информации с целью повышения интересности, читаемости и понятности,.

Виды инфографики

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

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

Для организации представления совокупности (например, иерархий) объектов и качественных данных используют многочисленные типы схем, карт, изображений и их последовательностей, а именно:

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

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

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

4. технологические диаграммы, на которых четко представлены особенности и стадии технологических процессов;

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

6. разнообразные схемы, при помощи которых акцентируется внимание на наиболее важных моментах при обмене учебной информацией;

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

8. графы, визуализирующие переходы или связи понятий, событий, процессов;

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

10. ИГ миниатюры – пиктограммы, иконки, указатели.

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

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

Создание инфографики проходит следующие этапы:

· Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории.

· Сбор определенного количества данных, материала по теме. Данные представлены в различных форматах - текстовый контент, графика, видео материалы, страницы таблиц и так далее...

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

· Построение доступной визуализации, верстка. Весь материал компонуется, приводится в красивый наглядный вид.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

Виды инфографики

В ней используются разные средства визуализации:

графики;
изображения;
диаграммы;
таблицы;
карты;
схемы.

Для чего используется

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

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

Как создать хорошую инфографику

Сделать это можно заплатив специалистам, но также можно попробовать сделать ее самостоятельно. Для этого нужно знать основные принципы ее создания:

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

При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.

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

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

Есть несколько популярных сервисов:

Piktochart.com – сервис, трансформирующий информацию в визуальные истории. Является самым легким в использовании. Из преимуществ – функция автономной настройки инфографики, большой выбор тем для дизайна и возможность наложить логотип.
Creately.com – инструмент, позволяющий легко создавать диаграммы и схемы. Есть возможность выбрать подходящую диаграмму и наложить на нее свои данные, чтобы получилась совершенно новая диаграмма или график.
Infogr.am – новая программа, активно внедряющая невероятные возможности. Отлично подходит для создания бесплатных диаграмм и инфографики.
Visual.ly – сервис, позволяющий генерировать между собой сразу несколько инфографик.
Fluxvfx – инструмент, который позволяет создавать видеоинфографики.
Vizualize.me – создает проекты для резюме.

Примеры

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

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

Тему можно выбрать любую. Это подтверждает следующая достаточно шуточная картинка.

Если тема позволяет, то не стоит упускать возможность использовать что-то смешное и веселое. Как правило, картинки с забавными изображениями и шуточным текстом пользуются большой популярностью.

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

Типы инфографики – в профиль и анфас

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

2D-инфографика

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

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

Минусы: ограничен набор изобразительных инструментов.

Пример из нашего портфолио, 2d инфографика для научно-производственного объединения Импульс:

3D-инфографика

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

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

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

Пример из нашего портфолио, 3d инфографика для оптового поставщика товаров из Азии:

3D-визуализация

Разница с предыдущим – только в деталях и их проработке. Но все в этом мире состоит из деталей! Именно благодаря им трехмерное здание на экране становится фотографически точной копией Зимнего дворца, а проезжающее мимо авто – «Мерседесом» S-класса. Кстати, именно с помощью такой же технологии создавались парящие острова в «Аватаре».

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

Минусы: проработка деталей требует ресурсов и времени: чем реалистичнее изображение, тем больше работы дизайнерам и аниматорам, тем мощнее используемые компьютеры и – как результат – тем выше стоимость.

Пример из нашего портфолио, 3d визуализация компании М-Фарм для выставки:

Персонажная анимация

С этой технолгией можно созать практически полноценный мультфильм. «Мерседесом» S-класса управляет, например, дружок куклы Барби – Кен. Или олимпийский мишка. Или Масяня. Разработать мультяшных существ с нуля и «оживить» их – сложная, дорогостоящая задача. В особенности когда возникает желание довести до полного идеала: ресницы – длиннее, прическу – моднее, лицо – эмоциональнее. Каждая такая поправка жадно поглощает ресурсы: время, компьютерные мощности, ваши деньги и т.д. Чтобы не увлечься, важно помнить: максимальная эффективность при минимально возможных затратах.

Мы в Sales Video Production делаем видеоролики для решения задач бизнеса. Создание сложной персонажной анимации оправдано только в некоторых случаях. Поэтому чаще мы предлагаем более лёгкую версию персонажной анимации с элементами 2D-инфографики, но с более тщательной проработкой фонов и деталей. Прочтите: . Таким образом, персонажам «оживляют » только движения рук и ног и придают лицам чуть-чуть мимики.

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

Минусы: технология создания сложнее, поэтому сроки создания дольше, чем у ролика в стиле простой 2D-инфографики; требуется больше согласований с заказчиком.

Пример из нашего портфолио, персонажная анимация новой системы знакомств :

Виды инфографики. Особенности ценообразования

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

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

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

Sales Video Production,

производство инфографики и видео.