Оптический прием повышения читабельности шрифта

М. Ю. Бахус

В статье рассматриваются актуальные вопросы шрифтового проектирования. Анализируется история кирилловской письменности, выделяются современные тенденции в развитии печатной графики. Изучаются методики разработки гарнитур, применяемые в отечественной практике. Определяются способы, позволяющие улучшить оптические характеристики шрифта. Презентуется новый прием повышения читабельности, заключающийся в использовании контурной обводки для корректирования разрывов в линиях символа.

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

Шрифт (от нем. schrift) представляет собой набор письменных или печатных символов, объединенных по общему признаку (комплект литер для кирилловского, латинского, греческого или арабского алфавита, пиктограммы или идеограммы), классу (акцидентный, рукописный, матричный, специальный, гротеск или антиква), месту использования (для сплошного текста, заголовков или акцидентных надписей) и способу изображения (печатный или электронный). Как один из способов выражения функциональных знаков шрифт играет важную роль «в процессе социально-исторического движения информации» [1, с. 7]. Шрифт не только упрощает визуальную коммуникацию, сохраняет национальные традиции и достижения, отражает языковую идентичность, но и служит средством воплощения материальных, духовных и художественных артефактов.

История печатной графики уходит далеко в эпоху Средневековья, когда в 1040-х гг. китаец Би Шен впервые изобретает систему подвижных литер, позволяющих набирать текст. Независимо от этого, в середине XV века, в Европе появляются собственные изобретения в области книгопечатания. Пионером в этой индустрии был немецкий типограф Иоганн Гуттенберг. В 1454 году им был создан печатный станок, на котором была напечатана знаменитая 42-строчная Библия.

Развитие издательского дела в России начинается только со второй половины XVI века. В это время открывается московский печатный двор и в 1564 году свет выходит первая датированная книга «Апостол» Ивана Федорова [2, с. 42]. Большой прорыв совершается в начале XVIII века, когда Петром Первым были определены новые начертания букв кириллического алфавита. Благодаря его реформам русский язык кардинально преобразился: искоренены устаревшие традиции и технологии, а письменность и литературный язык приобрели современный вид.

Наступившая в конце XIX — начале XX века научно-техническая революция совершила переворот в издательской индустрии. Появились новые способы печати, началось активное внедрение фотонаборной техники, что в значительной степени улучшило качество выпускаемой продукции и упростило производство.

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

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

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

В качестве актуального пособия по современному русскому алфавиту отлично подходит «Книга про буквы от Аа до Яя» Юрия Гордона, известного шрифтового дизайнера, одного из авторов знака российского рубля (₽). Историческое развитие языка и письменности, краткий экскурс в латинский и русский шрифт, классификации типографских гарнитур, построение шрифтовых композиций освещается в книге Большакова М. В. «Книжный шрифт». В продолжение можно посмотреть следующие издания: «Русский типографский шрифт» Шицгала А. Г.; «Шрифты типографские», «Шрифт и шрифтовой плакат» Смирнова С. И., «Построение шрифтов» Чернихова Я. Г., «Краткие сведения по типографскому делу» П. Коломнина. Для обзора всего разнообразия шрифтовой графики можно взять каталоги или альбомы для художников-оформителей. Интересные статьи о шрифтовом искусстве и визуальном языке, очерки знаменитых шрифтовиков и эскизы их работ публикуются в интернет-журнале «Шрифт». Хороший материал собран в электронной энциклопедии компании «Паратайп», где приведена основная шрифтовая терминология и рассматриваются рабочие процессы.

Особое внимание стоит уделить методикам создания шрифта, вопросам оптимизации гарнитуры для вывода на печать или просмотра на экране монитора. Тщательное изучение справочной литературы позволит избежать грубых ошибок и сократить объём всей работы (она, как правило, занимает до нескольких месяцев или даже лет). В качестве наглядного примера, позволяющего упростить работу, можно привести метод ракурсного фототрансформирования, который был разработан еще в прошлом веке и широко применялся в Советское время отделом новых шрифтов НИИ Полиграфмаш [3]. Так, при проектировании гротескной гарнитуры с широким спектром насыщенности работу следует начинать с рисунка волосяного начертания шрифта (англ. thin, в веб-верстке соответствует значению 100), а затем с помощью автоматической обработки наращивать толщину линий шрифта до необходимых пределов. Если начать работу с жирной насыщенности и плавно переходить к светлой, то может возникнуть проблема, что программные средства обработки не приносят желаемого результата, и тогда каждое следующее начертание придется создавать вручную.

Далее рассмотрим способы повышения читабельности, которые реализуются в практике шрифтового дизайна, а затем ознакомимся с новым оптическим приемом, который был использован автором при создании гарнитуры «Гуманус».

Часто встречаемым способом является размытие по Гауссу: с помощью графического редактора дизайнер размывает тестовую фразу, как бы имитируя зрение слабовидящего человека. Таким образом выявляются места, которые требуют исправления толщины, изменения выносных элементов, см. рис. 1. Проблемные буквы — это, как правило, буквы, имеющие схожие очертания и принципы образования полиграмм [4, с. 69].

В мелких кеглях или при низком разрешении символы векторного шрифта зачастую подвергаются плохой растеризации. Для решения этой проблемы в профессиональной среде используется прием хинтовки [5]. Он основан на программной обработке знаков шрифта: для каждого символа прописывается отдельная «инструкция», позволяющая оптимизировать сглаживание контуров. Благодаря этому шрифт может избежать сильных искажений, что дает возможность читателю свободно прочесть текст, не напрягая при этом зрение. На рис. 2 можно заметить, как при хинтовке все перекладины и соединительные элементы немного утяжеляются, а контуры букв становятся чётче.

Достаточно простой способ предлагает всемирно известный типограф Ян Чихольд. В его основе принцип, согласно которому строчные буквы никогда не разряжаются, а прописные буквы требуют набора вразрядку не менее ⅙ от размера кегля [6, с. 26], например, см. рис. 3. Таким методом можно значительно облегчить чтение слов, набранных заглавными литерами.

Исследователи (например, известный русский шрифтовой дизайнер Владимир Ефимов [7]) связывают эту особенность восприятия прописных символов с письменными традициями. Так, например, в отличие от латиницы, в русском алфавите большинство прописных и строчных букв имеют монотонное, одинаковое строение и редкие выносные элементы, поэтому они плохо считываются зрением. Можно вспомнить ту же старославянскую вязь, как древние мастера «сплетали» линии соседних букв, превращая слово в единую и неделимую конструкцию, рис. 4. Такой ход использовался для создания выразительных заголовков, однако, для сплошного чтения он совершенно не подходил, поскольку затруднял различение отдельных букв и слов.

Рассматривая дальнейшую историю развития русской графики, можно проследить, как тяжеловесная вязь плавно превращается в устав, а затем и в элегантное скорописное письмо (скоропись), как в конце XVIII — начале XIX вв. наша письменность активно заимствует инокультурные элементы, в частности английское письмо, и принимает форму, которой мы пользуемся и сегодня. (По собственным наблюдениям, сама анатомия русских прописных букв не позволяет делать скорописные соединения между собой, но если попробовать это сделать, то выходят либо вычурные результаты, либо некоторые прописные превращаются в строчные, что выглядит не вполне красиво, см. рис. 5. Скорее всего, этим и объясняется, почему прописные должны разряжаться). О традициях письменной графики часто забывают начинающие дизайнеры, и как результат, мы встречаем рекламные вывески, объявления, книги и журналы, где на нас «угрожающе повышают буквы».

Новый оптический метод состоит в использовании контурной обводки, позволяющей визуально определить «места разрывов» в линиях символа. (Место разрыва — это точка с недостаточной контрастностью линии, где образуется пробел). Для того чтобы применить этот способ, необходимо в графическом редакторе набрать шрифтом тестовую фразу, затем выделить все символы и включить режим «обводка» со скругленными углами. Толщину обводки необходимо увеличивать до той степени, чтобы соединительные элементы были едва видны. (Например, можно ориентироваться по соединительному узлу в букве «е»). После того, как вы это сделали, требуется просмотреть остальные буквы на предмет разрыва линий.

С помощью этого метода был протестирован ряд строчных букв разрабатываемой гарнитуры «Гуманус», рис. 6. В ходе эксперимента были определено, что при обводке на соединительных узлах букв «а», «в» и «з» появляются разрывы, которые необходимо устранить.

Этот опыт был повторен на гарнитурах «Ариал» и «ПТ Астра Санс», созданных профессиональными шрифтовыми дизайнерами, рис. 7. Эксперимент показал, что разрывы в соединительных узлах отсутствуют, благодаря чему можно сделать вывод, что контрастность линий в этих шрифтах корректна.

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

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

Библиографический список

1. Крошнева, М. Е. К теоретическому осмыслению понятия «медиакультура» // Филологические аспекты медиакультуры. Межвузовский сборник научных трудов; под. ред. М. Е. Крошневой. Ульяновск: УлГТУ, 2020. С. 5—11.
2. Большаков М. В., Гречихо Г. В., Шицгал А. Г. Древнерусские шрифты / Русский шрифт // Книжный шрифт. М.: Книга, 1964. С. 42—44.
3. Психофизиология восприятия и удобочитаемость шрифтов / Отечественное шрифтовое дело: [сайт] // Паратайп. URL: http://rus.paratype.ru/soviet-typography. (дата обращения: 14.03.2021).
4. Смирнов, С. И. Шрифт и шрифтовой плакат. Изд. 3-е. М.: Плакат, 1980. 144 с.
5. Паратайп. Как подготовить шрифт к работе: [сайт]. URL: https://rus.paratype.ru/font-mastering (дата обращения: 14.03.2021).
6. Чихольд, Я. Облик книги. Избранные статьи о книжном оформлении и типографике / Ян Чихольд; [пер. с нем. Е. Шкловской-Корди]. М.: Изд-во Студии Артемия Лебедева, 2009. 228 с.
7. Паратайп. Кириллица, сестра латиницы: [сайт]. URL: http://rus.paratype.ru/cyrillic-is-latin-sister (дата обращения: 14.03.2021).

References

1. Kroshneva, M. Ye. K teoreticheskomu osmysleniyu ponyatiya «mediakul’tura» [To the theoretical understanding of the concept of «media culture»] // Filologicheskiye aspekty mediakul’tury. Mezhvuzovskiy sbornik nauchnykh trudov; pod. red. M. Ye. Kroshnevoy [Philological aspects of media culture. Interuniversity collection of scientific papers; under. ed. M. E. Kroshneva]. Ulyanovsk: ULGTU, 2020. P. 5–11. (In Rus).
2. Bol’shakov M. V., Grechikho G. V., Shitsgal A. G. Drevnerusskiye shrifty [Old Russian fonts] / Russkiy shrift [Russian font] // Knizhnyy shrift [Book font]. Moscow: Kniga, 1964. P. 42–44. (In Rus).
3. Psikhofiziologiya vospriyatiya i udobochitayemost' shriftov / Otechestvennoye shriftovoye delo // Paratayp. URL: http://rus.paratype.ru/soviet-typography. [Psychophysiology of perception and readability of fonts / Domestic font business // Paratype]. (Data accessed 14.03.2021). (In Rus).
4. Smirnov, S. I. Shrift i shriftovoy plakat [Font and font poster]. 3rd edition. Moscow: Plakat, 1980. 144 p. (in Rus).
5. Paratayp. Kak podgotovit' shrift k rabote. URL: https://rus.paratype.ru/font-mastering. [Paratype. How to prepare a font for work]. (Data accessed 14.03.2021). (In Rus).
6. Tschichold, J. Oblik knigi. Izbrannyye stat’i o knizhnom oformlenii i tipografike [The image of the book. Selected articles on book design and typography] / Jan Tschichold; [translated from German by E. Shklovskaya-Kordi]. Moscow: Publishing of Art. Lebedev Studio, 2009. 228 p. (In Rus).
7. Paratayp. Kirillitsa, sestra latinitsy: URL: http://rus.paratype.ru/cyrillic-is-latin-sister. [Paratype. Cyrillic, sister of the Latin alphabet]. (Date of access 14.03.2021). (In Rus).

Научный руководитель: Крошнева Марина Евгеньевна, кандидат филологических наук, доцент, заведующий кафедрой филологии, медиатехнологий и графического дизайна, Ульяновский государственный технический университет.

Автор: Бахус Михаил Юрьевич, студент, гуманитарный факультет, Ульяновский государственный технический университет.

Входит в РИНЦ