SlideShare uma empresa Scribd logo
1 de 14
Создание инфографики Tools & tips Russia |  2011 Jane Smorodnikova  contact@freshle.com
Что такое инфографика? Создание инфографики, tools & tips Инфографика – это способ визуального представления данных и знаний, которые упрощает и ускоряет восприятие. Фактически, это один из популярных современных вариантов сделать доносимый мессадж вкусным, даже если он содержит сложные статистические данные. Принципы, положенные в основу инфографики, говорят о том, что визуальное представление информации всегда эффективней, чем текстовое, голосовое, табличное или даже совмещенное (слайдовое). Простой пример
Структура инфографики Создание инфографики, tools & tips Визуализация: - продумайте цветовое решение - создайте графическое представление - добавьте иконки для ссылок Содержимое: - обозначайте временные рамки - приводите статистику - давайте подтверждения Знания: - приводите факты - делайте выводы Структурирование: - для длинной инфографики (более листа) отдельно важно продумать структуру и поток движения внимания читателя. Структура инфографики
Цветовое решение Создание инфографики, tools & tips   Основная роль цветового решения – это удержание внимания читателя и направление его внимания по нужном руслу.   Продумать цветовые схемы лучше до того, как создавать саму инфографику   Для глубоких (длинных) инфографик цветовые схемы нужно использовать для разделения глав или разделов.   Количество используемых цветовых схем может варьироваться от 2 до 10ти в зависимости от объема инфографики. Подсказки по цветам
Исследования и цифры Создание инфографики, tools & tips Соотношение данных к графике – примерно 1 к 1му Все данные должны иметь подтверждение и быть основанными на фактах При выборе данных и способе презентации нужно обязательно учитывать целевую аудиторию инфографики Подсказки по данным
Передача знаний Создание инфографики, tools & tips   Наиболее важный контент должен быть в центре   Если инфографика горизонтальная, то слева начало, а справа – окончание. Если вертикальная, то сверху начало, а снизу окончание   При выборе цветовых схем проверяйте ассоциации (ex. солнечными цветами не обозначают депрессивные цифры)   Первый экран инфографики – должен быть сборным выводом, остальное – доказательства Фокусируйтесь на целевой аудитории Как передать знания
Типы инфографики Создание инфографики, tools & tips Статистическая инфографика Инфографика на линии времени Процесс-ориентированная инфографика Гео-ориентированная инфографика Типографика
Процесс создания Создание инфографики, tools & tips Определить цель. Это определяет данные, которые нужно собрать. Понять как преподнести. Свести данные, выбрать методы визуализации Проверить, понятно ли это на самом деле (показать кому-нибудь) Сделать несколько итераций, меняя цветовые решения, структуры, типографику, пока это не станет вкусно и просто. Что определяет дизайн?
Примеры инфографики Создание инфографики, tools & tips ,[object Object]
Стена
Комплексная визуализация
Чистая инфографика
Управление данными
Потоки данныхДругие ресурсы с примерами: Блога Эдварта Тафте - гуру инфографики Новостной блог об инфографике Коллекция 1, Коллекция 2, Коллекция 3, Коллекция 4, Коллекция 5 Коллекция инфографики и блог Blog c инфографикой истории Blog Data Visualization,Blog Graphics explained,Blog Simple Complexity Blog Well Formed Data, Blog Information Beautiful Фликр Группа 1, Фликр Группа 2, Фликр Группа 3 Разные способы

Mais conteúdo relacionado

Destaque

Social media mc cann 2010
Social media mc cann 2010Social media mc cann 2010
Social media mc cann 2010Javier Ruiz
 
Ltr_Telstra_DStratton
Ltr_Telstra_DStrattonLtr_Telstra_DStratton
Ltr_Telstra_DStrattonHelder Santos
 
Level 3 First aid at Work
Level 3 First aid at WorkLevel 3 First aid at Work
Level 3 First aid at WorkJoe Edwards
 
Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335Robin Gutell
 
Citco Industry Spotlight - Autumn 2014 DSA article
Citco Industry Spotlight - Autumn 2014 DSA articleCitco Industry Spotlight - Autumn 2014 DSA article
Citco Industry Spotlight - Autumn 2014 DSA articleKieran Dolan
 
ใบงานสำรวจตนเอง
ใบงานสำรวจตนเองใบงานสำรวจตนเอง
ใบงานสำรวจตนเองThanwarat Twrp
 
Documents for a grey card
Documents for a grey cardDocuments for a grey card
Documents for a grey cardlhill1983sept
 
Fotos Turismo Atoyac
Fotos Turismo AtoyacFotos Turismo Atoyac
Fotos Turismo Atoyacfelyfeo
 
слайды на все сто
слайды на все стослайды на все сто
слайды на все стоSashaKarepina
 
Буклет комании EBG
Буклет комании EBGБуклет комании EBG
Буклет комании EBGSashaKarepina
 
CV_Mohammad Golam Sarowar _Civil Engineer
CV_Mohammad Golam Sarowar  _Civil EngineerCV_Mohammad Golam Sarowar  _Civil Engineer
CV_Mohammad Golam Sarowar _Civil EngineerMohammad Sarowar
 
Каково быть CEO стартапа
Каково быть CEO стартапаКаково быть CEO стартапа
Каково быть CEO стартапаFreshle Community
 
Shavedoctor - примеры для презентации
Shavedoctor - примеры для презентацииShavedoctor - примеры для презентации
Shavedoctor - примеры для презентацииSashaKarepina
 
Тайм-менеджмент в интернете в 2017 году
Тайм-менеджмент в интернете в 2017 годуТайм-менеджмент в интернете в 2017 году
Тайм-менеджмент в интернете в 2017 годуYegor Golubev
 

Destaque (18)

IGSE 1 Text 1B pg 2
IGSE 1  Text 1B pg 2IGSE 1  Text 1B pg 2
IGSE 1 Text 1B pg 2
 
Social media mc cann 2010
Social media mc cann 2010Social media mc cann 2010
Social media mc cann 2010
 
Ltr_Telstra_DStratton
Ltr_Telstra_DStrattonLtr_Telstra_DStratton
Ltr_Telstra_DStratton
 
Compex EX11
Compex EX11Compex EX11
Compex EX11
 
IC Mark Hopkins Tour
IC Mark Hopkins TourIC Mark Hopkins Tour
IC Mark Hopkins Tour
 
Level 3 First aid at Work
Level 3 First aid at WorkLevel 3 First aid at Work
Level 3 First aid at Work
 
Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335
 
Citco Industry Spotlight - Autumn 2014 DSA article
Citco Industry Spotlight - Autumn 2014 DSA articleCitco Industry Spotlight - Autumn 2014 DSA article
Citco Industry Spotlight - Autumn 2014 DSA article
 
ใบงานสำรวจตนเอง
ใบงานสำรวจตนเองใบงานสำรวจตนเอง
ใบงานสำรวจตนเอง
 
Documents for a grey card
Documents for a grey cardDocuments for a grey card
Documents for a grey card
 
Fotos Turismo Atoyac
Fotos Turismo AtoyacFotos Turismo Atoyac
Fotos Turismo Atoyac
 
слайды на все сто
слайды на все стослайды на все сто
слайды на все сто
 
Буклет комании EBG
Буклет комании EBGБуклет комании EBG
Буклет комании EBG
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
CV_Mohammad Golam Sarowar _Civil Engineer
CV_Mohammad Golam Sarowar  _Civil EngineerCV_Mohammad Golam Sarowar  _Civil Engineer
CV_Mohammad Golam Sarowar _Civil Engineer
 
Каково быть CEO стартапа
Каково быть CEO стартапаКаково быть CEO стартапа
Каково быть CEO стартапа
 
Shavedoctor - примеры для презентации
Shavedoctor - примеры для презентацииShavedoctor - примеры для презентации
Shavedoctor - примеры для презентации
 
Тайм-менеджмент в интернете в 2017 году
Тайм-менеджмент в интернете в 2017 годуТайм-менеджмент в интернете в 2017 году
Тайм-менеджмент в интернете в 2017 году
 

Semelhante a Инфографика. Краткая вводная

Про инфографику
Про инфографикуПро инфографику
Про инфографикуPalmschool
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работыriabokon_a
 
Смотрите в оба или немного об инфографике
Смотрите в оба или немного об инфографикеСмотрите в оба или немного об инфографике
Смотрите в оба или немного об инфографикеkaanow
 
РИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаРИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаТарасов Константин
 
"Data Visualization in Europe" for Open Data School
"Data Visualization in Europe" for Open Data School"Data Visualization in Europe" for Open Data School
"Data Visualization in Europe" for Open Data SchoolIrina Radchenko
 
Visualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in MoscowVisualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in MoscowNatalia Karbasova
 
Социальные сервисы The Best
Социальные сервисы The BestСоциальные сервисы The Best
Социальные сервисы The BestЕлена
 
Инфографика
ИнфографикаИнфографика
ИнфографикаGeorgy Menduev
 
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУКАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУPresentology club
 
Визуализация данных / Исследования
Визуализация данных / ИсследованияВизуализация данных / Исследования
Визуализация данных / ИсследованияService Design Experience
 
последняя миля Bi проекта
последняя миля Bi проектапоследняя миля Bi проекта
последняя миля Bi проектаYuri Kudryavcev
 
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Andrew Sikorskiy
 
сервисы создания информационной графики
сервисы создания информационной графикисервисы создания информационной графики
сервисы создания информационной графикиOleg Khomenok
 
презентация1
презентация1презентация1
презентация1alka101
 
презентация Microsoft PowerPoint
презентация Microsoft PowerPointпрезентация Microsoft PowerPoint
презентация Microsoft PowerPointhelllena
 
Презентация: Визуализация информации
Презентация: Визуализация информацииПрезентация: Визуализация информации
Презентация: Визуализация информацииyuliya01101983
 

Semelhante a Инфографика. Краткая вводная (20)

Infofr
InfofrInfofr
Infofr
 
Инфографика
ИнфографикаИнфографика
Инфографика
 
Про инфографику
Про инфографикуПро инфографику
Про инфографику
 
Мои практические работы
Мои практические работыМои практические работы
Мои практические работы
 
Смотрите в оба или немного об инфографике
Смотрите в оба или немного об инфографикеСмотрите в оба или немного об инфографике
Смотрите в оба или немного об инфографике
 
РИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаРИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетинга
 
"Data Visualization in Europe" for Open Data School
"Data Visualization in Europe" for Open Data School"Data Visualization in Europe" for Open Data School
"Data Visualization in Europe" for Open Data School
 
Социальные сервисы: The Best
Социальные сервисы: The BestСоциальные сервисы: The Best
Социальные сервисы: The Best
 
Visualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in MoscowVisualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in Moscow
 
Социальные сервисы The Best
Социальные сервисы The BestСоциальные сервисы The Best
Социальные сервисы The Best
 
Инфографика
ИнфографикаИнфографика
Инфографика
 
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУКАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
 
Визуализация данных / Исследования
Визуализация данных / ИсследованияВизуализация данных / Исследования
Визуализация данных / Исследования
 
последняя миля Bi проекта
последняя миля Bi проектапоследняя миля Bi проекта
последняя миля Bi проекта
 
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
Новые требования к многоканальному/трансмедийному взаимодействию // Медиабрен...
 
сервисы создания информационной графики
сервисы создания информационной графикисервисы создания информационной графики
сервисы создания информационной графики
 
назаренко вебинар 20.07.2017
назаренко вебинар 20.07.2017назаренко вебинар 20.07.2017
назаренко вебинар 20.07.2017
 
презентация1
презентация1презентация1
презентация1
 
презентация Microsoft PowerPoint
презентация Microsoft PowerPointпрезентация Microsoft PowerPoint
презентация Microsoft PowerPoint
 
Презентация: Визуализация информации
Презентация: Визуализация информацииПрезентация: Визуализация информации
Презентация: Визуализация информации
 

Инфографика. Краткая вводная

  • 1. Создание инфографики Tools & tips Russia | 2011 Jane Smorodnikova contact@freshle.com
  • 2. Что такое инфографика? Создание инфографики, tools & tips Инфографика – это способ визуального представления данных и знаний, которые упрощает и ускоряет восприятие. Фактически, это один из популярных современных вариантов сделать доносимый мессадж вкусным, даже если он содержит сложные статистические данные. Принципы, положенные в основу инфографики, говорят о том, что визуальное представление информации всегда эффективней, чем текстовое, голосовое, табличное или даже совмещенное (слайдовое). Простой пример
  • 3. Структура инфографики Создание инфографики, tools & tips Визуализация: - продумайте цветовое решение - создайте графическое представление - добавьте иконки для ссылок Содержимое: - обозначайте временные рамки - приводите статистику - давайте подтверждения Знания: - приводите факты - делайте выводы Структурирование: - для длинной инфографики (более листа) отдельно важно продумать структуру и поток движения внимания читателя. Структура инфографики
  • 4. Цветовое решение Создание инфографики, tools & tips Основная роль цветового решения – это удержание внимания читателя и направление его внимания по нужном руслу. Продумать цветовые схемы лучше до того, как создавать саму инфографику Для глубоких (длинных) инфографик цветовые схемы нужно использовать для разделения глав или разделов. Количество используемых цветовых схем может варьироваться от 2 до 10ти в зависимости от объема инфографики. Подсказки по цветам
  • 5. Исследования и цифры Создание инфографики, tools & tips Соотношение данных к графике – примерно 1 к 1му Все данные должны иметь подтверждение и быть основанными на фактах При выборе данных и способе презентации нужно обязательно учитывать целевую аудиторию инфографики Подсказки по данным
  • 6. Передача знаний Создание инфографики, tools & tips Наиболее важный контент должен быть в центре Если инфографика горизонтальная, то слева начало, а справа – окончание. Если вертикальная, то сверху начало, а снизу окончание При выборе цветовых схем проверяйте ассоциации (ex. солнечными цветами не обозначают депрессивные цифры) Первый экран инфографики – должен быть сборным выводом, остальное – доказательства Фокусируйтесь на целевой аудитории Как передать знания
  • 7. Типы инфографики Создание инфографики, tools & tips Статистическая инфографика Инфографика на линии времени Процесс-ориентированная инфографика Гео-ориентированная инфографика Типографика
  • 8. Процесс создания Создание инфографики, tools & tips Определить цель. Это определяет данные, которые нужно собрать. Понять как преподнести. Свести данные, выбрать методы визуализации Проверить, понятно ли это на самом деле (показать кому-нибудь) Сделать несколько итераций, меняя цветовые решения, структуры, типографику, пока это не станет вкусно и просто. Что определяет дизайн?
  • 9.
  • 14. Потоки данныхДругие ресурсы с примерами: Блога Эдварта Тафте - гуру инфографики Новостной блог об инфографике Коллекция 1, Коллекция 2, Коллекция 3, Коллекция 4, Коллекция 5 Коллекция инфографики и блог Blog c инфографикой истории Blog Data Visualization,Blog Graphics explained,Blog Simple Complexity Blog Well Formed Data, Blog Information Beautiful Фликр Группа 1, Фликр Группа 2, Фликр Группа 3 Разные способы
  • 15.
  • 16. Hohli - cервис построения графиков
  • 17. Инструменты визуализации от Google (любые данные)
  • 18. StatPlanet – инструмент визуализации с картами и диаграммами
  • 19. 32 бесплатных сервиса для построения диаграмм и схем
  • 21. Simile - Виджеты для представления на сайтах
  • 22. Many Eyes от IBM – инструмент визуализации
  • 23.
  • 27.
  • 28.
  • 30. Дополнительные материалы Создание инфографики, tools & tips Руководство по созданию эффективных презентаций. Полное руководство по обработке данных Сложные истории – цифрами, статья Манифест визуализации Книга Slideology Курс инфографики Книга «Язык Диаграмм»
  • 31.
  • 35. Economic Data freely available online
  • 39. Каталог ресурсов статистики от Оклендского университета
  • 40. Mlibrary – большая коллекция статистики
  • 42. Большая вики коллекция статистических ресурсов
  • 43. Список статистических баз Дублинского университета
  • 44.