Иллюстрации в периодическом издании Рисунки фото инфографика 1

Иллюстрации в периодическом издании Рисунки, фото, инфографика 1

n Работа дизайнера – не только виртуозное владение графикой, размещение материалов и организация их на полосе. Дизайнер продвигает газету, продает ее как товар. Каждая информация должна быть визуализирована. Для этого и нужны иллюстрации. 2

Страница хорошо организована, заполнена информацией, но скучна и безжизненна. Ничто не привлекает внимания и не останавливает на себе глаз. Статьи могут быть потрясающими, но при такой верстке могут быть не прочитаны. Та же страница, но с иллюстрациями. Для текста теперь остается меньше места, поэтому материалы либо укорачиваются, либо переносятся на другую полосу. Добавляя фото, вы привлекаете внимание читателя, а потом предоставляете ему информацию 3

Функции иллюстраций: дополняют текст визуальной информацией n привносят движение, эмоции и неповторимый характер. n Привлекают внимание n Увеличивают число возможных вариантов верстки. n 4

При определении для материалов места на полосе (по их значимости) n необходимо помнить о зонах внимания. Эти зоны в процентном отношении распределяются следующим образом: 5

Зоны внимания при восприятии обращения в СМИ На полосе На развороте 1 2 6 2 4 1 3 4 7 8 5 3

54 28 33 46 16 23 Распределение внимания по Старчу 7

Причем по статистике, левая полоса воспринимается менее активно, чем правая (80% по отношению к правой). n Оптический центр полосы при этом находится выше геометрического. n 8

Типы иллюстраций (по форме) Рисунки (в т. ч. карикатуры) n Фотографии n Инфографика (таблицы, схемы, карты, диаграммы) n 9

Типы иллюстраций (по содержанию) n n n Иллюстрации, создающие настроение (их задача – взволновать, завлечь потребителя). Информативные иллюстрации (документальные, предметные, реалистические – сохраняют доверие читателя). Формальные ( «в тему» . Такие иллюстрации, по сути, заполняют пространство, фактически не неся смысловой нагрузки. ) 10

11

12

Mood shots 13

14

Типы иллюстраций (по функции) n n - создание воображаемого, визуализированного продолжения повествования (это замысловатое описание изображения, иллюстрирующего статью) - личный комментарий (карикатура) - последовательное продолжение печатного издания; навигационное средство (обозначения, графика разделов, пиктограммы) - информация, объяснение (инфографика). 15

Иллюстрации могут быть выполнены n n n в любой технике: рисунки карандашом, пастелью, пером; акварель; масло; линогравюра; гравюра на дереве; офорт; эстамп; коллаж из бумаги; фотоколлаж; текстиль; смешанные техники. Единственное условие - они должны давать двухмерное изображение. Иллюстрации могут быть любой формы, их не ограничивают рамками прямоугольной формы страницы. Если она подходит к дизайну, вокруг нее можно сделать рамку (и снова никаких ограничений к типу рамки), или части иллюстрации могут заходить прямо в текст. Иллюстрации можно использовать более образно, чем фотографии, предоставляя, тем самым, дизайнеру больше свободы. 16

История бильдредактирования 17

HISTORY 18

19

20

1888 2004 21

1867 2007 22

23

24

25

26

27

28

29

Иллюстрации и текст должны взаимодействовать! 30

31

32

Сама по себе иллюстрация (рисунок) не имеет преимуществ над фотографией. n n n Разница между фотографией и иллюстрацией заключается в том, что фотография предоставляет визуальную информацию и объективную реальность, в то время как иллюстрация является более субъективной и индивидуальной формой, основанной на личном опыте и интерпретации. Иллюстрация может действовать как “гуманистическое” противопоставление фотографии и вносит большой индивидуальный вклад в текст (поэтому замечается в первую очередь). Для оправдания своего присутствия в периодических печатных изданиях иллюстрация должна предлагать комментарий, карикатуру, атмосферу или эмоции, или с помощью метафоры раскрывать смысл статьи: она должна делать что-то, что не может фотография. 33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

Принципы размещения иллюстраций n Предпочтительнее значимость (содержание) иллюстрации, а не ее привлекательность (еще лучше, если эти функции совмещены). 50

51

Размер 52

Размер 53

Акциденция: крупнее реальной величины 54

Размер: показать то, что важно 55

Размер: нужна иерархия 56

Размер 57

58

Принципы размещения иллюстраций n Актуальная картинка должна доминировать, другие изображения объединяются в «группу поддержки» (прием «курица и цыплята» ) 59

Доминирующее фото 60

61

Принципы размещения иллюстраций n Принцип группировки хорошо работает с маленькими изображениями: собранные вместе, они имеют большую степень воздействия, нежели разбросанные по полосе. 62

Reportage 63

Принципы размещения иллюстраций n Желательно использовать принцип контраста и в содержательности фотографий (необычное среди повседневного). 64

Принципы размещения иллюстраций n Подпись к иллюстрации должна объяснять читателю то, что он должен увидеть, а не то, что изображено на фотографии. 65

Принципы размещения иллюстраций n Ставьте картинку над текстом (картинки – реклама текста) 66

Принципы размещения иллюстраций n Если картинка ставится на сгиб, лучше перекрыть его крупным элементом: он увеличит масштаб читательских эмоций и превратит две вертикальные страницы в эффектный горизонтальный разворот. Однако сгиб при этом не должен разрезать главного элемента (особенно если возможен сдвиг иллюстрации) 67

68

Принципы размещения иллюстраций n Кадрируйте, отсекая второстепенное и оставляя самое важное. Жертвуйте изображением ради смысла. Начните с фокусной точки фото, затем раздвигайте. Кадрирование – это смысл, а не уменьшение! 69

70

71

72

73

74

75

76

77

78

79

Принципы размещения иллюстраций n Соотносите внутреннее движение картинки с ее местом на полосе: ракурс сверху ставится вниз, снизу – наверх. 80

81

82

83

Принципы размещения иллюстраций n Подчеркните движение слева направо и на следующую страницу, осознанно направив взгляд за пределы страницы, если того требует «живая» коммуникация. 84

85

Good photography 86

Принципы размещения иллюстраций n Заключите иллюстрацию в рамку. Однако жирные или цветные рамки могут привлечь внимание, а могут изменить звучание иллюстрации. Тонкие рамки намечают границы светлых пятен. 87

88

Принципы размещения иллюстраций n «играйте» с фокусом: двигайте линию горизонта, чтобы найти необычный ракурс, оживить иллюстрацию. 89

90

91

92

93

94

Принципы размещения иллюстраций n Снимки с людьми должны быть живыми, спонтанными (избегайте штампов!) 95

Avoid this kind of photography Bad photography 96

Принципы размещения иллюстраций n Используйте взаимоотношения соседних «окон» (иллюстрация – взгляд «из окна» текста в реальность) 97

Принципы размещения иллюстраций n Выравнивание картинок может быть по линии горизонта или по линии глаз. 98

Принципы размещения иллюстраций n Соседние иллюстрации соразмеряйте друг с другом по масштабу, чтобы они логично смотрелись вместе. Внутренняя связь между ними – размер, внешняя – форма (прямоугольники на одной странице). 99

100

Принципы размещения иллюстраций n Группировка иллюстраций диктуется редакционными задачами и логикой. 101

Формы группировки иллюстраций 102

103

104

105

106

Принципы размещения иллюстраций: группировка n Общность изображений (отношения, возраст, общие интересы) 107

Принципы размещения иллюстраций: группировка n последовательность 108

Принципы размещения иллюстраций: группировка n Общий фон или подложка (символический задний план) 109

Принципы размещения иллюстраций: группировка n Одинаковая форма 110

Принципы размещения иллюстраций: группировка n Общая визуальная тема 111

Принципы размещения иллюстраций: группировка n Люди, реагирующие друг на друга 112

Принципы размещения иллюстраций: группировка n Движение внутри картинки 113

Принципы размещения иллюстраций: группировка n Элемент, выходящий за пределы одной картинки и накладывающийся на другую, чтобы подчеркнуть динамику действия и его направленность 114

Принципы размещения иллюстраций: группировка n n Механическое сцепление (с помощь. декоративных элементов – скрепок, руки, пружины и т. д. ) Использование объемных конструкций (выстраивание матрицы) 115

Принципы размещения иллюстраций: группировка n Зеркальная картинка (иллюзия противостояния). Однако не следует злоупотреблять этим приемом 116

Принципы размещения иллюстраций: группировка n Стыковка половинок (частей) изображения 117

118

119

120

121

122

123

Принципы размещения иллюстраций: группировка n Увеличением размера подчеркивается рост, уменьшением – упадок, опустошение. Перекрытие изображений при этом усиливает связь между ними. 124

Принципы размещения иллюстраций: группировка n Если поставить маленькую картинку на большую, возникнет связь с контекстом. 125

Принципы размещения иллюстраций: варианты Вынесение ключевого момента иллюстрации за пределы иллюстрации 126

Принципы размещения иллюстраций: варианты n Или расфокусировать края иллюстрации (размыть их, смягчить) + игра геометрией 127

Принципы размещения иллюстраций: варианты Сегментирование изображения, создается эффект множественности, сложности при единстве сюжета 128

Принципы размещения иллюстраций: варианты n Использование негатива 129

Принципы размещения иллюстраций: варианты n Создание многомерности (картинки как картинки картинок): создание тени, использование дополнительного фона 130

Принципы размещения иллюстраций: варианты n Расположение в хаотическом (при этом строго продуманном, без нарушения удобочитаемости) порядке – эффект осенних листьев 131

Принципы размещения иллюстраций: варианты n Создание завернувшихся углов (лини АВ должна быть прямой, а лист заворачивается под прямым углом) 132

Принципы размещения иллюстраций: варианты n Фотография с оборванным краем (стремительная ярость, реализм) 133

Принципы размещения иллюстраций: варианты n Фотоуголки, подписи от руки, рамки 134

Принципы размещения иллюстраций: группировка n n Выборочность – уточнение смысла за счет удаления всего лишнего. Возможности рисунка отличаются от возможностей фото: «Благодаря картинке мы видим действительность, благодаря тексту – понимаем ее. Благодаря рисунку мы понимаем фотографию, а благодаря фотографии верим рисунку» (Стивен Лидман, президент Шведской академии слова и иллюстрации) 135

Принципы размещения иллюстраций: варианты n Визуализация внутренней структуры и анатомии: крупные планы на выносках делают доступным для восприятия устройство целого 136

Принципы размещения иллюстраций: варианты n Сочетание реального «что» с техническим «как» 137

Принципы размещения иллюстраций 138

139

140

Подрисуночные подписи Иллюстрация вместе с пояснением представляет собой двуединый комплекс. n Подписи к иллюстрациям не повторяют текст – они предваряют его, служат ему рекламой. n 141

Подрисуночные подписи n n Рассматривайте иллюстрацию и подпись как смысловое единство. Текст и картинка должны быть переплетены в единое целое, даже за счет того , куда поставлены слова. Скорость и ясность – то, что должен получить читатель. Подпись должна быть настолько длинной, насколько это важно для передачи смысла. 142

Подрисуночные подписи n Заголовки также должны отражать смысл рисунка 143

Подрисуночные подписи 144

Подрисуночные подписи 145

Подрисуночные подписи 146

Подрисуночные подписи n Задайте провокационный вопрос, чтобы возбудить любопытство и заинтриговать читателя. 147

Подрисуночные подписи 148

Подрисуночные подписи 149

Подрисуночные подписи 150

Подрисуночные подписи 151

Подрисуночные подписи 152

Подрисуночные подписи 153

Подрисуночные подписи 154

Подрисуночные подписи 155

Подрисуночные подписи 156

Подрисуночные подписи 157

Подрисуночные подписи n Разбивайте текст на строчки по смыслу (форма должна подстраиваться под речь) 158

Подрисуночные подписи n n n Ставьте текст подписи ближе к картинке, чтобы их смысловое единство стало очевидным Отбейте подпись от текста ниже широким белым пространством, чтобы усилить связь картинка с подписью, резко противопоставив ее окружающему сплошному тексту Используйте преимущество выключки – изменяемую ширину подписи. Количество слов в ней может быть разным, а число строк – оставаться неизменным. 159

Подрисуночные подписи n n В подписях можно использовать выключку по правому краю (при условии, что строчки не слишком длинные). Никогда не ставьте подпись над текстом: она не будет прочитана (исключение – если иначе, как сверху, подпись поставить невозможно – например, когда картинка стоит навылет вниз, но в этом случае можно попробовать размещение подписи справа или слева). 160

Подрисуночные подписи n Используйте преимущество выключки (можно изменять количество строк, выравнивая блоки подрисуночных подписей). 161

Подрисуночные подписи 162

Подрисуночные подписи 163

Подрисуночные подписи 164

Подрисуночные подписи 165

Подрисуночные подписи 166

Подрисуночные подписи 167

Подрисуночные подписи 168

Подрисуночные подписи 169

Подрисуночные подписи 170

Подрисуночные подписи 171

WHITE SPACE 172

173