SlideShare una empresa de 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 Разные способы

Más contenido relacionado

Destacado

Social media mc cann 2010
Social media mc cann 2010Social media mc cann 2010
Social media mc cann 2010
Javier Ruiz
 
Ltr_Telstra_DStratton
Ltr_Telstra_DStrattonLtr_Telstra_DStratton
Ltr_Telstra_DStratton
Helder Santos
 
Level 3 First aid at Work
Level 3 First aid at WorkLevel 3 First aid at Work
Level 3 First aid at Work
Joe Edwards
 
Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335Gutell 074.jmb.2000.304.0335
Gutell 074.jmb.2000.304.0335
Robin 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 article
Kieran Dolan
 
ใบงานสำรวจตนเอง
ใบงานสำรวจตนเองใบงานสำรวจตนเอง
ใบงานสำรวจตนเอง
Thanwarat Twrp
 
Fotos Turismo Atoyac
Fotos Turismo AtoyacFotos Turismo Atoyac
Fotos Turismo Atoyac
felyfeo
 
CV_Mohammad Golam Sarowar _Civil Engineer
CV_Mohammad Golam Sarowar  _Civil EngineerCV_Mohammad Golam Sarowar  _Civil Engineer
CV_Mohammad Golam Sarowar _Civil Engineer
Mohammad Sarowar
 

Destacado (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 году
 

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

Про инфографику
Про инфографикуПро инфографику
Про инфографику
Palmschool
 
Социальные сервисы The Best
Социальные сервисы The BestСоциальные сервисы The Best
Социальные сервисы The Best
Елена
 
Визуализация данных / Исследования
Визуализация данных / ИсследованияВизуализация данных / Исследования
Визуализация данных / Исследования
Service Design Experience
 
презентация1
презентация1презентация1
презентация1
alka101
 
Презентация: Визуализация информации
Презентация: Визуализация информацииПрезентация: Визуализация информации
Презентация: Визуализация информации
yuliya01101983
 

Similar 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.