Принципы построения изобразительно-шрифтовых композиций

Дизайн рекламы

Принципы построения изобразительно-шрифтовых композиций

В этой статье мне хотелось бы рассмотреть часто возникающую перед дизайнерами задачу построения изобразительно-шрифтовой композиции. Т.е. другими словами речь здесь пойдет о способах сочетания шрифта с изображением или орнаментом. Частенько от дизайнеров можно услышать, что им никак не удается "привязать" надпись к картинке. Результатом таких мучений становятся работы, где отсутствует единство композиции, которые разваливается на две свои составляющие части - изобразительную и шрифтовую. Основная причина подобного недостатка в том, что дизайнеры неправильно понимают природу связи надписи и рисунка. Привязывание одного элемента к другому, приблизительной и чисто внешней подгонкой стилевых и масштабных признаков — это неверная установка, от которой надо навсегда отказаться. Шрифт и изображение в одной композиции это единый комплекс. Что это значит? Прежде всего, то, что в работе над таким произведением автор должен решать вопрос изображения и шрифта одновременно, в неразрывной связи того и другого. Так, что такое единство шрифта и изображения в композиции? В чем оно должно проявляться? Во-первых, конечно, в единстве стиля и в общих признаках. Если взять, к примеру, русскую рукопись или фрески древних храмов, то нельзя не обратить внимания на то, что уже в давние времена шрифт осознавался как выразительный элемент изобразительного искусства. Вспомните, сколь естественно и в то же время изобретательно вплетается шрифт в общий стиль и характер изображения в книжной миниатюре! Их нельзя назвать просто буквами, годными лишь для прочтения. Нет. Буквы в своем написании несут единое с изображением выразительно-стилевое начало (Рис.1). Рис. 1. Композиция. В. Тоотс Нам же часто приходится сталкиваться с тем, что эта тема у некоторых начинающих дизайнеров сводится только к вопросу - антиквой или гротеском лучше "дополнить" изображение? Причем характер того и другого шрифта понимается довольно примитивно, сводясь к одному: контрастный ли он, имеет засечки или нет? Так упрощать - значит не иметь никакого, представления о существе проблем, встающих в данном случае перед дизайнером. Вторым признаком единства можно считать единство смысловой логики изображения и надписи. Каждому, даже совсем неопытному, дизайнеру ясно, что к шутливой картинке больше всего подходит такой же "шутливый" шрифт. Можно даже, вопреки правилам, дать текст разными по стилю буквами, в одном слове соединить различные гарнитуры и т.д. Причем это можно подчеркнуть, что бы передать пестроту и разнообразие. Это самый простой пример. Шрифт должен соответствовать стилю и смыслу изображения. Торжественность, праздничность, лирический или героический мотив - все это должно находить свое отражение и в характере шрифта. В подобных работах не стоит, сделав графику, "пришивать" потом к ней шрифт. В этом случае шрифт всегда будет "чужим". Если композиция уже в сознании автора представляется разделенной на две части, то одного этого достаточно для минимального, но все же заметного искусственного разъединения надписи и изображения. Поэтому работу над композицией, включающей изобразительные и шрифтовые элементы, нужно обязательно начинать и вести одновременно по всем элементам. Надо постоянно помнить, что надпись и изображение - это части одного организма. Изображение и шрифт должны обязательно находиться в исторической соподчиненности и соответствовать стилем той или иной эпохе. Это касается не только исторических тематик, но и современных. Ведь современность находится не вне истории. Это всего лишь звено в непрерывном историческом процессе… Как правильно скомпоновать надпись и рисунок в композицию? В соответствии с пластикой рисунка (первый признак единства). Ведь рисунок на какую-либо историческую тему может быть выполнен по-разному. Так и шрифт к этому рисунку должен ему соответствовать. Но помните - не рекомендуется просто реставрировать тот или иной исторический шрифт. Нужно иметь в виду, что при всем своем историческом характере композиция служит современности и должна говорить современным языком. Т.е. черты современности должны неизбежно присутствовать в работе. Есть еще один признак, помогающий найти решение сочетания шрифта и рисунка, - это масштабное единство композиции. В чем оно заключается? Дизайнер должен сразу (уже на первой стадии работы) представлять себе, что главенствует в композиции - шрифтовые или изобразительные элементы. Как они будут соотноситься между собой и что это соотношение эмоционально выразит. Что будет, если все вышесказанное не учтено? А то, что результат будет "ни два, ни полтора", т.е. неопределенный и случайный. Однако единство шрифта и изображения не исчерпывается только количественным соотношением того и другого. Большое значение здесь имеет и степень цветовой насыщенности элементов. Например, если изображение выполнено пером в эскизной манере, а шрифт к нему подобран сочный и жирный, то текст, естественно, будет главенствовать над изображением. Остановлюсь еще на одном частном случае, который заслуживает внимания. Замечено, что многие неопытные и начинающие дизайнеры не в меру увлекаются "объемными шрифтами". Объясняется это просто: стремлением сделать надпись более весомой и эффектной. Только злоупотреблять этим приемом не следует. Например, при строго плоскостном изображении объемный (рельефный) шрифт, как правило, входит в противоречие с необъемным характером изображения и вступает с ним в конфликт. В результате вся композиция распадается на куски. Вообще к объемному шрифту нужно относиться очень осторожно. Казалось бы, в фотографию, с ее глубинной пространственной перспективой, сам собой просится объемный шрифт для усиления впечатления "глубинности" и тем самым большей завершенности. Но это только кажется. Если посмотреть на лучшие образцы плакатного и рекламного искусства, то можно заметить, что при использовании в них фотоизображений, шрифт все-таки (в подавляющем большинстве случаев) предпочитают давать плоским. Почему же так? Дело в том, что всякая композиция строится с учетом изобразительной плоскости. А объемный рисунок (или фото) ее зрительно разрушает. И вот, чтобы нейтрализовать этот иллюзорный прорыв плоскости, предпочитают пользоваться именно плоскостными шрифтами, которые уравнивают объемное изображение с плоскостью. Включение шрифта в изобразительную композицию - очень частая и совсем непростая задача. Ведь шрифт - это очень своеобразное искусство. Во-первых, он носит условный, знаковый, а не изобразительный характер. Во-вторых, шрифтовая композиция не только рассматривается целиком, но и читается в определенном порядке, строка за строкой, сверху вниз и слева направо. Любая надпись имеет определенную динамику и последовательность, развернута не только в пространстве, но и, если так можно выразиться, во времени. Все это делает композицию шрифта с изображением очень специфичной, отличает ее от большинства видов декоративного и изобразительного искусства. А между тем эти искусства постоянно сталкиваются, соединяются в композициях синтетического характера, где шрифт, орнамент и предметное изображение оказываются частями одного целого, живут вместе и не мешают друг другу. Дизайнер должен хорошо уметь связать шрифт с орнаментом или изображением самого разного характера. А для этого одного лишь владения принципами шрифтовой, орнаментальной и изобразительной композиции, взятыми по отдельности, будет явно недостаточно. Разумеется, у изобразительной и шрифтовой композиции есть не только различия, но и общие черты. Они и помогают приводить их к "единому знаменателю". Изображение и шрифт могут быть подчинены общему пространственному ритму, близким пластическим принципам. Признаки художественного стиля, художественные особенности того или иного времени одинаково проявляются в начертаниях шрифта и рисунка. В распоряжении дизайнера есть различные способы зрительного подчинения шрифта изображению или наоборот изображения - шрифту. Кстати, композиционное единство шрифта и изображения может основываться не только на их сближении, но и на осмысленном, умело примененном контрасте, противопоставлении объема и плоскости, статики и динамики и т.п. Построение цельной орнаментально-шрифтовой композиции облегчается тем, что шрифт и орнамент носят двухмерный, плоскостной характер и предполагают ясную ритмическую организацию. Найдя для букв и узоров общий ритм, сходную пластику, близкую насыщенность цветом, дизайнер может добиться слияния шрифта с орнаментом в единый образ. Рис. 2. Композиция. Ч. Пирс Выразительная пластика шрифта, его ритм могут использоваться в чисто декоративных композициях. Иногда шрифт при этом сохраняет и значение, как бы, зашифрованного текста, подобно древнерусской вязи. Самый распространенный способ сочетания шрифта с изображением в единой композиции состоит в том, что рисунку и надписи отводятся самостоятельные, четко разделенные части плоскости. И тут тоже есть нюансы: изображение заполняет всю плоскость листа, а рамкой, как бы наложенной на него, выделена надпись или изображение занимает некоторую часть на нейтральной поверхности и отделено от текста рамкой и т.д. Рис. 3. Футляр. И. Билибин Интересный эффект можно получить, когда объемное фотографическое изображение зрительно связано с плоским шрифтом и подчиняется его плоскости. Этого можно достичь, если перевести фотографию в контрастную черно-белую форму, т.н. фотографики. Рис. 4. Плакат Добиваясь возможно большего единства надписи и изображения, художники-конструктивисты в конце 1920-х годов пытались строить изображения из наборных, типографских материалов - скобок, знаков, линеек различной толщины и проч. Обложки и плакаты, выполненные в этой своеобразной технике, действительно получались очень цельными. Изображение в них плотно лежит на бумаге, держит плоскость. Рис. 5. Плакат. В. Лебедев Плоскостной схематизированный рисунок плакатного типа легко увязывается с надписями, трактованными так же плоскостно, с буквами упрощенного рисунка, как бы набитыми по трафарету. Рис. 6. Обложка. А. Родченко Хорошее единство изобразительно-шрифтовой композиции достигается в тех случаях, когда рисунок подчиняется движению строчек текста, включается в их ритм. Такое изображение строится не в глубину, а прямо на плоскости, вдоль которой направлено движение фигур. Фаворский, специально изучавший законы связи изображения со шрифтом, называл такую плоскость "двигательной" поверхностью. Рис. 7. Обложка. В. Фаворский Соединение плоского шрифта с объемным или пространственным изображением может быть достигнуто их подчеркнутым контрастом. Рис. 8. Обложка Один из способов тесного слияния шрифта с изображением, носит название "каллиграмма". Это в некотором роде графическая игра, заставляющая текст ложиться в рамки очертания рисунка и своим расположением создавать иллюстрацию. Рис. 9. Шрифтовая композиция. В. Тоотс Я не ставлю своей задачей перечислить все возможные случаи связи изображения со шрифтом. И не потому, что нас ограничивает объем журнала (хотя и это тоже есть), а потому, что все случаи перечислить невозможно, т.к. они бесчисленны и возникают все новые и новые. © 2001 Николай Дубина aka nik7777

Шрифт в дизайне

Иногда при помощи шрифта можно сказать больше чем при помощи картинки Основу любой публикации, даже если это рекламное объявление или годовой отчет компании, составляет некий текст, который несет в себе информацию для читающего его. Использование определенных шрифтов иногда очень помогает донести эту информацию. Давайте посмотрим какие же основные элементы текста могут присутствовать и какими шрифтами лучше всего их выполнять. Основные элементы текста В тексте могут присутствовать следующие элементы: заголовок - лучше всего выполнять более крупным, привлекающим внимание шрифтом, это может быть либо легкочитаемый шрифт с засечками (мы рассматривали подобные в предыдущем описании) либо наоборот трудночитаемый шрифт с очень яркой, запоминающейся гарнитурой. Примерами могут служить такие шрифты как Helvetica, Tahoma, Arial (шрифты без засечек), Baltica (c засечками), различные декоративные шрифты. девиз (или цитата) - обычно делают шрифтом на 1-2 пункта меньше основного текста. Так как шрифт получается достаточно мелкий - 9-11пик то лучше воспользоваться шрифтами без засечек (Helios, Helvetica, Arial, Tahoma). Кроме того будет лучше если фраза будет набрана наклонным (itallic) шрифтом. Таким образом она будет более заметна. основной текст - набирается размером в 10-14пик. здесь лучше использовать стандартные решения -шрифты с засечками или без, но обязательно легкочитаемые (если конечно вы не стараетесь специально сделать текст неудобочитаемым). Для веб-страниц идеально подходят шрифты Arial, Helvetica, Times Roman. адреса, телефоны, имена авторов - обычно делаются либо на 1-2 пики больше основного текста, либо такими же по размеру, но полужирными. Правильный подбор шрифтов На мой взгляд, прежде чем начинать подбор необходимо уяснить для себя, что мы хотим сказать этой публикацией людям. В зависимости от этого, а так же от вида публикации (реклама, объявление, отчет, информационная записка и т.д.) и выбираются шрифты. Не случайно, например сложно увидеть в газете декоративный шрифт (даже в заголовках), а в рекламе он встречается довольно часто. Дело в том что цель заголовка газеты и рекламы одна, но достигается разными путями. В газете достаточно просто изменить размер шрифта или изменить его наклон и читатель сам поймет где заголовок, а где основной текст. В рекламе же необходимо как можно ярче, интенсивнее заявить о себе, причем зачастую одной рекламе соседствует несколько других, вот и пойди заинтересуй потребителя именно своим товаром. По этому-то в рекламе и используют декоративные шрифты - они более запоминающиеся, яркие. Давайте рассмотрим несколько вариантов одного и того же заголовка. Попробуем написать один элемент текста - заголовок разными способами. текст набран шрифтом Helvetica Данный текст вполне смотрелся бы в качестве заголовка к статье или докладу. Но например в рекламе или тексте где нужно подчеркнуть независимость, модерн, стильность больше бы подошел следующий вариант: Текст набран мрифтом IceAgeD. Этот шрифт ярок и выразителен, он напоминает печать на промокашке. Такой шрифт замечательно подойдет к модному изданию или рекламе. Текст набран шрифтом Impact. Этот шрифт напоминает Helvetica, но он более сжат и лаконичен. Идеально подходить для коротких фраз. Например для рекламного слогана. Текст набран шрифтом KeyPunch. Этот шрифт ассоциируется с будущим, свысокими технологиями. По-этому его сфера применения - компьютеры. Реклама компьютеров, заголовки отчетов и прочее - вот его место. Текст набран шрифтом Tahoma. Tahoma - один из самых любимых моих шрифтов. Его основное достоинстово - он легко читается в самых различных кеглях. Идеально подходит для основного текста. Набранный заглавными буквами подойдет как заголовок статьи. Трекинг Еще одной важной частью работы со шрифтами является настройка трекинга (расстояния между символами в слове) для того чтобы понять зачем нужен трекинг посмотрите на два заголовка слева. первый текст набран с трекингом в 10 единиц, второй с трекингом в -30 Как вы можете заметить первый выглядит растянутым... расстояния между буквами довольно большие (в других шрифтах это можно заметить еще сильнее). Для того чтобы текст был более удобен для чтения и воспринимался целостным иногда следует применять отрицательный трекинг. Leading (интерлиньяж) Этот термин означает межстрочное расстояние. Оно играет практически такую же роль как и трекинг. Т.е. с его помощью вы можете уплотнять строчки текста по вертикали. Иногда это уменьшение позволяет, с одной стороны, уменьшить размер площади занимаемой данным абзацем текста, а с другой стороны, из-за этого уплотнения абзац выделяется на общем фоне (т.к. смотриться более темным). Вообще стараются делать интерлиньяж на 1-2 пункта больше кегля шрифта. В завершение Мой вам совет - никогда не спешите при выборе шрифтов для публикации, старательно относитесь даже к таким мелочам как трекинг, интерлиньяж, отсупы и прочее... Тогда ваша публикация будет выглядеть замечательно. Старайтесь на первых порах избегать особо вычурных шрифтов, неумелое использование которых может оттолкнуть читателей от ваших материалов. Кстати именно применение красивых, но плохочитаемых шрифтов и является основной ошибкой начинающих. Аверин Александр