SlideShare une entreprise Scribd logo
1  sur  58
Télécharger pour lire hors ligne
СМОТРИТЕ
ОБАВ
НЕТ:
Названий
Имен
Характеристик
Стоимости
ПОНИМАЕМ:
Быстро
Эффектно
Стильно
Ярко
Круто
Громко
Догорого
ПОЧЕМУ?
Зрение является главным каналом восприятия
То, что воспринимают наши глаза, является только частью общего процесса.
Изображения, поступающие в мозг, изменяются и интерпретируются.
Можно с полным основанием сказать, что
МОЗГ «ВИДИТ»
Что, какая, зачем и как?
ИНФОГРАФИКА
Infographic
Info graphic
Info graphic+
Info graphic+
Info graphic
Info graphicby
+
это графический способ подачи информации,
данных и знаний, целью которого является быстро
и чётко преподносить сложную информацию.
ИНФОГРАФИКА -
показывает скрытое, объясняет запутанное
и адаптирует непонятное.
ИНФОГРАФИКА
История инфографики
Первый пример
инфографики
в СМИ
USA TODAY, 1982г.
История инфографики
Карта
заболевания
холерой
Джон Сноу, 1854г.
История инфографики
Коммерческий
и политический
атлас
Уильям Плейфэр, 1786г.
История инфографики
В смом широком смысле
НАХРЕНА ЕЙ
ПОЛЬЗОВАТЬСЯ?
80%
Зрение
11% Слух
3%Обоняние
2%Осязание
Объем информации, поступающий через органы чувств
Механизм восприятия мозгом изображений и текста
Красивая красная машина мчится по
шоссе, пересекая двойную сплошную
Именно настолько увеличивается
число просмотов контента
с преобладающей визуальной
составляющей.
Визуальный контент в 40 раз
чаще расшаривается
в социальных сетях.
Изображения в интернете
94%
х40
Человек мыслит образами. Образы имеют визуальную форму.
Информация, представленная визуально, воспринимается быстрее
и вызывает повышенное внимание.
Информация, представленная визуально, легче воспринимается,
поскольку составляет комплекс готовых образов.
Изображения в интернете. Основные тезисы
ВИДЫ
ИНФОГРАФИКИ
По формату По способу
Статическая
Динамическая
Интерактивная
Сравнение
Развитие, тенденция
Доля
Пространство
Алгоритм
Устройство
Виды инфографики по формату представления
Статическая
Виды инфографики по формату представления
Динамическая
Виды инфографики по формату представления
Интерактивная
Виды инфографики по способу представления
Сравнение
Виды инфографики по способу представления
Развитие, тенденция
Виды инфографики по способу представления
Определение доли
Виды инфографики по способу представления
Пространственное
представление
Виды инфографики по способу представления
Алгоритм
Виды инфографики по способу представления
Внутреннее устройство
КТО
КРАЙНИЙ?
Аналитик
Собирает информацию, потом анализирует и обрабатывает её, приводит
к одному знаменателю - обычно это неоформленные графики, гистограммы
Аналитик
Собирает информацию, потом анализирует и обрабатывает её, приводит
к одному знаменателю - обычно это неоформленные графики, гистограммы
Журналист
Пишет тексты, придумывает конву
Аналитик
Собирает информацию, потом анализирует и обрабатывает её, приводит
к одному знаменателю - обычно это неоформленные графики, гистограммы
Журналист
Пишет тексты, придумывает конву
Дизайнер
Компанует полученный материал, наводит марафет
Аналитик
Собирает информацию, потом анализирует и обрабатывает её, приводит
к одному знаменателю - обычно это неоформленные графики, гистограммы
Журналист
Пишет тексты, придумывает конву
Дизайнер
Компанует полученный материал, наводит марафет
Программист
Работает над интерфейсом и динамическими элементами
КАК
СДЕЛАТЬ?
5 шагов
Ни одна инфографика, даже с самым красивым дизайном и идеально
подобранными цветами не сможет заинтересовать без соответствующего
текстового наполнения.
Не важно, какой тип инфографики вы собираетесь создать, текстовый
контент всегда будет на первом месте.
1. Сбор информации
Качественная инфографика это не просто набор картинок и текста:
это изложение своей точки зрения. Так что, нужнопораскинуть мозгами
и подумать как превратить факты в историю.
Да, и нужно не забыть придумать запоминающееся,
интригующее название.
2. Создаем историю
Советы — рассказ о том, как
поступить в том или ином случае.
Рассчитаны на определенную
категорию читателей, отличаются тем,
что со временем не устаревают.
2. Создаем историю
Факты, которые вы не знали —
инфографика представляет новые
или малоизвестные факты в интересном
свете. Можно также комбинировать
известные факты и представить
их по-новому.
2. Создаем историю
Новости/тренды —
могут включать: биографию
или факты из жизни звезд,
научные новинки,
фестивали, войны и т.д.
2. Создаем историю
Сравнение —
в основном, используются для
выделения преимущества
одного продукта над другим.
2. Создаем историю
Вдохновение
infographicsmag.ru
infografics.ru
infogra.ru
mercator.ru
ria.ru/infografika
lenta.ru/parts/infographics
visual.ly
good.is
5coins.ru
infographer.ru
informationisbeautiful.net
datavisualization.ch
2. Создаем историю
В сети информацию представляют поэтапно – по частям. Степень
детализации в эскизах или раскадровке зависит от глубины
проработки темы.
Эскизы используются в печатной инфографике, а раскадровка
в интернет-инфографике.
3. Эскизы/раскадровка
Основной объект в печатных СМИ – это центральное изображение.
Оно должно привлекать внимание читателя.
В интернет-проекте позиция того или иного аргумента зависит
не от размера элемента, а от его положения в цепи логических
представлений, так как порядок представления информации следует
по принципам цифровой презентациию.
4. Основной и второстепенные
объекты
Для печатных СМИ на данном этапе дизайнер сглаживает все элементы
на один «слой» и начинает создавать из них информационную
композицию, размещая текст.
Дизайнер веб-инфографики собирает все воедино,
анимирует элементы, накладывает текст или звук, при необходимости.
5. Макетирование
infogr.am
piktochart.com
visual.ly
easel.ly
gliffy.com
pixlr.com
wordle.net
dipity.com
5. Макетирование
ЭПИЛОГ
ПАРА
ТЕЗИСОВ
Лаконичность подачи информации
Наглядность
Доступность
Особенности
Содержательность
Смысл
Легкость восприятия
Эмоции
Принципы
— И ВСЕ?
Инфографику создают сейчас все, кому не лень.
Инфографику
нужно продвигать
— НЕТ!
Но это история уже
другого автомобиля

Contenu connexe

En vedette

The Value of Visualization by @columnfive
The Value of Visualization by @columnfiveThe Value of Visualization by @columnfive
The Value of Visualization by @columnfiveColumn Five
 
brandbook icamp
brandbook icampbrandbook icamp
brandbook icampkaanow
 
Community structure in social and biological structures
Community structure in social and biological structuresCommunity structure in social and biological structures
Community structure in social and biological structuresMaxim Boiko Savenko
 
Buenos días[1] Lectura Comentada
Buenos días[1] Lectura ComentadaBuenos días[1] Lectura Comentada
Buenos días[1] Lectura ComentadaXoch Itl
 
Diplomatiki word
Diplomatiki wordDiplomatiki word
Diplomatiki wordXaris1985
 
NIZAM ENTERPRISE profile (1)
NIZAM ENTERPRISE profile (1)NIZAM ENTERPRISE profile (1)
NIZAM ENTERPRISE profile (1)hassand bindin
 
문화재와 문화유적 기말고사_자료
문화재와 문화유적 기말고사_자료문화재와 문화유적 기말고사_자료
문화재와 문화유적 기말고사_자료재웅 송
 
Museo olavide.historia medicina
Museo olavide.historia medicinaMuseo olavide.historia medicina
Museo olavide.historia medicinaLeo Barco
 
Personal loans
Personal loansPersonal loans
Personal loansmortalan2
 
Tes Keterampilan Berbicara (Speaking Skill Test)
Tes Keterampilan Berbicara (Speaking Skill Test)Tes Keterampilan Berbicara (Speaking Skill Test)
Tes Keterampilan Berbicara (Speaking Skill Test)Baren Barnabas
 
Social media presentation ian mckendrick
Social media presentation   ian mckendrickSocial media presentation   ian mckendrick
Social media presentation ian mckendrickCIM East of England
 
Social marketing patrick ladbury nsmc
Social marketing   patrick ladbury nsmcSocial marketing   patrick ladbury nsmc
Social marketing patrick ladbury nsmcCIM East of England
 
Step up your social game-Women of the Channel
Step up your social game-Women of the Channel Step up your social game-Women of the Channel
Step up your social game-Women of the Channel Jackie Funk
 
Biomedical engineering
Biomedical engineeringBiomedical engineering
Biomedical engineeringanderson-_-25
 

En vedette (20)

The Value of Visualization by @columnfive
The Value of Visualization by @columnfiveThe Value of Visualization by @columnfive
The Value of Visualization by @columnfive
 
brandbook icamp
brandbook icampbrandbook icamp
brandbook icamp
 
e learning
e learninge learning
e learning
 
Community structure in social and biological structures
Community structure in social and biological structuresCommunity structure in social and biological structures
Community structure in social and biological structures
 
Buenos días[1] Lectura Comentada
Buenos días[1] Lectura ComentadaBuenos días[1] Lectura Comentada
Buenos días[1] Lectura Comentada
 
Diplomatiki word
Diplomatiki wordDiplomatiki word
Diplomatiki word
 
NIZAM ENTERPRISE profile (1)
NIZAM ENTERPRISE profile (1)NIZAM ENTERPRISE profile (1)
NIZAM ENTERPRISE profile (1)
 
문화재와 문화유적 기말고사_자료
문화재와 문화유적 기말고사_자료문화재와 문화유적 기말고사_자료
문화재와 문화유적 기말고사_자료
 
Museo olavide.historia medicina
Museo olavide.historia medicinaMuseo olavide.historia medicina
Museo olavide.historia medicina
 
Personal loans
Personal loansPersonal loans
Personal loans
 
Population project
Population projectPopulation project
Population project
 
Empresa
EmpresaEmpresa
Empresa
 
Tes Keterampilan Berbicara (Speaking Skill Test)
Tes Keterampilan Berbicara (Speaking Skill Test)Tes Keterampilan Berbicara (Speaking Skill Test)
Tes Keterampilan Berbicara (Speaking Skill Test)
 
Social media presentation ian mckendrick
Social media presentation   ian mckendrickSocial media presentation   ian mckendrick
Social media presentation ian mckendrick
 
Forest Management Operational Plan for community forests in 4 pages
Forest Management Operational Plan for community forests in 4 pages Forest Management Operational Plan for community forests in 4 pages
Forest Management Operational Plan for community forests in 4 pages
 
About Sestek
About SestekAbout Sestek
About Sestek
 
Social marketing patrick ladbury nsmc
Social marketing   patrick ladbury nsmcSocial marketing   patrick ladbury nsmc
Social marketing patrick ladbury nsmc
 
Bilboko jaiak
Bilboko jaiakBilboko jaiak
Bilboko jaiak
 
Step up your social game-Women of the Channel
Step up your social game-Women of the Channel Step up your social game-Women of the Channel
Step up your social game-Women of the Channel
 
Biomedical engineering
Biomedical engineeringBiomedical engineering
Biomedical engineering
 

Similaire à Смотрите в оба или немного об инфографике

Инфографика. Краткая вводная
Инфографика. Краткая вводнаяИнфографика. Краткая вводная
Инфографика. Краткая вводнаяFreshle Community
 
РИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаРИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаТарасов Константин
 
Шаблоны Hub spot для социальных сетей
Шаблоны Hub spot для социальных сетейШаблоны Hub spot для социальных сетей
Шаблоны Hub spot для социальных сетейОксана Ходакова
 
Инфографика
ИнфографикаИнфографика
ИнфографикаGeorgy Menduev
 
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУКАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУPresentology club
 
инфографика
инфографикаинфографика
инфографикаIkarochka
 
How to teach social media #1
How to teach social media #1How to teach social media #1
How to teach social media #1Elizaveta Leonova
 
Презентация тренинга Пиар и эффективные коммуникации
Презентация тренинга Пиар и эффективные коммуникацииПрезентация тренинга Пиар и эффективные коммуникации
Презентация тренинга Пиар и эффективные коммуникацииFOCUS-MEDIA Foundation
 
"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
 
Илья Балахнин, Стратегические коммуникации
Илья Балахнин, Стратегические коммуникацииИлья Балахнин, Стратегические коммуникации
Илья Балахнин, Стратегические коммуникацииVitaliy Panov
 
Визуализация данных / Исследования
Визуализация данных / ИсследованияВизуализация данных / Исследования
Визуализация данных / ИсследованияService Design Experience
 
Что такое информация?
Что такое информация?Что такое информация?
Что такое информация?Metrika_group
 
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...prasu1995
 
Как Сделать Инфографику - Киев, Атмасфера 360
Как Сделать Инфографику - Киев, Атмасфера 360Как Сделать Инфографику - Киев, Атмасфера 360
Как Сделать Инфографику - Киев, Атмасфера 360Anna Vital
 
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest
 
Эффективные презентации: ч.1 - подготовка
Эффективные презентации: ч.1 - подготовкаЭффективные презентации: ч.1 - подготовка
Эффективные презентации: ч.1 - подготовкаDanil Maslov
 
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
 

Similaire à Смотрите в оба или немного об инфографике (20)

Инфографика. Краткая вводная
Инфографика. Краткая вводнаяИнфографика. Краткая вводная
Инфографика. Краткая вводная
 
РИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетингаРИФ 2016, Инфографика как инструмент контент-маркетинга
РИФ 2016, Инфографика как инструмент контент-маркетинга
 
Новый взгляд на визуализацию информации
Новый взгляд на визуализацию информацииНовый взгляд на визуализацию информации
Новый взгляд на визуализацию информации
 
Как сделать крутую инфографику?
Как сделать крутую инфографику?Как сделать крутую инфографику?
Как сделать крутую инфографику?
 
Шаблоны Hub spot для социальных сетей
Шаблоны Hub spot для социальных сетейШаблоны Hub spot для социальных сетей
Шаблоны Hub spot для социальных сетей
 
инфографика
инфографикаинфографика
инфографика
 
Инфографика
ИнфографикаИнфографика
Инфографика
 
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУКАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
КАК СДЕЛАТЬ ПРЕЗЕНТАЦИЮ К ДИПЛОМУ
 
инфографика
инфографикаинфографика
инфографика
 
How to teach social media #1
How to teach social media #1How to teach social media #1
How to teach social media #1
 
Презентация тренинга Пиар и эффективные коммуникации
Презентация тренинга Пиар и эффективные коммуникацииПрезентация тренинга Пиар и эффективные коммуникации
Презентация тренинга Пиар и эффективные коммуникации
 
"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
 
Илья Балахнин, Стратегические коммуникации
Илья Балахнин, Стратегические коммуникацииИлья Балахнин, Стратегические коммуникации
Илья Балахнин, Стратегические коммуникации
 
Визуализация данных / Исследования
Визуализация данных / ИсследованияВизуализация данных / Исследования
Визуализация данных / Исследования
 
Что такое информация?
Что такое информация?Что такое информация?
Что такое информация?
 
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...
Щуревич Е.Ю. Создание информационного повода, или как сотрудничать со СМИ бес...
 
Как Сделать Инфографику - Киев, Атмасфера 360
Как Сделать Инфографику - Киев, Атмасфера 360Как Сделать Инфографику - Киев, Атмасфера 360
Как Сделать Инфографику - Киев, Атмасфера 360
 
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
 
Эффективные презентации: ч.1 - подготовка
Эффективные презентации: ч.1 - подготовкаЭффективные презентации: ч.1 - подготовка
Эффективные презентации: ч.1 - подготовка
 
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
 

Смотрите в оба или немного об инфографике