Теория построения шрифта. Виды шрифтов и их особенности восприятия для художников
Буква похожа на муху в молоке.
В. А. Фаворский
Начнем с того что попытаемся отказаться от восприятия буквы как знака означающего нечто. Представим букву как предмет, который существует в пространстве листа или книги и имеет определенные пространственные свойства в силу своей конструкции и нашего восприятия ее.
И такая установка неслучайна, ведь история развития письма показывает нам, что изначально буква произошла из предмета. Человек, пытаясь обозначить животное, рисовал его. Потом эти изображения становились более абстрактными, обозначающими целые фразы. Таким образом, письменность постепенно перешла от "рисунков для памяти и иллюстраций" к различным видам пиктограмм. Латинская и кириллическая письменность, которая нас интересует, возникла из финикийского константно-звукового письма, в котором знак обозначал отдельный звук речи.
И параллельно с этим процессом абстрагирования знака происходил процесс уменьшения ее пространственной значимости. Достаточно сравнить египетские иероглифы и клинопись. Эта тенденция сохранилась даже тогда, когда форма букв уже почти не изменялась. Это происходило за счет внутренней конструкции буквы, смены материалов и процесса печати. Как мы увидим ниже форма рукописного знака более пространственна чем первопечатная буква, а в свою очередь последняя объемней, чем компьютерная распечатка.
Но мы несколько отвлеклись. Итак, буква представляет собой черный силуэт, некого тела, а та или иная моделировка черного, изменяя конструкцию, в то же время ставит букву в определенное отношение к белому. Они не существуют изолированно, они взаимодействуют.
Причем, так как буква моделирует черное, то тем самым моделирует и белое, и черное как бы врастает в белое. У Фаворского есть замечательный образ: буква тонет в белом и возникает из белого (буква как бы похожа на муху в молоке ). Иначе буква сухо лежала бы на листе в цветовом отношении и как бы могла быть сброшена с листа бумаги.
Так что же происходит при восприятии знака? Какие пространственные метаморфозы происходят у нас в момент восприятия, что мы видим плоское пятно черной краски, как предмет находящийся то впереди, то позади поверхности листа?
Обратимся к Арнхейму. Он утверждает, что при восприятии человеком системы "фон-фигура" глаз "идет" по пути наименьшего сопротивления, т.е. пытается сохранить воспринимаемые плоскости максимально целостными, неразорванными. Если мы нанесем черный круг на лист, то мы сразу почувствуем, что он и белая поверхность находятся на разных пространственных уровнях.
Вообще возможно 3 варианта, но почему-то мы воспринимаем так, как изображено на 1 варианте.
Целостная модель раскалывается по глубине. Очевидно, для восприятия 2 вариант является слишком сложным и "чтобы избежать прерывания во фронтальной поверхности приходиться принимать раскалывание модели более чем на один глубинный уровень".
Но почему же мы видим черный круг впереди листа, и нас не устраивает 3 вариант? В системе "фон-фигура" всегда кто-то является фигурой, а кто-то фоном. Круг в данном случае фигура. Значит, есть параметры, определяющие активность предмета. В взаимодействии двух поверхностей важное значение будет иметь форма цветового пятна и какой фон эта форма имеет, и на каком цвете лежит, т.е. насколько эта форма будет характеризовать круг как предмет, а не как отверстие в другом цвете, и какое качество поверхности придает форма пятну цвета. Существует закономерность, сформулированная Рубиным, - выпуклость имеет тенденцию побеждать вогнутость. Если была бы форма подобная этой:
то мы бы ее воспринимали как дырку в облаках. Рисующим в этой системе становится белое, оно как бы наступает на черное.
Основываясь на этой закономерности можно заключить, что чем форма больше стремиться к кругу (т.е. идеальной выпуклости) тем определенней эта форма воспринимается, как предмет лежащий на поверхности.
Для простых форм по степени уменьшения выпуклости можно выстроить такой ряд:
К степени выпуклости-вогнутости необходимо добавить и степень симметрии. Фаворский отмечает, что неравносторонний треугольник по преимуществу воспринимается как отверстие, как черный провал. Белое как бы давит на непрочные грани, и визуально они кажутся немного изогнутыми. А равносторонний треугольник более устойчив к натиску белого фона, так как центральная симметрия придает ему устойчивую конструкцию. Это в прочим соответствует и правилу, что преобладать в системе "фон-фигура" будет тот вариант, который создает более простую целостную модель. Очевидно, что симметричная фигура более простая, чем асимметричная.
Помимо формы значение имеет цвет и тон. Человеческий глаз в такой простой ситуации воспринимает черное пятно как более активное, активное не в плане выхода на передний план, а в смысле обращения внимания. И если инвертировать предыдущие рисунки, то станет ясно что сильнее эффект от случая когда рисующим становится черная форма.
Конечно, более сложные конфигурации пятен производят и более сложное впечатление. Допустим, если на бумагу прольется тушь, то лужа будет растекаться, и где-то будет заливаться на бумагу, а где-то бумага ее не пустит. Получиться картина борьбы суши с морем. Мы будем чувствовать тяжесть туши воды, и сопротивление бумаги, как берегов. В силуэте такого пятна местами победит черный, местами белый цвет; то тот, то другой будут массивными, но такое пятно мы всегда воспринимаем как лежащее на белом.
Такой образ вполне уже подходит к букве. По сути, буква и есть такое пятно туши разлитое на бумаге.
Первые века книгопечатанья буквы вырезались из дерева или гравировались на меди. Основой шрифта были штамбы - основные вертикальные штрихи и дуги; штамбы делались с подсечками. Засечки были немного закругленными. Это зависело и от традиционной конструкции рукописного шрифта, и от античного шрифтового наследия. Такой шрифт Фаворский называет объемным или классическим.
Его основные и дополнительные штрихи не сильно контрастны, что придает букве локальный единый цвет, и определенную предметность. Что позволяет букве достаточно четко отрываться от фона, но закругленность форм букв способствует легкой пространственной вибрации и белого, которое слегка выходит вперед в вогнутых участках буквы. Например, в месте соединения штамба и засечки, или во внутренней части полу дуг в буквах В,Б и т. д. В этом шрифте дуги построены наподобие стальных пружин. Это опять же отражает преемственность шрифта печатного от рукописного. Эти пружины создавались движением пера, и это определяло не только пространственные отношения между черным и белым, но и внутри буквы, ее конструкции. Знак как бы сохранял, аккумулировал энергию движения пера. Но в рукописном это происходило менее механично, чем в печатном.
Еще одной из особенностей классического шрифта является то, что горизонталь и вертикаль в нем соизмеримы. Это можно объяснить так: есть плоскости, которые образованы одинаково горизонталью и вертикалью - плоскость расчерченная сеткой линий наподобие миллиметровки. Эта одинаковость видна на примере букв "О" и "С".
Но существуют плоскости, которые как бы образованы движением вертикалей, а горизонталь есть лишь перемещение точки вертикальной линии.
На такой плоскости построен другой шрифт, появившийся в 19в. и связанный с романтизмом. Основной штрих букв этого шрифта довольно широкий с тонкими засечками. Образ мухи тонущей в молоке больше всего подходит к этому шрифту.
В связи с сильным контрастом между волосяными линиями и штамбом, кажется, что последние углубляются в бумагу, тонут в ней, а усики и ножки засечек удерживают букву на поверхности. В разрезе это можно изобразить так:
Сильный нажим черного активизирует, как бы выдавливает на поверхность белое. Но это первое впечатление, которое может быть и ошибочным. Что же происходит на самом деле?
Фаворский приводит пример черного квадрата с закругленными углами, который выглядит массивным и квадрата с небольшими засечками по углам, где в силу контраста с тонкими линиями пятно уходит немного в глубину листа.
Так происходит, очевидно, в связи с тем, что сильный контраст с засечками делает форму слишком сложной для восприятия и она раздирается на несколько простых форм. Так как в случае с элементарными ситуациями явления "фигура - фон", эффект объемности при частичном совпадении изобразительных единиц, по-видимому, возникает тогда, когда общая зрительно воспринимаемая модель становиться с помощью оверлэппинга значительно проще.
В классической букве различие в горизонтальном и вертикальном штрихе скрадывается закруглениями и небольшой разницей в "массе" черного. И поэтому буква воспринимается как целое пятно. В романтическом шрифте засечка воспринимается, как линия перечеркнувшая черный прямоугольник. Начертим модель.
Эта задача решается посредством законов оверлэппинга, т.е. пространственные отношения между фронтальными плоскостями.
Гермогольц в 1886 г. отметил, что результирующая пространственная ситуация обуславливается главным образом тем, что происходит в точках пересечения. Как более простая и непрерывная форма - линия (засечка) воспринимается как лежащая сверху прямоугольника. Даже скорее, в точках пересечения прямоугольник не имеет продолжения и похож на две линии на которые наложены перпендикулярные линии. Таким образом, основной штрих выглядит так:
Но тут еще вступает одно противоречие. У Арнхейма читаем, что чем толще и жирнее линия, тем больше ощущается отделение формы от фона и соответственно чем тоньше - тем меньше. Имея такую засечку , узость которой еще увеличивается с помощью контраста с толстым основным штрихом, нам кажется, что она (линия) почти лежит на плоскости. И очевидно законы оверлэппинга сильнее здесь активности черного штриха и он кажется ниже засечек, а значит ниже и самой поверхности листа. Таким образом, вместо 3 уровней в нашей схеме получается почти 2 (отделение линии от листа можно не считать в связи с незначительность эффекта). Это связано со все тем же упрощением воспринимаемого объекта.
Романтический шрифт в отличие от классического, предметного шрифта, является более пространственным шрифтом. Буквы часто сжаты, их вертикализм в строении дуг, делает их как бы элементом пространственного ряда, а не самостоятельным предметом. Такой характер шрифта объясняется не прихотью моды, а процессами происходящими в искусстве, изменению отношения к пространству. Достаточно вспомнить античную скульптуру с романтической. В первой наполненность, цельность и упругое сопротивление пространству, а во втором случае растворение, активизация пространства, его увеличивающаяся массивностью и материальностью. Дуги и ветви в этом шрифте строятся не по естественному изгибу пружины, а как бы сжимаются и сами по себе, рядом с вертикальным штабом создают некий вертикальный узор, так и в "О" и "С".
Необходимо отметить в некоторой степени предшественника романтического шрифта- готический. Зародившийся в 12 в. в Южной Италии и ставший популярным в Германии этот шрифт стал наиболее ярким по своей выразительности. По сути этот шрифт приблизился к орнаменту. Но несмотря на близкие характеристики с романтическим (т.е. контраст между засечками и штамбом, вертикальная направленность и т. д.). Ощущение ухода черного штриха под лист нету. Наоборот буквы смотрятся как рельеф, как решетка на белой плоскости. Во-первых, расстояние между штамбами достаточно мало чтобы активизировать белое. Во-вторых, окончания букв лишены обычных засечек, а заканчиваются своеобразными ромбами, что создает дополнительную выпуклость штриху. Тонкие линии не имеют большого конструктивного значения и лишь соединяют штрихи.
Есть еще один тип шрифта, используемый часто в 20 веке, но раньше бытовавший наряду с пространственным. Этот тип связан с плакатом, объявлением. С фотографической иллюстрацией и с иллюстрацией фактурной, характерной для плоского кубизма. Этот шрифт цветной без всяких засечек, почти не моделирующий черного, а следовательно, и белого цвета и дающий только элемент конструкции.
Для этого шрифта характерно наименьшее взаимодействие с белым листом. Буквы смотрятся почти плоскими, теряется предметность, им на хватает лица, индивидуальности, и они являются как бы только куском материала, что подходит к оптической моделировке серого в фотографии или к фактурам цветной иллюстрации. Такой шрифт отражает определенную тенденцию уплощения образа, характерную для всего 20 века. И если антиква близка к Боттичелли, то "рубрик", жирный гротеск подходит Пикассо и Матиссу.
К четвертому виду шрифта можно отнести тонкий гротеск. Его штрихи и дуги скорее чертят, чем ее рисуют. Фаворский называет одномерно-профильным или контурным. Такого рода контурность создает и новое отношение белого и черного. Проведем окружность
Помимо того, что мы уже знаем о разно плановости этой модели, появилось ощущение разной плотности белого внутри круга и белого за контуром. Внутреннее представляет собой нечто более компактное, а внешнее более рыхлое. Внутреннее оказывает сопротивление различным вторжениям, оно более активно и притягивает к себе контур. Ведь мы могли бы представить контур принадлежащий внешнему фону, но это не получается. Конечно, если мы увеличили плотность фона по сравнению с внутренним пространством, сделали его слегка серым.
Фон стал бы более активным и притянул к себе контур. Но это почти не происходит со шрифтом. Таким образом, мы видим белый круг ограниченный черной каймой. Изменение контура влечет за собой и изменение внутренней поверхности, но всегда ее форма будет иметь наипростейший вид. Этот пространственный эффект будет уменьшаться по мере увеличения круга или уменьшения толщины контура. То есть чем тоньше гротескная буква, тем она менее пространственна.
И буква уже скорее напоминает волосы, упавшие в молоко, чем муху. Отрыв от плоскости листа здесь минимальный. Но когда контур достаточно тост, внутри букв о, е, в, и т.д. белое становится плашкой. И буквы основные штрихи, которых прочно лежат на плоскости своими округлыми элементами приподнимаются над листом.
Теперь пару слов скажем о рукописном шрифте.
Как я уже отмечал он более пространственен, чем печатный и конечно относится к группе предметных шрифтов. Во-первых, основываясь на правиле Рубина о выпуклостях можно понять, что по своей конструкции рукописный шрифт более округлый, даже вертикальные штрихи не всегда ровные, вед рука человека не машина. Таким образом, впечатление о строке такого шрифта скорее будет как о цепочке кружочков, чем как о строю палочек (исключение готический шрифт, но и он более предметен, чем его типографский аналог - фрактура).
Во-вторых, как я уже говорил, движение пера создает внутреннюю напряженность скрученной ленты и при желании можно разглядеть как бы торцы и изгибающиеся поверхности этих лент.
В-третьих, неровности границ буквы создают легкую вибрацию фона и фигуры, что способствует лучшей и гармоничной связи знака с белой поверхностью. Эти "следы" материала очень важны. Они присутствуют и в типографской букве, буква как бы помнит форму, с которой она была напечатана. Термин "серебро" как раз подходит к этому виду пространственных отношений. В компьютерном шрифте такой памяти материала почти не осталось. И буквы, поэтому становятся мертвыми, органически не связанными с листом. Помимо этого аспекта, как мы увидели, и форма буквы постепенно становилась упрошенной, упрощалась и схема взаимоотношений "фона и формы", буква становилась более плоской, отделяясь и обособляясь от листа. Но на смену модернисткой разобщенности листа и буквы пришла эстетика постмодернизма.
Современные художники пытаются как-то уменьшить пространственный отрыв буквы от листа поэтому сейчас так популярны "резанные", покореженные, шрифты, наложение гротеска и антиквы в одном знаке и т.д. Таким образом, буквы не гармонично сосуществуют с листом, а растворяются в нем. Лист становится доминантой, агрессивной средой, где визуальные акценты часто не совпадают с смысловыми.
Мы вкратце отметили различные взаимоотношения фона, и фигуры для нескольких основополагающих видов шрифта, теперь схематично покажем на примере одного шрифта, что происходит с белым и черным в разных буквах. Безусловно, в разных типах шрифтов эти взаимоотношения будут немного отличатся, но все нюансы в данной работе не могут быть освещены.
В буквах организованных с помощью дуг и полу дуг белое наплывает на черное в местах наибольшей выпуклости - по вертикали, где утонченная дуга черного не может сопротивляться активности белого. В данном случае (в букве О) все же белое с трудом перетягивает букву как контур так, как черный силуэт достаточно массивен и неоднороден по толщине, что предполагает разночтения.
В букве "В" происходят более сложные пространственные процессы. Точкой я отмети место пересечения. В этом месте основной штрих явно находится над срединной линией. Значит эта точка самая "высокая" в этой букве. Во внутренних плоскостях происходят сходные процессы, что и в букве О, только слева граница основного штриха не пускает белое, а подминает его под себя. Круглящиеся засечки остаются на плаву, хотя месте соединения с штамбом лист притягивает их к себе. Насчет буквы Н можно сказать, что опорные точки пересечения выходят вперед, а белая поверхность захватывает соединительный штрих, тем более что он немного вогнут.
Так в принципе можно разбирать все буквы и каждый раз в разных шрифтах будут по разному решатся взаимоотношения белого и черного. И в зависимости от этого решения художник может подбирать тот или иной шрифт для рекламы, книги, журнала. Ведь это очень важно чтобы пространство используемого материала, иллюстраций соответствовало пространству шрифта, а не входило в диссонанс.
P.S.
В данной статье рассматривается только восприятие буквы неподвижным наблюдателем. Психологию восприятия текста читающего или пишущего человека, я опускаю. Эта проблему можно было бы рассмотреть на основе другого "диалога" Гибсона (основоположника экологической теории восприятия, в своем роде оппонента Арнхейма) и например украинского художника Богомазова (теоретика искусства, близкого футуризму).
Используемая литература
1. Арнхейм Р. "Искусство и визуальное восприятие" Москва "Прогресс" 1974
2. "Книгопечатанье как искусство" Москва "Книга" 1987
3. Барышников Г.М. "Шрифты разработка и использование" Москва "Эком" 1997
4. Добиаш-Рождественская О.Е. "история письма в средние века" Москва "Книга" 1987
5. Фаворский В.А. Литературно-теоретическое наследие Москва "Советский художник" 1988
Чекаль Алексей
Источник : http://www.prodtp.ru/
- 10 лучших сервисов для дизайнеров и веб-дизайна (2332)
- 16 приемов создания креативной рекламной идеи (16807)
- 8 техник генерации креативных идей - выбор за вами (12328)
- Как разработать рекламный слоган (60238)
- Разработка логотипа - 3 основных типа лого и 10 ключевых составляющих (57585)
- Понятие Фирменного стиля. Базовый комплект фирменного стиля (28581)
- Креатив в рекламе - 4 составляющих успеха (33054)
- Креативная стратегия для разработки элементов фирменного стиля (27672)
- Правила проектирования фирменного стиля. Изучаем этапы (19893)
- Что такое креативность? (27159)
- Disruption - официальная креативная технология TBWA (18825)
- Зачем нужен фирменный стиль? (31300)
- Классические и современные техники создания креативной рекламы (20057)
- Использование метафор - это кратчайший путь к подсознанию (28976)
- Стадии развития креативных технологий. Методика Мозгового штурма (16872)
- Успешная реклама. Нужен ли креатив? (20334)
- Что такое “Фирменный стиль” (144868)
- Каким должен быть фирменный стиль компании? (40857)
- Классификация элементов фирменного стиля - основные элементы (43331)
- О фирменном стиле замолвите слово. Опишем фирменный стиль простыми словами (20559)
- Разработка фирменного стиля торговой марки (25511)
- Что такое креатив? Эффективность или креативность (20543)
- Что такое креатив? Разбираемся с понятием (23557)
- Как сочиняют слоганы - 5 основных приемов с примерами (22236)
- Дизайн рекламы (93058)
- Психологический дизайн фирменного стиля (30068)
- Красный цвет - цвет лидера. Дизайн рекламы в красных тонах (27049)
- Джон Джилрой - великий рекламный дизайнер (1898-1985) (18586)
- Психологические закономерности восприятия рекламных текстов (28912)
- Приемы и методы рекламного воздействия на Аудиторию (56560)
- Сделайте нам красиво. Что заказчики ждут от рекламного агентства (13350)
- Визуальное позиционирование упаковки. Влияние цвета на целевую аудиторию, примеры (24270)
- Создание креативной рекламы с единой сюжетной линией (18908)
- Техника персонификации в создании креативной идеи - пример с Вимм-Билль-Данн (16219)
- Секс в рекламе - сила воздействия (20927)
- Шок, эпатаж или креатив? (14813)
- Психология цвета в рекламе. Семантика цвета (24250)
- Шрифт в дизайне - Основные элементы текста. Правильный подбор шрифтов (31706)
- Графическое и шрифтовое оформление рекламы. Практические рекомендации (53792)
- Цветовой круг. Практическое руководство для дизайнера и художника (25530)
- Декоративные шрифты. Типы декоративных шрифтов. Кому это нужно? (31768)
- Принципы построения изобразительно-шрифтовых композиций (63031)
- Креативные Рекламные ролики - креативная идея как основа (32621)
- Выразительность рекламной фотографии. Как зацепить потребителя? (20094)
- Креативное мышление в рекламе. Мозговой штурм и метод латерального мышления (23362)
- Big Idea - Долгосрочная стратегия креативного позиционирования (17931)
- Чей это след? Пример креативной идеи и успешной Рекламной кампании (14636)
- Шрифт и текст - основные понятия. Шрифт как элемент дизайна (24527)
- Что такое креатив? Рекламный и PR креатив - показатель эффективности (68855)
- Цветовые веера Pantone. Цветовые библиотеки для графического дизайна и полиграфии (24293)
- Основы теории цвета. Цвет в Дизайне рекламы (41644)
- Сергей Пронин о том, как создается креатив (18525)
- Твоя первая этикетка. Дизайн этикетки - основы цвета и первые шаги (49196)
- Методы поддержки процесса поиска новых идей (Синектика) (23945)
- Критерии оценки креативной идеи (21618)
- Второе пришествие Axe. История креативного продвижения бренда (15348)
- 8 советов для создания креативной рекламы от Дэвида Огилви (83604)