Инфографика в медиа

133
1 ИНФОГРАФИКА В МЕДИА

Transcript of Инфографика в медиа

Page 1: Инфографика в медиа

1

ИНФОГРАФИКА В МЕДИА

Page 2: Инфографика в медиа

ИНФОРМАЦИИ ВСЕ БОЛЬШЕ

Page 3: Инфографика в медиа

3

ВРЕМЕНИ ВСЕГДА МАЛО

Page 4: Инфографика в медиа

ИНФОГРАФИКА ПОМОЖЕТ

4

Page 5: Инфографика в медиа

КАК РАСПРЕДЕЛИЛИСЬ ГОЛОСА ПОСЛЕ ВЫБОРОВ

5

Page 6: Инфографика в медиа

6

Page 7: Инфографика в медиа

7

Page 8: Инфографика в медиа

8

КАК ПРОХОДИЛ ЧЕМПИОНАТ МИРА ПО ФУТБОЛУ

Page 9: Инфографика в медиа

9

Page 10: Инфографика в медиа

10

Page 11: Инфографика в медиа

11

ЧТО ТАКОЕ ЭКОНОМИКА

Page 12: Инфографика в медиа

12

Page 13: Инфографика в медиа

13

Page 14: Инфографика в медиа

КТО ПОЛУЧИЛ ОСКАР

14

Page 15: Инфографика в медиа

15

Page 16: Инфографика в медиа

16

С ЧЕМ ПИТЬ ВИНО

Page 17: Инфографика в медиа

17

Page 18: Инфографика в медиа

18

WHY SO SERIOUS?

Page 19: Инфографика в медиа

19

Page 20: Инфографика в медиа

20

Page 21: Инфографика в медиа

21

Page 22: Инфографика в медиа

22

ИТАК, ЧТО ТАКОЕ ИНФОГРАФИКА

Page 23: Инфографика в медиа

23

ДАННЫЕ

Page 24: Инфографика в медиа

ОТСОРТИРОВАННЫЕ

24

Page 25: Инфографика в медиа

25

СОПОСТАВЛЕННЫЕ

Page 26: Инфографика в медиа

26

ВИЗУАЛИЗИРОВАННЫЕ

Page 27: Инфографика в медиа

27

МНОГО ВАРИАНТОВ

Page 28: Инфографика в медиа

28

Page 29: Инфографика в медиа

НО ЕСТЬ НЕСКОЛЬКО ГЛАВНЫХ

29

Page 30: Инфографика в медиа

КРУГОВАЯ ДИАГРАММА

30

– показать состав, структуру чего-то;

– сравнить, чем по составу отличаються похожие объекты;

– показать какую долю от общего занимает конкретный показатель;

Page 31: Инфографика в медиа

31

Page 32: Инфографика в медиа

32

Page 33: Инфографика в медиа

33

Page 34: Инфографика в медиа

ЛИНЕЙЧАТАЯ ДИАГРАММА

34

– сравнить несколько объектов по одному параметру;– показать место конкретного объекта в списке;

Page 35: Инфографика в медиа

35

Page 36: Инфографика в медиа

36

Page 37: Инфографика в медиа

37

Page 38: Инфографика в медиа

38

ГИСТОГРАММА

– посмотреть изменения параметра во времени;

– используеться для тех же целей, что и линейчатая диаграмма;

Page 39: Инфографика в медиа

39

Page 40: Инфографика в медиа

40

Page 41: Инфографика в медиа

41

Page 42: Инфографика в медиа

42

ГРАФИК

– сравнить изменения нескольких параметров во времени;

Page 43: Инфографика в медиа

43

Page 44: Инфографика в медиа

44

Page 45: Инфографика в медиа

45

Page 46: Инфографика в медиа

46

ТОЧЕЧНАЯ ДИАГРАММА

– сравнить объекты за несколькими параметрами;– показать наличие зависимости между переменными;

Page 47: Инфографика в медиа

47

Page 48: Инфографика в медиа

48

Page 49: Инфографика в медиа

49

Page 50: Инфографика в медиа

МНОГО РАЗНЫХ

50

Page 51: Инфографика в медиа

51

Page 52: Инфографика в медиа

52

Page 53: Инфографика в медиа

53

Page 54: Инфографика в медиа

54

Page 55: Инфографика в медиа

55

Page 56: Инфографика в медиа
Page 57: Инфографика в медиа

57КАК ВЫБРАТЬ?

Page 58: Инфографика в медиа

58

Page 59: Инфографика в медиа

59

Page 60: Инфографика в медиа

С ЧЕГО НАЧАТЬ1. Выбрать тему

2. Найти данные

3. Определить главную цель и аудиторию

4. Выбрать способ подачи

5. Отобрать цвета, иконки

6. Сесть и сделать

Page 61: Инфографика в медиа

ГДЕ ВЗЯТЬ ДАННЫЕ

61

Page 62: Инфографика в медиа

62

ДЕРЖКОМСТАТ

UNITED NATIONS STATISTICS DIVISION

www.ukrstat.gov.ua

http://unstats.un.org/unsd/default.htm

THE WORLD BANKhttp://data.worldbank.org/

GOOGLE PUBLIC DATA EXPLORERhttp://www.google.com/publicdata/directory

Page 63: Инфографика в медиа

ГДЕ БРАТЬ ИКОНКИ

63

Page 64: Инфографика в медиа

64

NOUN PROJECThttps://thenounproject.com/

FLAT ICONhttp://www.flaticon.com/

FREEPIKhttp://www.freepik.com/

ICON ARCHIVEhttp://www.iconarchive.com/

Page 65: Инфографика в медиа

ГДЕ БРАТЬ ЦВЕТА

65

Page 66: Инфографика в медиа

KULER

66

https://color.adobe.com/

COLOR PALETTE GENERATORhttp://www.degraeve.com/color-palette/index.php

COLOROTATEhttp://web.colorotate.org/

COLOURLOVERS

DESIGN SEEDShttp://www.colourlovers.com/palettes

http://design-seeds.com/

Page 67: Инфографика в медиа

ЧЕМ ЭТО ДЕЛАТЬ

67

Page 68: Инфографика в медиа

CREATELY.COMhttp://creately.com/

68

Page 69: Инфографика в медиа

EASEL.LYhttp://www.easel.ly/

69

Page 70: Инфографика в медиа

70

DRAW.LOhttps://www.draw.io/

Page 71: Инфографика в медиа

71

CACOOhttps://cacoo.com/home

Page 72: Инфографика в медиа

72

INFOGR.AMhttps://infogr.am/

Page 73: Инфографика в медиа

73

CHARTS.HOHLI.COMhttp://charts.hohli.com/

Page 74: Инфографика в медиа

74

PIKTOCHART.COMhttp://piktochart.com/

Page 75: Инфографика в медиа

75

WORDLEhttp://www.wordle.net/

Page 76: Инфографика в медиа

76

VENNGAGEhttps://venngage.com/

Page 77: Инфографика в медиа

77

TIMELINEJShttp://timeline.knightlab.com/

Page 78: Инфографика в медиа

ADOBE ILLUSTRATOR

78

ADOBE PHOTOSHOP

Page 79: Инфографика в медиа

КАК СТАТЬ ЛУЧШИМ

79

Page 80: Инфографика в медиа

ОБЪЯСНЯЙТЕ

80

Page 81: Инфографика в медиа

81

Page 82: Инфографика в медиа

82

Page 83: Инфографика в медиа

УДАЛЯЙТЕ ЛИШНЕЕ

83

Page 84: Инфографика в медиа
Page 85: Инфографика в медиа

85

Page 86: Инфографика в медиа

СРАВНИВАЙТЕ

86

Page 87: Инфографика в медиа
Page 88: Инфографика в медиа

88

Page 89: Инфографика в медиа

89

ИСПОЛЬЗУЙТЕ МЕТАФОРЫ

Page 90: Инфографика в медиа

90

Page 91: Инфографика в медиа

91

Page 92: Инфографика в медиа

РАССКАЗЫВАЙТЕ ИСТОРИЮ

92

Page 93: Инфографика в медиа

93

Page 94: Инфографика в медиа

94

Page 95: Инфографика в медиа

95

МОЯ ИДЕЯЧУЖАЯ ИДЕЯ

НЕ БОЙТЕСЬ НАСЛЕДОВАТЬ

ЧУЖАЯ ИДЕЯ

Page 96: Инфографика в медиа

КАК СДЕЛАТЬ ПЛОХО

96

Page 97: Инфографика в медиа

97

Page 98: Инфографика в медиа

98

Page 99: Инфографика в медиа

99

Page 100: Инфографика в медиа

100

Page 101: Инфографика в медиа

101

Page 102: Инфографика в медиа

102

Page 103: Инфографика в медиа

103

Page 104: Инфографика в медиа

104

Page 105: Инфографика в медиа

105

Page 106: Инфографика в медиа

106

Page 107: Инфографика в медиа

107

Page 108: Инфографика в медиа

108

КАК ИЗБЕЖАТЬ ОШИБОК

Page 109: Инфографика в медиа

109

НЕ ДЕЛАЙТЕ ТАК

Page 110: Инфографика в медиа

110

ПОКАЗЫВАЙТЕ ВСЮ КАРТИНУ

Page 111: Инфографика в медиа

111

ПРОВЕРЬТЕ ДАННЫЕ

Page 112: Инфографика в медиа

193%

112

Page 113: Инфографика в медиа

СОБЛЮДАЙТЕ ПОРЯДОК

113

Page 114: Инфографика в медиа

КРАСИВО?

114

Page 115: Инфографика в медиа

ЕЩЕ КРАСИВЕЕ?

Page 116: Инфографика в медиа

116

СДЕЛАЙТЕ МАТЕМАТИКУ ЛУЧШЕЙ ПОДРУГОЙ

Page 117: Инфографика в медиа

БЕЗ КАРТЫ НИКАК?

117

Page 118: Инфографика в медиа

ЧТО-ТО ЗДЕСЬ ЛИШНЕЕ

118

Page 119: Инфографика в медиа

119

НЕ ПЕРЕГРУЖАЙТЕ

Page 120: Инфографика в медиа

ЧИСТЫЙ – ЛУЧШИЙ

120

Page 121: Инфографика в медиа

ДЕЛАЙТЕ АКЦЕНТЫ

Page 122: Инфографика в медиа

СКОЛЬКО ОВНОВ В СТРАНЕ

122

Page 123: Инфографика в медиа

ЛУЧШЕ БЕЗ 3D

123

Page 124: Инфографика в медиа

ДАЖЕ ТАКОГО

124

Page 125: Инфографика в медиа

ЗАБУДЬТЕ КИСЛОТНЫЕ ЦВЕТА

125

Page 126: Инфографика в медиа

1. Проверьте данные; 2. Еще раз проверьте данные; 3. Напишите откуда данные;

3. Проверьте оси, единицы измерения; 4. Слишком сложно получилось? Дайте акценты,

названия, уберите лишнее; 5. Много иконок, цветов? Объясните, что они значат;

6. Не надо использовать все любимые шрифты в одной инфографике;

7. Учитель математики на вас не будет сердиться?

126

СДЕЛАЛИ? ПРОВЕРЬТЕ

Page 127: Инфографика в медиа

ЧИТАЙТЕ

Page 128: Инфографика в медиа

128

How to graph badly or what not to do

Джин Желязны «Говори на языке диаграмм»

книги Эдварда Тафти

Дэн Роэм «Практика визуального мышления»

Нейтан Яу «Искусство визуализации в бизнесе»

Пособие по журналистике данных

Сьюзан Уэйншенк «100 главных принципов дизайна»

Page 129: Инфографика в медиа

ГДЕ ИСКАТЬ ВДОХНОВЕНИЕ

129

Page 130: Инфографика в медиа

DAILY INFOGRAPHIC

VISUALOOPhttp://www.dailyinfographic.com/

http://visualoop.com/

VISUALLYhttp://visual.ly/view

INFOGRAPHICA.COM.UAhttp://infographica.com.ua/

ЖУРНАЛ «ИНФОГРАФИКА»http://infogra.ru/infographicsmag/download-pdf

130

Page 131: Инфографика в медиа

131

Page 132: Инфографика в медиа

132

ЕСЛИ ЧЕШУТЬСЯ РУКИ

Page 133: Инфографика в медиа

Назарій Тузяк https://www.facebook.com/nazar.tyzjak