Ответ
10 инструментов для создания инфографики Опции темы
Старый 07.02.2013, 22:10
  #1
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

10 инструментов для создания инфографики
10 инструментов для создания инфографики и визуализации данных

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

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

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

1. Piktochart

Piktochart - это онлайновый инструмент с шестью приличными бесплатными темами (и целой кучей платных) для созданий простых визуализаций. Вы можете перетаскивать различные фигуры и изображения, есть определённая свобода настройки. Кроме этого, можно добавлять простые линейные графики, гистограммы и круговые диаграммы на основе данных из CSV (или введенных вручную). Результат позволено экспортировать в PNG и JPG, в различном качестве. При использовании бесплатной версии, в каждый скачанный PNG/JPG файл добавляется небольшой водяной знак Piktochart.





2. Easel.ly

Easel.ly - ещё один онлайновый инструмент для создания инфографики. Здесь нельзя создавать графики на основе реальных данных, но он отлично подходит для концептуальной визуализации и передачи информации. У него очень приятный и удобный интерфейс, а темы, с которых вам предлагают начать, просто великолепны. Темы поддерживают множество типов данных: карты, блок-схемы и графики сравнения. Этот инструмент снабжен самым обширным и качественным набором объектов (люди, иконки, пейзажи, животные и так далее) и фонов из всех в этом списке. Вдобавок, бесплатная версия позволяет вам загрузить собственные изображения. Результат экспериментов доступен в формате JPG. Инструмент пока ещё находится в бета-версии, но у меня все работало без проблем.





3. Infogr.am

Infogr.am - очередной бесплатный онлайновый инструмент для создания инфографики с набором красивых тем и хорошим интерфейсом. Он позволяет строить графики на основе реальных данных. Доступен 31 вариант различных графиков, часть из которых выглядит очень круто. Например, радиальные гистограммы, точечные диаграммы и пузырьковые графики. Так же можно добавлять свои изображения и видеоролики. Когда вы закончили инфографику, можете опубликовать её на infogra.am и вставить себе на сайт (способа скачать результат я не обнаружила). Это приложение так же проходит бета-тестирование, но показалось мне вполне законченным.














4. Visual.ly

У Visual.ly (авторы инструментов для визуализации очень любят домен .ly) есть несколько простых бесплатных инструментов, достойных упоминания. Большая часть из них построена на анализе данных из социальных сетей, в частности, Twitter и Facebook. Можно строить интересные диаграммы Венна, устраивать битвы аккаунтов Twitter и визуально анализировать хэштеги. Однако, нет почти никаких настроек. Впрочем, они предлагают доступ к площадке, где вы можете связаться с дизайнерами, специализирующимися на инфографике. На самом сайте представлено огромное количество графиков, которые можно использовать в качестве источника вдохновения. Встречаются настоящие шедевры.





5. Tableau

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





[Бонус!] Ищете более сложные инструменты визуализации данных?

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





Инструменты для построения диаграмм и прототипирования

6. OmniGraffle

Десктопное приложение, которым я постоянно пользуюсь на работе. Благодаря интуитивному интерфейсу, эта программа хорошо подходит для детального прототипирования. Вы можете полностью изменять вид объектов и создавать именно такую инфографику, какую хотите (тем не менее, визуализировать реальные данные довольно сложно). На официальном сайте доступно множество бесплатных шаблонов, которые превращают прототипирование мобильных и веб-интерфейсов, построение архитектурных диаграмм и даже составление макетов зданий в тривиальные задачи. Не обошлось и без минусов. Это не самый дешёвый инструмент: за обычную версию вам придётся заплатить 99$, а за профессиональную - 199$. Кроме этого, программа доступна только для Mac.





7. Balsamiq

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





Другие инструменты визуальной коммуникации

8. Снимите видео

Серия анимированных роликов The RSA (иллюстрации от CognitiveMedia) - это хороший пример того, как словесное объяснение чего-либо дополняется визуальными образами. Можете нанять иллюстратора и сделать что-то в таком роде, или самостоятельно рисовать на доске, объясняя какую-то концепцию (такой подход отлично работает на внутренних собраниях; в следующий раз попробуйте объяснить что-либо таким образом и посмотрите на результат). Если вы наймете профессионального художника, дайте ему сценарий с пометками того, какие моменты должны сопровождаться рисунками, но оставьте ему немного свободы для выражения своих идей.





9. TimelineJS

TimelineJS использует таблицы Google со ссылками на YouTube, Flickr, Twitter, Sound Cloud и другие источники для формирования красивых хронологических лент. Этот инструмент можно использовать для создания интерактивной истории своей компании, компании клиента или целой отрасли.





10. Present.me

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





Планирование инфографики

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

1. Учитесь у других

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

Visual.ly - огромное количество вдохновляющей инфографики для вас и ваших дизайнеров.
Informationisbeautiful.net - множество интересных примеров визуализации данных.
Datavisualization.ch - набор интерактивных данных и информационных графиков.

2. Разберитесь в вариантах графиков и темах

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

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

Юмор и социальные комментарии: Делайте наблюдения о человечестве, вине, бородах и так далее.





Связь отношений: Показывайте плотность, пропорции и различия.





Схемы выбора решения: Уточняйте варианты и пути.





Хронологические ленты: Показывайте последовательность событий.





3. Планируйте вашу визуализацию

Вот несколько шагов, которые помогут вам спланировать свою визуализацию:

• Определите требуемый результат. Что аудитория должна узнать из вашей визуализации? Вы хотите, чтобы они что-то сделали? Или как-то себя почувствовали (например, удивлёнными или довольными)?

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

• Посмотрите, как делают другие люди (выше я дала список сайтов для вдохновения). Добавьте понравившиеся идеи к собственному списку.

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

• Постройте график при помощи одного из вышеперечисленных инструментов или наймите того, кто вам поможет. Дизайнеров, занимающихся инфографикой можно найти на следующих ресурсах: Freelancer, 99 designs, Designcrowd, Elance, Odesk, Nowsourcing, Columnfive, Infog8 и Mikewirthart.

• Начинайте её рекламировать! Джастин Бриггс недавно написал статью об интересной стратегии продвижения инфографики.

Удачи, визуализаторы! Если вы знаете другие способы визуальной коммуникации в сети или реальной жизни, расскажите о них!

Источник
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 07.02.2013, 22:18
  #2
Admin
 
Аватар для Admin
Регистрация: 19.03.2011
Сообщений: 917

ВЕЩЬ! Плюсую
 
Ответить с цитированием
Старый 07.02.2013, 22:31
  #3
0pium
 
Аватар для 0pium
Регистрация: 04.01.2012
Сообщений: 600

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

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматизация создания скринов и заливка их на ФО creativius Файлообмен 13 14.05.2013 17:08
Сервис создания и наполнения сайтов alex.sakov Статьи 0 02.08.2012 22:12
Создаем сайт: от создания, до монетизации. 0pium Статьи 29 27.06.2012 18:53
Распродажа инструментов для постинга Freddy Рынок 2 02.06.2012 14:08

Метки
визуализация данных, инструменты визуализации, инфографика, интерактивный контент, прототипирование, построение диаграмм


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 17:07. Часовой пояс GMT +3.