Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

От автораПривет! Я Миранда Ренч, менеджер по продукту SEOmoz и поклонница визуальных коммуникаций. Визуальное представление информации – один из самых эффективных методов демонстрации сложных идей и связей. Это отличный способ рассказать о сервисе или продукте и
Автор: Миранда Ренч (Miranda Rensch)Оригинал: http://www.seomoz.org/blog/10-tools-for-creating-infographics-visualizations Перевод на CMSmagazine: http://www.cmsmagazine.ru/library/items/graphical_design/10-tools-for-creating-infographics-visualizations/10 инструментов для От автораПривет! Я Миранда Ренч, менеджер по продукту SEOmoz и поклонница визуальных Инструменты для простой инфографики  и визуализации данных 1. PiktochartPiktochart – это веб-инструмент, в котором есть шесть приятных бесплатных шаблонов http://app.piktochart.com/themes 2. Easel.lyДругой бесплатный онлайн-сервис для создания инфографики – Easel.ly. С ним не http://www.easel.ly/ 3. Infogr.amЕщё один бесплатный онлайн-инструмент – Infogr.am – обладает прекрасным интерфейсом для http://infogr.am/ 4. Visual.lyVisual.ly предлагает несколько простых, но достойных внимания бесплатных инструментов, многие из http://visual.ly/ 5. TableauВ этом приложении есть несколько бесплатных инструментов визуализации данных. Tableau не http://www.tableausoftware.com/public/how-it-works Хотите ещё больше функций для создания потрясающей инфографики?В Datavisualization.ch собрали отличный набор Приложения для создания  диаграмм и прототипов 6. OmniGraffleЭто десктопное приложение, которым я постоянно пользуюсь на работе. Инструмент обладает http://www.omnigroup.com/products/omnigraffle/ 7. BalsamiqЕще один инструмент для прототипирования, который отлично подходит для создания простых http://www.balsamiq.com/ 8. Создание видеоСерия роликов RSA (иллюстрации CognitiveMedia) – замечательный пример того, как 9. TimelineJSTimelineJS использует Google-таблицы со ссылками на YouTube, Flickr, Twitter, Sound Cloud http://timeline.verite.co/ 10. Present.meПриложение Present.me позволяет создавать презентации, в которых запись вашего выступления соседствует http://present.me/ Планирование и подготовка данных для инфографикиИтак, теперь вы знакомы со множеством интересных 1. Учитесь у другихЕсли вы не уверены, какой вид инфографики использовать, изучите 2. Разберитесь в назначении различных видов диаграммИзучение существующих видов диаграмм и их Пример 1. Юмор и социальная критика: интересные наблюдения о человеческой природе, Пример 2. Демонстрация взаимосвязей между элементами:  удельные доли, пропорции, отличия. Пример 3. Блок-схемы в виде последовательности вопросов и ответов:  сделайте варианты Пример 4. Временная шкала: покажите последовательность событий. 3. Продумайте будущую инфографикуПриступая к поиску идеи для будущей визуализации, можно опираться
Слайды презентации

Слайд 2 От автора
Привет! Я Миранда Ренч, менеджер по продукту

От автораПривет! Я Миранда Ренч, менеджер по продукту SEOmoz и поклонница

SEOmoz и поклонница визуальных коммуникаций. Визуальное представление информации –

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

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

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

Слайд 4 1. Piktochart
Piktochart – это веб-инструмент, в котором есть

1. PiktochartPiktochart – это веб-инструмент, в котором есть шесть приятных бесплатных

шесть приятных бесплатных шаблонов (в платной версии их намного

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

Слайд 5 http://app.piktochart.com/themes

http://app.piktochart.com/themes

Слайд 6 2. Easel.ly
Другой бесплатный онлайн-сервис для создания инфографики –

2. Easel.lyДругой бесплатный онлайн-сервис для создания инфографики – Easel.ly. С ним

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

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


Слайд 7 http://www.easel.ly/

http://www.easel.ly/

Слайд 8 3. Infogr.am
Ещё один бесплатный онлайн-инструмент – Infogr.am –

3. Infogr.amЕщё один бесплатный онлайн-инструмент – Infogr.am – обладает прекрасным интерфейсом

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

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

Слайд 9 http://infogr.am/

http://infogr.am/

Слайд 10 4. Visual.ly
Visual.ly предлагает несколько простых, но достойных внимания

4. Visual.lyVisual.ly предлагает несколько простых, но достойных внимания бесплатных инструментов, многие

бесплатных инструментов, многие из которых интегрируются с социальными сетями

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

Слайд 11 http://visual.ly/

http://visual.ly/

Слайд 12 5. Tableau
В этом приложении есть несколько бесплатных инструментов

5. TableauВ этом приложении есть несколько бесплатных инструментов визуализации данных. Tableau

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

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

Слайд 13 http://www.tableausoftware.com/public/how-it-works

http://www.tableausoftware.com/public/how-it-works

Слайд 14 Хотите ещё больше функций для создания
потрясающей инфографики?
В

Хотите ещё больше функций для создания потрясающей инфографики?В Datavisualization.ch собрали отличный

Datavisualization.ch собрали отличный набор пакетов, библиотек и фреймворков для

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

Слайд 15 Приложения для создания диаграмм и прототипов

Приложения для создания диаграмм и прототипов

Слайд 16 6. OmniGraffle
Это десктопное приложение, которым я постоянно пользуюсь

6. OmniGraffleЭто десктопное приложение, которым я постоянно пользуюсь на работе. Инструмент

на работе. Инструмент обладает интуитивным интерфейсом и очень эффективен

для создания прототипов интерфейсов. Его возможности по модифицированию и стилизации объектов позволяют создавать поистине уникальную инфографику (однако есть некоторые проблемы с визуализацией реальных данных).
Существует масса загружаемых шаблонов, которые упрощают построение схем мобильных и веб-интерфейсов, архитектуры сайтов и даже планировки жилых или офисных помещений.
У приложения есть свои недостатки: это не самое дешевое программное обеспечение – стандартная версия обойдется в 99 долларов, профессиональная – в 199 долларов, при этом оно работает только на Mac.

Слайд 17 http://www.omnigroup.com/products/omnigraffle/

http://www.omnigroup.com/products/omnigraffle/

Слайд 18 7. Balsamiq
Еще один инструмент для прототипирования, который отлично

7. BalsamiqЕще один инструмент для прототипирования, который отлично подходит для создания

подходит для создания простых схем сайтов и мобильных интерфейсов.


Версия для PC стоит 79 долларов, однако есть бесплатная демо-версия для работы онлайн, которой вполне достаточно для набрасывания эскизов.

Слайд 19 http://www.balsamiq.com/

http://www.balsamiq.com/

Слайд 20 8. Создание видео
Серия роликов RSA (иллюстрации CognitiveMedia) –

8. Создание видеоСерия роликов RSA (иллюстрации CognitiveMedia) – замечательный пример того,

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

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

Слайд 21 9. TimelineJS
TimelineJS использует Google-таблицы со ссылками на YouTube,

9. TimelineJSTimelineJS использует Google-таблицы со ссылками на YouTube, Flickr, Twitter, Sound

Flickr, Twitter, Sound Cloud и другие медиа-ресурсы для создания

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

Слайд 22 http://timeline.verite.co/

http://timeline.verite.co/

Слайд 23 10. Present.me
Приложение Present.me позволяет создавать презентации, в которых

10. Present.meПриложение Present.me позволяет создавать презентации, в которых запись вашего выступления

запись вашего выступления соседствует со слайдами.
Это хорошее решение

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

Слайд 24 http://present.me/

http://present.me/

Слайд 25 Планирование и подготовка данных для инфографики
Итак, теперь вы

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

знакомы со множеством интересных инструментов, однако прежде чем окунуться

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

Слайд 26 1. Учитесь у других
Если вы не уверены, какой

1. Учитесь у другихЕсли вы не уверены, какой вид инфографики использовать,

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

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

Слайд 27 2. Разберитесь в назначении различных видов диаграмм
Изучение существующих

2. Разберитесь в назначении различных видов диаграммИзучение существующих видов диаграмм и

видов диаграмм и их назначения очень полезно. Программа Many

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

Слайд 28 Пример 1. Юмор и социальная критика: интересные наблюдения

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

о человеческой природе, обзор вин, шкала доврия к бородам

разных форм и т.д.

Слайд 29 Пример 2. Демонстрация взаимосвязей между элементами: удельные доли,

Пример 2. Демонстрация взаимосвязей между элементами: удельные доли, пропорции, отличия.

пропорции, отличия.


Слайд 30 Пример 3. Блок-схемы в виде последовательности вопросов и

Пример 3. Блок-схемы в виде последовательности вопросов и ответов: сделайте варианты

ответов: сделайте варианты ответа и направления движения чёткими.


Слайд 31 Пример 4. Временная шкала: покажите последовательность событий.

Пример 4. Временная шкала: покажите последовательность событий.

  • Имя файла: instrumenty-dlya-sozdaniya-infografiki-i-vizualizatsii-dannyh.pptx
  • Количество просмотров: 172
  • Количество скачиваний: 0