Инфографика создание: 22 сервиса для создания инфографики — онлайн бесплатно – Как создать инфографику: 5 этапов [пошаговое руководство]

Содержание

Как создать инфографику за 30 минут

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

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

Так как согласно названию этой статьи времени у нас не так много, то перейдем сразу к делу.

1. Проходим процесс регистрации (3 минуты).

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

2. Выбираем шаблон для своей инфографики (3 минуты)

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

3. Осваиваем основные функции (10 минут)

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

2013-02-05_12h50_21

4. Наполняем своим содержанием (10 минут)

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

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

Tools на нижней панели инструментов.

2013-02-05_12h57_18

4. Публикация (4 минуты)

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

2013-02-05_13h02_23

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

Piktochart совсем не трудно и доступно каждому.

Piktochart

Как делать инфографику и какие программы использовать

Здравствуйте! В этой статье мы поговорим о том, как делать инфографику.

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

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

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

Главное в инфографике — найти и оформить полезную информацию. Это могут быть:

  • Обучающие материалы.
  • Результаты работы за период.
  • Увеличение или уменьшение стоимости какого-то актива.
  • Список преимуществ работы.
  • Количество отзывов.
  • Количество каких-то событий в определенном регионе.

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

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

Зачем делают инфографику

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

Инфографика поможет:

  • Лучше донести реальные цифры до читателя.
  • Показать географическую направленность (выделения стран, регионов или городов).
  • Визуализировать динамику (рост/снижение в период).

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

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

В каких программах делать инфографику

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

Google Docs и Microsoft Excel

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

Результаты получаются примерно такие:

Инфографика с изображениями

Powerpoint

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

  • Диаграммы.
  • Графики.
  • Изображения.

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

Easel

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

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

Infogr.am

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

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

Piktochart

Лучший онлайн-сервис для создания инфографики. Есть 10 бесплатных шаблонов, основная направленность которых — индивидуальная презентация. В общем-то, если вам не нужно создавать анкету-фотографию, то лучше сделать все самостоятельно. Очень много эффектов: фон, текст (разбитый на заголовки), картинки (есть типовые, но можно загружать из Гугла), возможность создавать графики и т. д.

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

А также на сайте можно делать презентации — приятный бонус.

Как правильно оформлять инфографику

Есть 3 главных правила оформления хорошей инфографики:

  • Правило 1. Как можно меньше текста.
  • Правило 2. Упрощаем по максимуму.
  • Правило 3. Делаем акценты на нужной информации.

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

Лучше всего увеличивать или уменьшать значение шрифта по степени важности. Размер играет большую роль на картинках.

Примеры крутой инфографики

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

Что делать при падении астероида

А здесь показывают, как прогрессировали модели Айфонов:

Эволюция айфона

История тоже может быть интересной. Главное, правильно всё подать:

История

И еще у меня для вас есть один пример того, как делать не нужно. В некоторых случаях банальная таблица смотрится куда приятнее. Почта России за 2013 год:

Плохой пример инфографики

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

Основные ошибки при создании инфографики

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

Слишком много текста

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

Тусклость

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

Нет акцента на инфографике

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

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

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

7 шагов от идеи до реализации: Рисуем свою первую инфографику

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

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

Как справится с проблемой?

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

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

Ris.-1.-Infografika-s-uporom-na-privlekatelnostИнфографика с упором на привлекательность.

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

Другая крайность — когда мы отказываемся от внешней красоты ради информации как таковой.

Ris.-2.-Infografika-s-uporom-na-informativnost

Инфографика с упором на информативность.

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

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

Шаг 1. Выберите тему

Начните с выбора темы или контента, на основе которого вы бы хотели создать инфографику.  Возможно, у вас в голове сразу появилось огромное количество гениальных идей, но самая лучшая среди них — учесть интересы и потребности своей целевой аудитории. Это однозначно приблизит вас к успеху. Другой вариант — обратите внимание на последние тенденции на рынке, изучите Google Trends или популярные топики на Buzzsumo.

Шаг 2. Структурируйте информацию

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

Допустим, ваша тема —  роль личной эффективности в становлении стартапов. Тогда вы, например, можете выделить следующие основные элементы:

  • работать удаленно;
  • ограничить личные встречи;
  • не просматривать часто электронную почту;
  • уходить с работы в 5:30 вечера;
  • рано вставать;
  • фокусироваться на главном, не распыляться по мелочам;
  • делать меньше, но больше;
  • использовать правильное ПО.

Шаг 3: Продумайте структуру

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

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

Ris.-3.-Risuem-maket

Рисуем макет.

Шаг 4. Оцифруйте макет

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

От таких графических гигантов, как Photoshop и Illustrator, до более простых специализированных  Piktochart, Easelly, Visually и т. д. Опять же универсального решения здесь нет и быть не может. Выбирайте приложение, в котором вам удобно работать и которое максимально отвечает вашим потребностям.

Шаг 5. Добавьте контент

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

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

Ris.-4.-S-i-bez-izobrazheniya

С и без изображения.

Ресурсы для поиска изображений и фотографий:

Ресурсы для поиска иконок:

Шаг 6. Выберите стиль, шрифт и палитру цветов

Теперь, когда структура, контент и картинки заняли свои места на странице, начинается самое интересное.

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

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

Подробнее о шрифтах в статье «Рисуем инфографику: как подобрать шрифт».

Ресурсы для поиска шрифтов:

Ris.-5.-Vyibor-shrifta

Выбор шрифта.

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

Один хороший совет — выбирайте 2-3, максимум 4 разных цвета для своей работы и далее используйте их различные оттенки. Подробнее о цветовых палитрах можно узнать в статье «Рисуем инфографику: как правильно выбрать цвет».

Ресурсы для выбора палитры:

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

Ris.-6.-Vyibor-tsveta

Выбор цвета.

Шаг 7. Вычитка и корректура

Это последний шаг в создании инфографики. Здесь вам потребуется вернуться к самому началу и еще раз проверить свой дизайн и контент.

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

Дополнительный шаг: Добавить диаграммы и графики.

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

Ris.-7.-Diagrammyi-i-grafiki

Диаграммы и графики.

Заключение

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

Ris.-8.itogovaya-infografika

Источник: rusability.ru

37 отличных идей для дизайна инфографики

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

Как улучшить инфографику

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

В статье мы рассмотрим 37 креативных и гениальных идей для дизайна вашей следующей инфографики. Начнем!

1. Думайте визуально

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

2. Сконцентрируйтесь на процессе

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

3. Используйте временную шкалу

how-airbnb-started-infographic

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

4. Создайте диаграмму связей

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

5. Используйте метафору

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

6. Продемонстрируйте данные отчета

Используйте результаты анализа и проиллюстрируйте их в виде графика или инфографики.

7. Проиллюстрируйте тренд

odnoklassniki-infographics3

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

8. Части зданий

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

9. Создайте гид

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

cFVBti9dkPo

10. Используйте семейное древо

Если у вас семейный бизнес, расскажите об этом всем при помощи инфографики.

11. Проиллюстрируйте причины и следствия

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

12. Расскажите истории

Историю лучше всего рассказывать в ярких картинках. Для этого как нельзя лучше подходит инфографика.

13. Составьте список

44544_82436

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

14. Продемонстрируйте свой бизнес-план

Инфографика — отличный способ продемонстрировать бизнес-план без использования тысяч слов.

15. Создайте визуальную «Белую книгу»

Лучший способ поделиться информацией с B2B партнером — создать визуальную «Белую книгу».

16. Добавьте интерактивные карты

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

ogonek_33_005_m-thumb-500x301

17. Используйте карту с изображениями

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

18. Создайте карту недвижимости

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

19. Проиллюстрируйте географические тренды

Создайте инфографику для разной целевой аудитории по всему миру.

20. Создайте карту потребления

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

21. Сравните себя с конкурентами

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

WEB_BOS_S1

22. Сделайте инфографику на политическую тему

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

23. Проиллюстрируйте процентное соотношение

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

342750-native

24. Используйте остановки транспорта

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

25. Будьте в курсе последних событий

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

26. Создайте инфографику по данным Excel

Excel на большинство людей навевает скуку, сделайте данные этой программы более яркими и привлекательными при помощи инфографики.

27. Смотрите на все в перспективе

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

28. Проиллюстрируйте крупные цифры

Bez-nazvaniya

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

29. Создайте мини-сайт

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

30. Составьте коллаж

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

31. Используйте динамичные цвета и крупный шрифт

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

32. Добавьте «приманку»

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

33. Мыслите универсально

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

34. Выбирайте цветовую схему из трех цветов

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

35. Добавьте призыв к действию

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

36. Включите воображение!

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

37. Сделайте это прямо сейчас!

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

Источник: rusability.ru

25 идей для создания качественной инфографики

Интересные статьи гарантируют успех. Тоже самое можно сказать о первоклассных видео, электронных книгах и других типах контента. А что насчет инфографики? На самом деле инфографика — это не просто надежно, это перспективно.

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

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

Где брать новые идеи?
  • Большой список идей для создания инфографики: Инфографика, представленная на рисунке ниже, описывает 25 концепций и тем, которые могут помочь вам в создании своих работ. Вам не обязательно выбирать один из предложенных тезисов в качестве основной темы, но, возможно, они натолкнут вас на какую-нибудь интересную идею.
  • Другая инфографика: Не удивляйтесь, но многие из 25 описанных ниже концепций, были придуманы в результате просмотра инфографики на таких сайтах, как Visual.ly или Pinterest. Порой подобные исследовательские работы могут привести к очень интересным результатам. Также, как чтение статей на сторонних сайтах, помогает придумывать новые темы для статей, просмотр инфографики способствует появлению интересных идей для создания собственных работ в данном направлении.
  • SlideShare. Иногда на SlideShare можно встретить инфографику, тем не менее ключевой контент этого ресурса — слайд-презентации. Это отличное места для поиска новых креативных идей. Инфоргафика была прототипом для создания множества рекламных материалов. Есть смысл попробовать сделать все наоборот.
Откопайте клад
  • Если вы уже хотя бы некоторое время занимаетесь созданием контента, то вы – обладатель несметного количества гениальных идей для инфографики. Как их можно выявить?
  • Просмотрите самые популярные статьи: Проанализируйте показатели просмотров страниц и социальные сигналы. Скорее всего, некоторые из ваших наиболее успешных публикаций можно переделать в инфографику. Статьи со списками являются самыми перспективными кандидатами.
  • Изучите сайт: Содержит ли ваш сайт FAQ? Возможно, у вас есть публикации, в которых вы детально описываете какой-нибудь процесс, технологию или случай из практики? Может быть, вы публикуете на своем сайте исследования? Как насчет того, чтобы разместить тот же самый контент в виде инфографики?
  • Откройте электронную почту: Сообщения, которые вы и ваши коллеги отправляете в ответ на вопросы покупателей, могут послужить отличным источником идей для новой инфографики.
  • Пересмотрите презентации: Есть шанс, что слайд-презентации, которые использует ваша команда менеджеров по продажам, можно использовать для создания инфографики. Также они могут послужить отправной точкой для разработки новых вебминаров.
Проведите мозговой штурм

Для проведения мозгового штурма могут оказаться полезными следующие техники:

  • Подбор слов. Выберите значимое слово для своей отрасли и затем составьте список других слов, ассоциирующихся с ним.
  • Интеллект-карты. Расположите посередине карты основную идею, а затем присоедините к ней другие свои идеи на эту тему. Каждый элемент карты может стать источником для появления новых ответвлений.
  • Визуальные ассоциации. Дополните визуальными изображениями свои интеллект-карты и списки слов.
  • Что если? Задайте себе вопрос «Что если?», чтобы попробовать рассмотреть проблему или творческую задачу под другим углом.
  • Список вопросов. Составьте список вопросов на определенную тему, а затем быстро, не задумываясь, напишите на них ответы. Ваши ответы должны привести к появлению новых интересных вопросов.

Если вы собираетесь проводить мозговой штурм в группе, то полезно использовать следующие правила:

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

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

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

инфографика, идеи, контент, креатив

инфографика, идеи, контент, креатив
Инфографика
Большой список идей для инфографики

25 концепций и тем для создания инфографики

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

10% – люди, которые хорошо запоминают, что они слышат

20% – люди, которые хорошо запоминают, что они читают

80% – люди, которые хорошо запоминают, что они видят и делают

Мыслите образами

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

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

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

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

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

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

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

8. Темы. Расскажите с помощью инфографики историю на любую интересующую вас тему.

9. Исследование определенной области. Множество великолепной инфографики представляет собой массивные коллекции разного рода предметов: марки пива, бренды, книги, велосипеды, пляжи…

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

11. Метафоры. Людям нравятся, когда идеи и концепции преподносятся в виде метафор.

12. Резюме. Ищите работу? Резюме, выполненное в виде инфографики, очень достойно смотрится. Такие сервисы, как visualize.me и kinzaa.com помогут вам в создании подобных работ.

13. Отчет. Результаты исследований и опросов — отличный источник для создания интересной инфографики.

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

15. Тренд. Рассказать о последних тенденциях на рынке при помощи инфографики — это хороший способ сделать интересную историю еще более привлекательной.

16. История чего-либо или кого-либо. Еще одна идея с использованием временной шкалы, которая идеально подойдет для любой предметной области.

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

18. Руководство. Любое руководство или путеводитель можно представить в упрощенном виде при помощи инфографики.

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

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

21. Биография. Поищите в интернете инфографику, сделанную по биографии Стива Джобса. Это одна из самых потрясающих работ в данном направлении. Берите пример!

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

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

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

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

пошаговая инструкция, особенности и рекомендации

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Статическая показывает факты и цифры, порой служит для отображения зависимости между событиями.
  2. Инструкция – это рецепты, пошаговые инструктажи и так далее.
  3. Бизнес-инфографика. Помогает компаниям наглядно показать историю своего существования, приобретения опыта и восхождения к успеху.
  4. Рекламная инфографика. Служит для помощи в продаже товаров и услуг, при этом не перегружает потенциального клиента излишней информацией, а кратко и лаконично рассказывает о плюсах и минусах, эффективности и достоинствах, о других качествах товара или услуги.
  5. Презентации – от начальных классов в школе до бизнес-заседания, везде применяется это классическое средство наглядного представления. Презентации вмещают большой объем информации, лаконичные и легко воспринимаются.
  6. Видео-инфографика. Видеоформат инфографики имеет особое воздействие на человека, осуществляется это за счет использования броской графики, а также добавления подходящей музыки и звуковых эффектов. Что представляет из себя самостоятельно сделанная видеоинфографика? Тут предстоит создавать не просто видео, а короткометражный фильм, который зрители поймут, прочувствуют и примут на себя его идею, а еще лучше – которым они захотят поделиться с друзьями в социальных сетях.
как сделать инфографику самому

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

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

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

как сделать инфографику в power point

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Vizualize – ресурс, который генерирует резюме в виде инфографики. Этот сервис будет полезен, если нужно составить информацию о себе в краткой структурированной схеме, выделив при этом основные моменты и факты, касающиеся вашей жизни. В результате получается креативное резюме, которому будет приятно удивлен работодатель. Многие компании, кстати, обращают особое внимание на креативность кандидата, такой сервис пригодится и дизайнерам, фриленсерам или фотографам.
  2. Google Developers – инструменты от «Гугла», позволяющие создать графики и диаграммы среди предложенных, то есть рекомендованных под конкретный сайт. Плюсом данного ресурса служит то, что заполненная вами статистика может меняться в реальном времени.
  3. Easel.Ly – сервис предоставляет множество бесплатных шаблонов для инфографики. Все элементы будущей инфографики можно отредактировать по собственному вкусу и цвету.
  4. Infogr.am — удобное решение для создания схем, графиков и карт с возможностью загрузки видео- и фотоматериалов для создания интерактивной инфографики. Все данные вносятся в таблицу, очень похожую на Excel. Их всегда можно отредактировать, а после внесения всех правок на данном ресурсе поделиться своим творением с друзьями из знакомыми из различных социальных сетей.
  5. Venngage – сервис, созданный для помощи в реализации и публикации инфографики с довольно легким в использовании набором инструментов. Для пользователей доступны уже готовые, заранее разработанные схемы, шапки оформления, графики и иконки, а также поддерживается загрузка авторских картинок и фонов для готовых решений.

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

как сделать инфографику в фотошопе

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

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

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

Создайте точку фокуса внимания

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

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

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

Создайте точку фокуса внимания

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

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

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

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

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

Вы можете это прочитать, взглянув лишь раз?

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

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

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

Используйте уместные метафоры

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

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

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

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

Используйте срезы

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

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

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

Информацию можно сделать красивой

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

Вместо этого мы ставим целью всю картину: что мы можем узнать, отступив назад и взглянув на все данные разом? В таких обстоятельствах дизайнеры часто отображают данные так, что результатом становится настоящее произведение искусства!

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

Не увлекайтесь столбиковыми диаграммами

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

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

В следующий раз, когда вы захотите создать столбцовую диаграмму, подумайте о том, как придать ей немного индивидуальности. Инфографика ниже служит прекрасным тому примером. Здесь дизайнер использовал 3D стопки карт для отображения возможных союзников Америки. Чем выше стопка, тем более привлекателен вариант. По сути, это все та же столбцовая диаграмма, но выглядит она гораздо более интересно.

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

Используйте повторы

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

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

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

Рассказывайте историю в картинках

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

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

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

Тщательно изображайте сравнения

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

Выше я уже говорил о том, что вы должны думать над каждой столбиковой диаграммой, которую используете, теперь же я хочу расширить эту идею до любого метода визуализации, который вы используете. Ваша задача состоит в том, чтобы показать кому-нибудь, как 14,2 триллиона выглядят по сравнению с 6,95 миллиардами – как вы это сделаете? Какими инструментами и хитростями воспользуетесь, чтобы взять эти невообразимые масштабы и преобразить в нечто, что мы можем понять за две секунды?

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

Не экономьте на визуальных подсказках

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

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

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

Больше инфографики

Хотите еще больше инфографики? Ознакомьтесь с приведенными ниже ссылками на потрясающие ее образцы:

Заключение

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

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

Ориганал статьи

Перевод подготовлен: CMSmagazine

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *