SlideShare a Scribd company logo
1 of 34
История и опыт
создания инфографики
Ирина Маркова
ВСЕ НАЧАЛОСЬ С…
ВСЕ НАЧАЛОСЬ С ИДЕИ


                                         Изображение
     Быстро
                                      настолько же важно,
    подводит
                                           как и сама
    к нужному
                                          информация
     выводу

                                              Комбинация
   Рассказывает                              изображения
 сложные истории                           и текста создает
с помощью простых                          сложный контекст
   изображений
                    Текст воспринимается
                      последовательно,
                        изображение -
                       одномоментно
ДРЕВНЕЙШИЕ ИЗОБРАЖЕНИЯ
40 800 лет
  пещера Эль-Кастильо
                             Важно:
                         замещение идеи
                          изображением



                                35 600 лет
                                  Пещера Альтамира
СОВРЕМЕННОЕ ПРОЧТЕНИЕ
ДО 17 ВЕКА


                                             Ранние карты
                                             и диаграммы




График перемещения звездных тел: движение планет в 2D
17 ВЕК: ФИКСАЦИЯ ДАННЫХ


       Время,
     расстояние,
    пространство




           Пятна на солнце.
           Наблюдение - 1 мес.
18 ВЕК: ТЕМАТИЧЕСКИЕ КАРТЫ
   В моде тематические карты
   геологических разломов,
   экономические выкладки,
   медицинские иллюстрации



   «График всей истории» (1753)
   в хронографической машине,
   Jacques Barbeu-Dubourg



   Первый таймлайн (1765),
     Joseph Priestley
18 ВЕК: ТЕМАТИЧЕСКИЕ КАРТЫ

              Joseph Priestley

           «А just image of the rise,
           progress, extent, duration, and
           contemporary state
           of all the considerable empires
           that have ever existed in the
           world»




          «График истории» (1765)

          Биографии 2 тысяч
           знаменитых людей
18 ВЕК: СТОЛБЧАТЫЕ И ЛИНЕЙНЫЕ ДИАГРАММЫ

График 1821 г. Сравнение «недельной выручки
хорошего механика» и                          William Playfair
  «стоимости кварты пшеницы»
18 ВЕК: КРУГОВАЯ ДИАГРАММА

                                      William Playfair


«Statistical Breviary», 1801 г.
19 ВЕК:ИСПОЛЬЗОВАНИЕ НЕСКОЛЬКИХ ПОКАЗАТЕЛЕЙ
   Charles Joseph Minard

Поражение армии Наполеона во время русской кампании (1869 г.)




                                                    Аналог диаграммы Мэтью Сэнкея
19 ВЕК: ИСПОЛЬЗОВАНИЕ НЕСКОЛЬКИХ ПОКАЗАТЕЛЕЙ
Charles Joseph Minard
19 ВЕК: ИСПОЛЬЗОВАНИЕ НЕСКОЛЬКИХ ПОКАЗАТЕЛЕЙ
Charles Joseph Minard




                                          John Snow




                          Карта выявленных источников
                          чумы в Лондоне во время
                          эпидемии (1854)
19 ВЕК: КРУГОВАЯ ДИАГРАММА. + ПЛОЩАДЬ




                                Florence
                                Nightingale




               Смертность британских солдат
               во время Крымской войны (1858)
19 ВЕК: ПОЛЕТ ФАНТАЗИИ




             Florence
             Nightingale
19 ВЕК: ПОЛЕТ ФАНТАЗИИ
20 ВЕК: ИНДУСТРИЯ



Скачать – здесь:
http://bit.ly/z8koD




              «Graphic Presentation»
               (1939), Willard Cope
              Brinton
НАЧ. 20 ВЕКА: ПОПЫТКА УПРОЩЕНИЯ




             Otto Neurath
НАЧ. 20 ВЕКА: ПОПЫТКА УПРОЩЕНИЯ




                       John Beck




                        Карта метро Лондона
                      (1931)
1982 г.: ПЕРВОЕ «ПОСТ-ТВ ИЗДАНИЕ» – USA TODAY




                            “Never, ever, ever draw what
                            isn’t there or draw something
                            if you don’t know exactly
                            what it looks like”




                                          George Rorick
ВИЗУАЛЬНАЯ ЖУРНАЛИСТИКА

Charles Blow (NY Times)             “When I have a story that’s
http://blow.blogs.nytimes.com/      really compelling, but there’s
                                    no visual merit, I just pass it”
SVENSKA DAGBLADET


ВИЗУАЛЬНАЯ ЖУРНАЛИСТИКА
SVENSKA DAGBLADET


ВИЗУАЛЬНАЯ ЖУРНАЛИСТИКА
ВИЗУАЛЬНАЯ ЖУРНАЛИСТИКА
      SVENSKA DAGBLADET
20-21 ВЕКА: МАРКЕТИНГ И РЕКЛАМА



         Мозг уделяет повышенное
            внимание новому
               и необычному



                 ПРОНИКНОВЕНИЕ
                  ЗНАНИЕ БРЕНДА

     ВЛИЯНИЕ НА ИНТЕРПРЕТАЦИЮ

              ЛИДЕРСТВО МНЕНИЙ

                     ОБОБЩЕНИЕ
                     ВОВЛЕЧЕНИЕ
ВИЗУАЛИЗАЦИЯ ДЛЯ ЖУРНАЛИСТОВ
http://www.slideshare.net/Irinnka/visualisation-for-journalists-irina-markova
http://www.ismittromneythepresident.com/   ВИЗУАЛЬНАЯ ЖУРНАЛИСТИКА
Институт города - http://city-institute.org   УКРАИНСКИЕ РЕАЛИИ
УКРАИНСКИЕ РЕАЛИИ
Оцените:   - концепцию и цель
           - привлекательность
           - ясность темы
           - наличие timeline
           - наличие истории
           - целостность
           - эффектность дизайна
           - выбор масштаба
           - учет ЦА
           - подбор фактов
           - что говорят цифры
           - эмоциональность
           цвета
           - визуализацию
           - упрощение
           - наличие диаграмм
           - надежность
           информации
КАК УЛУЧШИТЬ РАБОТУ НАД СОЗДАНИЕМ
                                                    ИНФОГРАФИКИ
-   Определить целевую аудиторию
-   Определить тему
-   Провести сбор информации/данных (с излишком)
-   Упростить и обобщить данные
-   Подумать над историей и аспектом
-   Добавить контекст и многогранность
-   Определить подходящий тип инфографики
-   Определить общую идею (которая сама по себе
    больше, чем сумма всех частей)
-   Выбрать медиа (статика, динамика, интерактив)
-   Составить карту (бриф):
       - цель
       - стиль
       - язык
       - цвет
       - типографику
       - желаемое общее впечатление
http://vimeo.com/24302498   КАК ОСТАВАТЬСЯ КРЕАТИВНЫМИ
СПАСИБО
ЗА ВНИМАНИЕ!

More Related Content

Viewers also liked

Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...
Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...
Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...Albert Yefimov
 
Основные принципы графического дизайна - Надя Кельм
Основные принципы графического дизайна - Надя КельмОсновные принципы графического дизайна - Надя Кельм
Основные принципы графического дизайна - Надя КельмInternews Ukraine
 
Сервис infogr.am, или Создание интерактивной инфографики
Сервис infogr.am, или Создание интерактивной инфографикиСервис infogr.am, или Создание интерактивной инфографики
Сервис infogr.am, или Создание интерактивной инфографикиОльга Булгакова
 
Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Andrew Sikorskiy
 
Основы инфографики для медиа
Основы инфографики для медиаОсновы инфографики для медиа
Основы инфографики для медиаAnna Sukhachyova
 
Транспортно-логистические и промышленные перспективы освоения Арктического ше...
Транспортно-логистические и промышленные перспективы освоения Арктического ше...Транспортно-логистические и промышленные перспективы освоения Арктического ше...
Транспортно-логистические и промышленные перспективы освоения Арктического ше...Russian Council
 
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"Ирина Рейдер, Uber:"Новые технологии и развитие умного города"
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"web2win
 
Презентация Uber Business Model Canvas
Презентация Uber Business Model CanvasПрезентация Uber Business Model Canvas
Презентация Uber Business Model CanvasRoman Podenezhney
 

Viewers also liked (10)

Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...
Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...
Тренды Информационных Технологий. Лекция А. Ефимова для Зимней Школы Открытог...
 
Основные принципы графического дизайна - Надя Кельм
Основные принципы графического дизайна - Надя КельмОсновные принципы графического дизайна - Надя Кельм
Основные принципы графического дизайна - Надя Кельм
 
Сервис infogr.am, или Создание интерактивной инфографики
Сервис infogr.am, или Создание интерактивной инфографикиСервис infogr.am, или Создание интерактивной инфографики
Сервис infogr.am, или Создание интерактивной инфографики
 
Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015Про человеческое в науке и технике // Территория смыслов'2015
Про человеческое в науке и технике // Территория смыслов'2015
 
Основы инфографики для медиа
Основы инфографики для медиаОсновы инфографики для медиа
Основы инфографики для медиа
 
Транспортно-логистические и промышленные перспективы освоения Арктического ше...
Транспортно-логистические и промышленные перспективы освоения Арктического ше...Транспортно-логистические и промышленные перспективы освоения Арктического ше...
Транспортно-логистические и промышленные перспективы освоения Арктического ше...
 
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"Ирина Рейдер, Uber:"Новые технологии и развитие умного города"
Ирина Рейдер, Uber:"Новые технологии и развитие умного города"
 
Новый взгляд на визуализацию информации
Новый взгляд на визуализацию информацииНовый взгляд на визуализацию информации
Новый взгляд на визуализацию информации
 
Презентация Uber Business Model Canvas
Презентация Uber Business Model CanvasПрезентация Uber Business Model Canvas
Презентация Uber Business Model Canvas
 
Infographic
InfographicInfographic
Infographic
 

Similar to Опыт и история создания инфографики - Ирина Маркова

Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...
Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...
Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...Anastasia Simonova
 
4 в летопись рода презентация автомат
4 в летопись рода презентация автомат4 в летопись рода презентация автомат
4 в летопись рода презентация автоматAnastasia Simonova
 
История мировой и отечественной культуры (шпаргалка)
История мировой и отечественной культуры (шпаргалка)История мировой и отечественной культуры (шпаргалка)
История мировой и отечественной культуры (шпаргалка)инна ветрова
 
Новый век, новый мир, новое искусство
Новый век, новый мир, новое искусство Новый век, новый мир, новое искусство
Новый век, новый мир, новое искусство Anna Shvets
 
Dani janev infographics
Dani janev   infographicsDani janev   infographics
Dani janev infographicsYouthEduForum
 

Similar to Опыт и история создания инфографики - Ирина Маркова (7)

Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...
Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...
Городской генеалогический конкурс-фестиваль «Помни корни свои», номинация «Ле...
 
4 в летопись рода презентация автомат
4 в летопись рода презентация автомат4 в летопись рода презентация автомат
4 в летопись рода презентация автомат
 
Истоки инфографики
Истоки инфографикиИстоки инфографики
Истоки инфографики
 
2 event
2 event2 event
2 event
 
История мировой и отечественной культуры (шпаргалка)
История мировой и отечественной культуры (шпаргалка)История мировой и отечественной культуры (шпаргалка)
История мировой и отечественной культуры (шпаргалка)
 
Новый век, новый мир, новое искусство
Новый век, новый мир, новое искусство Новый век, новый мир, новое искусство
Новый век, новый мир, новое искусство
 
Dani janev infographics
Dani janev   infographicsDani janev   infographics
Dani janev infographics
 

More from Internews Ukraine

Minimizing cyber security risks – Digital Security School DSS380
Minimizing cyber security risks – Digital Security School DSS380Minimizing cyber security risks – Digital Security School DSS380
Minimizing cyber security risks – Digital Security School DSS380Internews Ukraine
 
Dealing with online trolls vitaliy moroz tech camp georgia
Dealing with online trolls   vitaliy moroz tech camp georgia Dealing with online trolls   vitaliy moroz tech camp georgia
Dealing with online trolls vitaliy moroz tech camp georgia Internews Ukraine
 
Що пропонує Інтерньюз-Україна українській медіа-спільноті?
Що пропонує Інтерньюз-Україна українській медіа-спільноті? Що пропонує Інтерньюз-Україна українській медіа-спільноті?
Що пропонує Інтерньюз-Україна українській медіа-спільноті? Internews Ukraine
 
Statistics for Children (english version)
Statistics for Children (english version)Statistics for Children (english version)
Statistics for Children (english version)Internews Ukraine
 
Monitoring report відкритість та usability урядових сайтів
Monitoring report відкритість та usability урядових сайтів Monitoring report відкритість та usability урядових сайтів
Monitoring report відкритість та usability урядових сайтів Internews Ukraine
 
Статистика для дітей / Statistics for Children Handbook
Статистика для дітей / Statistics for Children Handbook Статистика для дітей / Statistics for Children Handbook
Статистика для дітей / Statistics for Children Handbook Internews Ukraine
 
Prevention campaigns. How to reach target audiences? IOM in Ukraine
Prevention campaigns. How to reach target audiences? IOM in Ukraine Prevention campaigns. How to reach target audiences? IOM in Ukraine
Prevention campaigns. How to reach target audiences? IOM in Ukraine Internews Ukraine
 
Monitoring of Russian propaganda on TV
Monitoring of Russian propaganda on TV Monitoring of Russian propaganda on TV
Monitoring of Russian propaganda on TV Internews Ukraine
 
Як журналісту працювати з інфопотоками в епоху соцмедіа?
 Як журналісту працювати з інфопотоками в епоху соцмедіа? Як журналісту працювати з інфопотоками в епоху соцмедіа?
Як журналісту працювати з інфопотоками в епоху соцмедіа?Internews Ukraine
 
Какой вкус у ваты? #mediabarcamp
Какой вкус у ваты? #mediabarcampКакой вкус у ваты? #mediabarcamp
Какой вкус у ваты? #mediabarcampInternews Ukraine
 
How Twitter works 2015 vitaliy moroz
How Twitter works 2015   vitaliy morozHow Twitter works 2015   vitaliy moroz
How Twitter works 2015 vitaliy morozInternews Ukraine
 
Informational war and civil society in Ukraine
Informational war and civil society in UkraineInformational war and civil society in Ukraine
Informational war and civil society in UkraineInternews Ukraine
 
Mykola Kostynyan - Dvofactorna autentyfikaciya
Mykola Kostynyan - Dvofactorna autentyfikaciyaMykola Kostynyan - Dvofactorna autentyfikaciya
Mykola Kostynyan - Dvofactorna autentyfikaciyaInternews Ukraine
 
Olga Padiryakova Virusni Shpyguny
Olga Padiryakova Virusni ShpygunyOlga Padiryakova Virusni Shpyguny
Olga Padiryakova Virusni ShpygunyInternews Ukraine
 
Iva Repnytska - Dytyachyi Control
Iva Repnytska - Dytyachyi ControlIva Repnytska - Dytyachyi Control
Iva Repnytska - Dytyachyi ControlInternews Ukraine
 
Dmytro Snopchenko - Zahyst saitiv vid DDoS i lyudskyi faktor
Dmytro Snopchenko - Zahyst saitiv vid DDoS  i lyudskyi faktorDmytro Snopchenko - Zahyst saitiv vid DDoS  i lyudskyi faktor
Dmytro Snopchenko - Zahyst saitiv vid DDoS i lyudskyi faktorInternews Ukraine
 
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyam
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyamDmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyam
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyamInternews Ukraine
 
Oleksandr Rybak mobilni dodatky
Oleksandr Rybak   mobilni dodatkyOleksandr Rybak   mobilni dodatky
Oleksandr Rybak mobilni dodatkyInternews Ukraine
 
Как проверять информацию во время информационных воен. Украина-Россия
Как проверять информацию во время информационных воен. Украина-РоссияКак проверять информацию во время информационных воен. Украина-Россия
Как проверять информацию во время информационных воен. Украина-РоссияInternews Ukraine
 
Можливості для журналістів під час конфліктів
Можливості для журналістів під час конфліктівМожливості для журналістів під час конфліктів
Можливості для журналістів під час конфліктівInternews Ukraine
 

More from Internews Ukraine (20)

Minimizing cyber security risks – Digital Security School DSS380
Minimizing cyber security risks – Digital Security School DSS380Minimizing cyber security risks – Digital Security School DSS380
Minimizing cyber security risks – Digital Security School DSS380
 
Dealing with online trolls vitaliy moroz tech camp georgia
Dealing with online trolls   vitaliy moroz tech camp georgia Dealing with online trolls   vitaliy moroz tech camp georgia
Dealing with online trolls vitaliy moroz tech camp georgia
 
Що пропонує Інтерньюз-Україна українській медіа-спільноті?
Що пропонує Інтерньюз-Україна українській медіа-спільноті? Що пропонує Інтерньюз-Україна українській медіа-спільноті?
Що пропонує Інтерньюз-Україна українській медіа-спільноті?
 
Statistics for Children (english version)
Statistics for Children (english version)Statistics for Children (english version)
Statistics for Children (english version)
 
Monitoring report відкритість та usability урядових сайтів
Monitoring report відкритість та usability урядових сайтів Monitoring report відкритість та usability урядових сайтів
Monitoring report відкритість та usability урядових сайтів
 
Статистика для дітей / Statistics for Children Handbook
Статистика для дітей / Statistics for Children Handbook Статистика для дітей / Statistics for Children Handbook
Статистика для дітей / Statistics for Children Handbook
 
Prevention campaigns. How to reach target audiences? IOM in Ukraine
Prevention campaigns. How to reach target audiences? IOM in Ukraine Prevention campaigns. How to reach target audiences? IOM in Ukraine
Prevention campaigns. How to reach target audiences? IOM in Ukraine
 
Monitoring of Russian propaganda on TV
Monitoring of Russian propaganda on TV Monitoring of Russian propaganda on TV
Monitoring of Russian propaganda on TV
 
Як журналісту працювати з інфопотоками в епоху соцмедіа?
 Як журналісту працювати з інфопотоками в епоху соцмедіа? Як журналісту працювати з інфопотоками в епоху соцмедіа?
Як журналісту працювати з інфопотоками в епоху соцмедіа?
 
Какой вкус у ваты? #mediabarcamp
Какой вкус у ваты? #mediabarcampКакой вкус у ваты? #mediabarcamp
Какой вкус у ваты? #mediabarcamp
 
How Twitter works 2015 vitaliy moroz
How Twitter works 2015   vitaliy morozHow Twitter works 2015   vitaliy moroz
How Twitter works 2015 vitaliy moroz
 
Informational war and civil society in Ukraine
Informational war and civil society in UkraineInformational war and civil society in Ukraine
Informational war and civil society in Ukraine
 
Mykola Kostynyan - Dvofactorna autentyfikaciya
Mykola Kostynyan - Dvofactorna autentyfikaciyaMykola Kostynyan - Dvofactorna autentyfikaciya
Mykola Kostynyan - Dvofactorna autentyfikaciya
 
Olga Padiryakova Virusni Shpyguny
Olga Padiryakova Virusni ShpygunyOlga Padiryakova Virusni Shpyguny
Olga Padiryakova Virusni Shpyguny
 
Iva Repnytska - Dytyachyi Control
Iva Repnytska - Dytyachyi ControlIva Repnytska - Dytyachyi Control
Iva Repnytska - Dytyachyi Control
 
Dmytro Snopchenko - Zahyst saitiv vid DDoS i lyudskyi faktor
Dmytro Snopchenko - Zahyst saitiv vid DDoS  i lyudskyi faktorDmytro Snopchenko - Zahyst saitiv vid DDoS  i lyudskyi faktor
Dmytro Snopchenko - Zahyst saitiv vid DDoS i lyudskyi faktor
 
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyam
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyamDmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyam
Dmytro Gorshkov - Bezpeka informaciynogo prostoru ta protydiya manipulyaciyam
 
Oleksandr Rybak mobilni dodatky
Oleksandr Rybak   mobilni dodatkyOleksandr Rybak   mobilni dodatky
Oleksandr Rybak mobilni dodatky
 
Как проверять информацию во время информационных воен. Украина-Россия
Как проверять информацию во время информационных воен. Украина-РоссияКак проверять информацию во время информационных воен. Украина-Россия
Как проверять информацию во время информационных воен. Украина-Россия
 
Можливості для журналістів під час конфліктів
Можливості для журналістів під час конфліктівМожливості для журналістів під час конфліктів
Можливості для журналістів під час конфліктів
 

Опыт и история создания инфографики - Ирина Маркова