46
1

Infographic Basics

Embed Size (px)

DESCRIPTION

Basic pinciples and rules of information visualization. Four criteria of good infographic for paper, video and Internet: clear, rich content, beautiful, and emotional. A Layer Cake communication strategy. in Russian.

Citation preview

Page 1: Infographic Basics

1

Page 2: Infographic Basics

Инфографика

Антон Гуменский

2014

Page 3: Infographic Basics

Правило Парето:

20% усилий

приносят 80% результата

Page 4: Infographic Basics

Правило Парето:

80% результата

20% усилий

Page 5: Infographic Basics
Page 6: Infographic Basics
Page 7: Infographic Basics
Page 8: Infographic Basics
Page 9: Infographic Basics
Page 10: Infographic Basics
Page 11: Infographic Basics
Page 12: Infographic Basics

История

• Уильям Плэйфэр William Playfair, 22 Sept. 1759 – 11 Feb. 1823

• Джон СноуJohn Snow, 15 March 1813 – 16 June 1858

• Флоренс НайтингейлFlorence Nightingale, 12 May 1820 – 13 Aug. 1910

Page 13: Infographic Basics
Page 14: Infographic Basics
Page 15: Infographic Basics
Page 16: Infographic Basics
Page 17: Infographic Basics
Page 18: Infographic Basics
Page 19: Infographic Basics
Page 20: Infographic Basics

Главные требования

1. Интуитивно понятно

2. Много информации

3. Эмоционально

4. Эстетично

Page 21: Infographic Basics

Слоёный пирог

• Несколько уровней представления информации рассчитаны на различные модели читателя

• Первый уровень – главное сообщение – поверхностное, быстрое чтение

• Следующий уровень – дополнительная информация – вдумчивое чтение

• Далее – широкий контекст, детали, предыстория – для экспертов и фанатов

Page 22: Infographic Basics

Оправданность медиа

Использование каждого медиа должно быть оправдано:

Бумага – качество графики, дизайн

Видео – динамика, история, драма

Интернет – интерактивность

Page 23: Infographic Basics
Page 24: Infographic Basics
Page 25: Infographic Basics
Page 26: Infographic Basics
Page 27: Infographic Basics
Page 28: Infographic Basics
Page 29: Infographic Basics
Page 30: Infographic Basics
Page 31: Infographic Basics

http://grafdesigner.ru/Infographicsmag/export/3

Page 32: Infographic Basics
Page 33: Infographic Basics
Page 34: Infographic Basics
Page 35: Infographic Basics
Page 36: Infographic Basics
Page 37: Infographic Basics
Page 38: Infographic Basics
Page 39: Infographic Basics
Page 40: Infographic Basics
Page 41: Infographic Basics
Page 42: Infographic Basics
Page 43: Infographic Basics

Примеры

• http://animagraffs.com/how-a-car-engine-works

• http://dev.citysdk.waag.org/buildings/#52.1468,4.7629,11

• http://marker.ru/interactive/africa

• http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/

• http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

• http://www.nytimes.com/newsgraphics/2013/10/13/russia/?ref=global-home

• http://s.telegraph.co.uk/graphics/ar-15/index.html

• http://www.theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-decoded

• http://www.theguardian.com/world/ng-interactive/2014/aviation-100-years

Page 44: Infographic Basics

Источники

• coolinfographics.com• datavisualization.ch• infographer.ru• infografics.ru• infographicsmag.ru• informationisbeautiful.net• infosthetics.com• pinterest.com

• vimeo.com• visual.ly• visualcomplexity.com• visualizing.org• visualisingdata.com/

index.php/resources• wordle.net• 5coins.ru

Page 45: Infographic Basics

Данные Инструменты

• gks.ru• data.mos.ru• hubofdata.ru • google.com/

publicdata/directory• generatedata.com• opendatasites.com

• spritesapp.com• easel.ly• raw.densitydesign.org• piktochart.com• infogr.am• tableausoftware.com

Page 46: Infographic Basics

blogberry.ru