CodeFest 2014. Симаков М. — Инфографика, как это работает

64
CodeFest 2014 29 марта, 17:30

description

 

Transcript of CodeFest 2014. Симаков М. — Инфографика, как это работает

Page 1: CodeFest 2014. Симаков М. — Инфографика, как это работает

1

CodeFest 201429 марта, 17:30

Page 2: CodeFest 2014. Симаков М. — Инфографика, как это работает

2

σ = 65,0

Теория

Работы МН

Ооочень важнаявещь

Цвет фона слайда

36,5

слайда

27,0

1,5

Page 3: CodeFest 2014. Симаков М. — Инфографика, как это работает

3WikipediAThe free encyclpoedia

Инфографика(От лат. informatio — осведомление, разъяснение, изложение) это графический способ подачи информации, данных и знаний

Infographics(data visualization, information design)are graphic visual representations of information, data or knowledge intended to present complex information quickly and clearly

Чарльз Джозеф Минард, 1861 Численность Наполеоновской армии перед военной кампа нией в Россию 1812 г, передви–жение войск и график измене ния температуры при отступлении

Литография, 62 x 30 см

Page 4: CodeFest 2014. Симаков М. — Инфографика, как это работает

4

Носители(представление)

Статика(печать)

1

Page 5: CodeFest 2014. Симаков М. — Инфографика, как это работает

5Cтатика(печать)

Видео (анимация)

1

2

Page 6: CodeFest 2014. Симаков М. — Инфографика, как это работает

6

Интерактив(приложение)

1

2

3

Cтатика(печать)

Видео (анимация)

Page 7: CodeFest 2014. Симаков М. — Инфографика, как это работает

7

1

2

3

CложностьCложность

Интерактив(приложение)

Cтатика(печать)

Видео (анимация)

Page 8: CodeFest 2014. Симаков М. — Инфографика, как это работает

8+

Все типы

Page 9: CodeFest 2014. Симаков М. — Инфографика, как это работает

9+

Page 10: CodeFest 2014. Симаков М. — Инфографика, как это работает

10

10 типов

Page 11: CodeFest 2014. Симаков М. — Инфографика, как это работает

11

10 типов 92 %

Page 12: CodeFest 2014. Симаков М. — Инфографика, как это работает

12

Page 13: CodeFest 2014. Симаков М. — Инфографика, как это работает

13

1

0

2

3

4

Мудрости

Визуализация

Знания

Информации

Данных

«Больших данных»

Идея (концепт)

Только бог знает

Электр.базы

данных

V информации

СложностьСложность

График или диаграмаа

+

Инфографическаяистория

Page 14: CodeFest 2014. Симаков М. — Инфографика, как это работает

14

2

3

+

Мудрости

Визуализация

Знания

Информации

Данных

«Больших данных»

Идея (концепт)

Только бог знает

Инфографическаяистория

Электр.базы

данных

График или диаграмаа

Page 15: CodeFest 2014. Симаков М. — Инфографика, как это работает

15

2012

2013

2011

%

Итого

Page 16: CodeFest 2014. Симаков М. — Инфографика, как это работает

16

Последний полёт челнока (2011)№ 74 стр. 10

Page 17: CodeFest 2014. Симаков М. — Инфографика, как это работает

17

«Северный Поток» (2011) № 154 стр. 15

Page 18: CodeFest 2014. Симаков М. — Инфографика, как это работает

18

Марсоход Curiosity (2012)№ 101 стр. 10

Page 19: CodeFest 2014. Симаков М. — Инфографика, как это работает

19

T-34 project (2013)№ 81 page 08-09

12 инфоблоков

чел.

4+1

52 ч

Page 20: CodeFest 2014. Симаков М. — Инфографика, как это работает

20

7 инфоблоков

чел.

3

24 ч

Зимняя резина№ 81 стр. 08-09

Page 21: CodeFest 2014. Симаков М. — Инфографика, как это работает

21

7 инфоблоков

чел

2

28 ч

Уборка снега№ 2 page 20-21

Page 22: CodeFest 2014. Симаков М. — Инфографика, как это работает

22

3d принтер№ 101 page 8-9

7 инфоблоков

чел

3

24 ч

Page 23: CodeFest 2014. Симаков М. — Инфографика, как это работает

23

7 Сталинских высоток№ 138 page 24-25

5 инфоблоков

чел.

2+1

38 ч

Page 24: CodeFest 2014. Симаков М. — Инфографика, как это работает

24

11 инфоблоков

чел.

3

24 ч

Лифт № 146 стр. 20-21

Page 25: CodeFest 2014. Симаков М. — Инфографика, как это работает

25

Page 26: CodeFest 2014. Симаков М. — Инфографика, как это работает

26

Page 27: CodeFest 2014. Симаков М. — Инфографика, как это работает

московские новости №

14629 августа —

1 сентября 2013м

осковские новости №146

29 августа — 1 сентября 2013

я москвич

я москвич

Page 28: CodeFest 2014. Симаков М. — Инфографика, как это работает

московские новости №

14629 августа —

1 сентября 2013м

осковские новости №146

29 августа — 1 сентября 2013

я москвич

я москвич

Page 29: CodeFest 2014. Симаков М. — Инфографика, как это работает

московские новости №

14629 августа —

1 сентября 2013м

осковские новости №146

29 августа — 1 сентября 2013

я москвич

я москвич

Page 30: CodeFest 2014. Симаков М. — Инфографика, как это работает

московские новости №

14629 августа —

1 сентября 2013м

осковские новости №146

29 августа — 1 сентября 2013

я москвич

я москвич

Page 31: CodeFest 2014. Симаков М. — Инфографика, как это работает

московские новости №

14629 августа —

1 сентября 2013м

осковские новости №146

29 августа — 1 сентября 2013

я москвич

я москвич

Page 32: CodeFest 2014. Симаков М. — Инфографика, как это работает

32

Page 33: CodeFest 2014. Симаков М. — Инфографика, как это работает

33

Page 34: CodeFest 2014. Симаков М. — Инфографика, как это работает

34

Электровелосипед№ 158 стр. 20-21

11 инфоблоков

чел.

3

24 ч

Page 35: CodeFest 2014. Симаков М. — Инфографика, как это работает

35

Пицца№ 162 стр. 20-21

Page 36: CodeFest 2014. Симаков М. — Инфографика, как это работает

36

15 инфоблоков

чел.

4+1

40 ч

Мясо и стейк № 193 стр 20-21

Page 37: CodeFest 2014. Симаков М. — Инфографика, как это работает

37

Каток и коньки № 193 стр 20-21

11 инфоблоков

чел.

4+1

28 ч

Page 38: CodeFest 2014. Симаков М. — Инфографика, как это работает

38

18 инфоблоков

чел.

3+1

40 ч

Вок № 201 стр. 20-21

Page 39: CodeFest 2014. Симаков М. — Инфографика, как это работает

39

8 инфоблоков

чел.

3+1

32 ч

Чемодан в горы № 213 стр. 20-21

Page 40: CodeFest 2014. Симаков М. — Инфографика, как это работает

40

10 инфоблоков

чел.

3+1

36 ч

Чемодан на плаж № 213 стр. 18-19

Page 41: CodeFest 2014. Симаков М. — Инфографика, как это работает

41

2

3

Мудрость

Знание

Информация

Данные

«Большие данные»

Идея (концепт)

Только бог знает

Инфографическаяистория

Электр.базы

данных

График или диаграмаа

Page 42: CodeFest 2014. Симаков М. — Инфографика, как это работает

42

il i

i D

D

Bb

Bb

d

d

d

D

d

Art

Art

20122013

2011

Page 43: CodeFest 2014. Симаков М. — Инфографика, как это работает

43

Тех. иллюстрацияТех. иллюстрацияCтатистикаCтатистика

Page 44: CodeFest 2014. Симаков М. — Инфографика, как это работает

44

Тех. иллюстрацияТех. иллюстрация

ИллюстрацияИллюстрация

СтатистикаСтатистика СтатистикаСтатистика Тех. иллюстрацияТех. иллюстрация

Поиск

CтатистикаCтатистика Тех. иллюстрацияТех. иллюстрация CтатистикаCтатистика

Поиск

1 2

+ +

Page 45: CodeFest 2014. Симаков М. — Инфографика, как это работает

45

Антон Марьинский

Александр Богомолов

Антон Степанов

Саша Губанов

Маша Поташова

Миша Симаков

Алеша Птицын

Костя Каковкин

Иллюстратор

Главный редактор

Арт директор

Ответственный секретарь

Редактор Инфографики

Ведущий дизайнер

Дизайнер

Дизайнер

Команда

Page 46: CodeFest 2014. Симаков М. — Инфографика, как это работает

46

D

xx

D

Page 47: CodeFest 2014. Симаков М. — Инфографика, как это работает

47

D

xx

Page 48: CodeFest 2014. Симаков М. — Инфографика, как это работает

48

Page 49: CodeFest 2014. Симаков М. — Инфографика, как это работает

49

Mаша Поташова

Page 50: CodeFest 2014. Симаков М. — Инфографика, как это работает

50

1 2 3 4 5

6 7 8

?

ИдеяЗаказ

Яндексим ОбсуждениеНабросок

Размер Куём

КорректураПравка

Проверка иутверждение

Техн.Подготовка

Как мы работаем

Page 51: CodeFest 2014. Симаков М. — Инфографика, как это работает

51

?

ИдеяЗаказ

Яндексим ОбсуждениеНабросок

Размер Куём КорректураПравка

Техн.Подг.

Page 52: CodeFest 2014. Симаков М. — Инфографика, как это работает

52

File Name + Author + page numberNordStream _ap_sm_0809.ai

Sm

Кk

Am

Ар

Page 53: CodeFest 2014. Симаков М. — Инфографика, как это работает

53

Ce

ie

Bb

Art

xx

Page 54: CodeFest 2014. Симаков М. — Инфографика, как это работает

54

xx

PrepressDesignInfo

WordExcel

Microsoft: Google: Drive

Adobe: Adobe: IllustratorPhotoshopInDesign

InDesign

Page 55: CodeFest 2014. Симаков М. — Инфографика, как это работает

55

московские новости №14629 августа — 1 сентября 2013

московские новости №14629 августа — 1 сентября 2013я москвич я москвич

Разворот

Полоса

Рейтинг

Page 56: CodeFest 2014. Симаков М. — Инфографика, как это работает

56

март апрель май

сентябрь октябрьиюль август ноябрь декабрь

сентябрь октябрьиюль август ноябрь

март апрельянварь февраль май июнь

июнь

20112012

Page 57: CodeFest 2014. Симаков М. — Инфографика, как это работает

57

...

20112012

Page 58: CodeFest 2014. Симаков М. — Инфографика, как это работает

58

...

20112012

Page 59: CodeFest 2014. Симаков М. — Инфографика, как это работает

59

2011 2012 2013

III

Page 60: CodeFest 2014. Симаков М. — Инфографика, как это работает

60

2011 2012 2013

III

Page 61: CodeFest 2014. Симаков М. — Инфографика, как это работает

61

Page 62: CodeFest 2014. Симаков М. — Инфографика, как это работает

62

Malofiej XXБронза (Портфолио)

SND Russia Золото

Malofiej XXIСеребро

European Awards

Malofiej XXIIБронза и Серебро

Malofiej XXIIБронза (Портфолио)

Финалист конкурса How magazin (Boston)

Волосы и признание

Page 63: CodeFest 2014. Симаков М. — Инфографика, как это работает

63

московские новости №

1330 января 2014

московские новости №

1330 января 2014

я читат

елья чит

атель

Последний проект № 13 (662) стр. 14-15

Page 64: CodeFest 2014. Симаков М. — Инфографика, как это работает

64

+

Фликр:

Инстаграм:

[email protected]

flickr.com/simakov/

instagram.com/misha_simakov

Спасибо