Какими элементами отличаются друг от друга шрифты используемые при компьютерном наборе текстов
Строение и конструкция буквы. Как правило, шрифт делится на знаки двух типов: прописные и строчные. Они имеют различное происхождение и соответственно различную архитектуру. Прописные знаки произошли от греческого и римского монументального письма. В них больше прямых линий, вертикалей и горизонталей, они стремятся к равновесию и симметрии. Строчные буквы более динамичные, в них присутствует большое число выносных элементов.
Наличие засечек и каплей имеет то же происхождение, что и сама конструкция знаков. Для прописных букв характерны засечки, присущие монументальным надписям, для строчных — капли, позаимствованные у техники письма пером (см. рис).
Пропорции внутри шрифта. Глядя на читаемый текст, человек привык видеть определенную ритмическую структуру. Чтобы эта структура не нарушалась, а глаза читателей не уставали, все знаки шрифта должны обладать определенными пропорциями и соотношением белого и черного внутри знака.
Есть три типа шрифтов, различающихся соотношением знаков по ширине: разно-, равно- и моноширинные.
В разноширинном шрифте больше всего заметна разница в ширине знаков относительно друг друга. Эта разница сложилась исторически в процессе развития и совершенствования шрифта, она обеспечивает хорошую читабельность, такие шрифты воспринимаются как наиболее гармоничные.
Знаки в равноширинных шрифтах, конечно, не одинаковы по ширине, но оптически выглядят одинаковыми. Такой шрифт обладает большей строгостью и статичностью.
В моноширинном шрифте все знаки находятся на равных по ширине кегельных площадках. Создание такого типа шрифтов было вызвано необходимостью: появлением рычажной пишущей машинки. Самыми популярными в то время были брусковые шрифты, на основе такого шрифта и был разработан стандартный шрифт для машинки.
Современная стилизация представлена на рис.
Гарнитуры и начертания. Гарнитурой называется комплект начертаний шрифта, объединенных единым художественным замыслом. Гарнитура обычно имеет название, например Arial или Verdana.
Начертания отличаются друг от друга по определенным признакам: прямое или наклонное (для гротесков), или курсивное (для антиквенных шрифтов), а также по насыщенности и ширине знака. Полный комплект начертаний для одного шрифта может включать в себя: нормальное, жирное, полужирное, сверхжирное, светлое, сверхсветлое, узкое. Для каждого из этих начертаний также может быть еще и наклонный (курсивный) вариант. Не для всех гарнитур существует полный комплект начертаний, как правило, есть нормальное, наклонное (курсивное) и полужирное начертания. Для некоторых шрифтов существует только одно начертание.
Курсивные знаки обычно несколько уже и светлее прямых. Эта традиция опять же обусловлена техникой письма пером.
Насыщенность шрифта. Отношение толщины основного штриха к высоте буквы называется насыщенностью шрифта. Толщина основного штриха может варьироваться в очень значительных пределах от сверхсветлого до сверхжирного начертания. Толщина основного штриха в начертании нормальной насыщенности составляет примерно 1/7 высоты строчного знака. Очень светлые и очень жирные начертания лучше использовать в большом кегле, иначе в светлых начертаниях не будет видно букв, а в жирных — внутрибуквенных просветов.
Ширина и пропорции знаков. В пределах одной гарнитуры ширина знаков (относительно друг друга) обычно остается неизменной, а вот пропорции могут изменяться довольно сильно (чаще в гротесках и брусковых шрифтах, чем в антикве).
Пропорции шрифта — это отношение ширины и высоты знаков шрифта. Соответственно в зависимости от пропорций начертание шрифта может быть узким, нормальным и широким.
Контрастность шрифта. Соотношение толщин основного (вертикального) и вспомогательного (горизонтального) штрихов называется контрастностью шрифта. Крупный контраст делает буквы достаточно изящными в крупных кеглях, но плохо читаемыми в мелких. Лучше всего читается шрифт с контрастностью от 1: 2 до 1 :3.
Наличие засечек. Расширяющиеся росчерки на концах основных штрихов называют засечками. Они являются не только декоративным элементом, но и помогают зрительно отделять одну букву от другой. Из множества видов засечек самыми известными считаются скругленные засечки, они соединяются с основным штрихом плавной кривой (скруглением).
Есть также засечки без скруглений. Они соединяются с основным штрихом под углом. Такие засечки обычно имеют форму бруска или клина. Брусковые засечки имеют прямоугольную форму и равную толщину со штрихами буквы. Волосные засечки — очень тонкие, не имеют скруглений в месте соединения с основным штрихом буквы.
Классификация шрифтов, принятая в русско- и англоязычной литературе. Классифицировать шрифты принято для удобства их выбора и использования. Единой, общепринятой классификации шрифтов до сих пор не существует.
По области применения шрифты можно разделить на две основные группы: те, которые предназначены для набора текста, и те, задача которых — привлечь внимание читателя, сделать текст заметным. Получаются две большие группы шрифтов: текстовые и акцидентные.
Главная задача текстового шрифта — не отрывать читателя от смысла текста. Текст должен хорошо читаться, не отвлекая внимания на отдельные элементы. Поэтому рисунок такого шрифта должен быть максимально нейтральным и привычным. При этом проектирование таких шрифтов представляет особую сложность для дизайнера, потому что к текстовым шрифтам применимы самые жесткие требования к форме каждой буквы и к форме и размеру внутри- и межбуквенного пространства.
Главная задача акцидентных шрифтов — привлечь внимание читателя. Достичь этого можно отказом от привычных форм букв. Если читатель видит необычную форму, он останавливает свое внимание отдельно на ней, а не на содержании текста. Такие шрифты не используют для набора сплошных текстов.
Выделяют также заголовочные и выделительные шрифты — это, как правило, особые начертания внутри текстовой гарнитуры (курсив, полужирный и т.д.).
Заголовочные шрифты не подходят для сплошного набора из-за насыщенности, плотности или ширины.
Выделительные шрифты тоже не используются для набора сплошного текста. Курсив хорош для выделения какой-то части в тексте, но непривычен в основном наборе.
Текстовые шрифты в свою очередь делятся (по стилю и времени появления) на три большие группы: антикву, брусковые (египетские) и рубленые (гротески).
Антиква. Ее принято подразделять на классическую (ренессансную), новую (классицистическую) и переходную антикву.
Классическая (ренессансная) антиква появилась в конце XV и начале XVI вв. в Италии. Для нее характерны: умеренный контраст между основными и вспомогательными штрихами, открытость форм, наклонные оси округлых знаков, несимметричные скругленные засечки.
Новая (классицистическая) антиква имеет следующие характерные черты: большой контраст между основными и вспомогательными штрихами, вертикальные оси овалов, закрытые формы знаков, соединительные штрихи и засечки (без скруглений) уменьшены до волосных линий, круглые капли.
Как следует из названия, переходная антиква является переходной фазой от старинной антиквы к новой. Характерные черты: больший контраст, практически вертикальные оси овалов, скругленные симметричные засечки и полузакрытые формы знаков.
Брусковые (египетские) шрифты. Они появились в Англии в начале XIX в. и применялись сначала как титульные, но в XX в. завоевали популярность как текстовые шрифты газетного набора. В этих шрифтах все штрихи, включая засечки, зрительно уравнены по толщине.
Брусковые шрифты можно поделить на две группы: приближенные по форме к антикве и приближенные к гротеску.
Брусковые шрифты, приближенные по форме к антикве (кларендоны), похожи на классическую антикву, у которой убрали контраст между основными и вспомогательными штрихами. Для таких шрифтов характерны симметричные скругленные засечки, закрытые или полузакрытые формы, вертикальные оси овалов, а капли и концевые элементы близки по форме к классической антикве.
Брусковые шрифты, приближенные по конструкции к гротеску, появились уже в XX в., когда были распространены различные гротески. По форме такой шрифт напоминает гротеск с засечками. Характерные черты: небольшой контраст между основными и вспомогательными штрихами (либо его совсем нет), засечки прямоугольной формы и той же толщины, что и основные штрихи, почти без скруглений.
Рубленые шрифты (гротески). Это шрифты без засечек и заметного контраста между основным и вспомогательным штрихами.
Гротески подразделяют на три группы: старые, новые и геометрические.
Старые гротески появились в XIX и начале XX вв. Характерные черты: некоторая архаичность и неправильность форм; могут быть как открытыми, так и закрытыми, несколько грубоваты.
Новые гротески появились в Швейцарии примерно в середине XX в. Характерные черты: равноширинность знаков, закрытость форм и практически отсутствие контраста между штрихами.
Геометрические гротески появились в Германии в рамках конструктивизма в 1920— 1930-е гг. Характерные черты: формы, кото-рые выглядят составленными из простых геометрических фигур, дуг и линий.
В англоязычной литературе часто встречается разделение текстовых шрифтов на шрифты с засечками (Serif), к которым относятся как антиквы, так и брусковые шрифты, и шрифты без засечек (Sans Serif), к которым относятся гротески. Иногда такие обозначения входят в название гарнитуры, например Lucida Sans.
Все остальные стилизации под исторические шрифты, а также современные шрифты нетрадиционных начертаний можно отнести к акцидентным шрифтам.
2.Какие текстовые редакторы имеют широкий спектр возможностей по созданию документов (вставка списков и таблиц, средства проверки орфографии, сохранение исправлений и др.)? Приведите пример
3.Какие программы обработки текста используют для подготовки к изданию книг, журналов и газет в процессе макетирования издания? Приведите пример.
4.Какие редакторы используют для подготовки к публикации в Интернете Web- страниц и Web-сайтов? Приведите пример
5.Напишите два способа создания документов
6.Что можно настроить с помощью параметров страницы?
7.Что удобно использовать для вывода на каждой странице документа одинакового текста (например, имени автора, названия документа и др.)?
8.Можно ли в документ, кроме текста, вставлять изображения, таблицы и
диаграммы, и даже звуковые и видеофайлы?
9. Что происходит при а) копировании фрагмента текста б) перемещении фрагмента текста в) удалении фрагмента текста?
10. Какая операция обеспечивает автоматический поиск и замену слов во всем документе?
11. Для чего нужна функция Автозамена?
12. Какие существуют универсальные форматы текстовых файлов ?
13. Какая функция позволяет увидеть, как будет выглядеть документ, напечатанный на бумаге с использованием подключенного к компьютеру принтера?
14. Для чего применяется форматирование?
15. Что такое шрифт?
16. Какие существуют шрифты?
17. Как называется единица измерения размера шрифта?
18. Какое начертание символов может применяться, кроме обычного?
19. Что такое Абзац?
20. Нажатие какой клавиши обеспечивает ввод конца абзаца?
21. Чем отличается нумерованные от маркированных списков?
22. Что представляет собой оглавление?
01. Хотя бы WordPad.
02. MsOffice, LibreOffice etc.
03. ??
04. HTML редакторы. Например, Dreamweaver.
05. ??
06. Размер и поля.
07. Колонтитулы.
08. Можно.
09. а) создается копия, б) текст переносится, в) текст удаляется.
10. ??
11. Для исправления ошибок.
12. XML, TXT
13. Предпросмотр.
14. Для удобства чтения.
15. Способ начертания символов.
16. ??
17. Кегль.
18. Полужирный, курсив, подчеркнутый, зачеркнутый, верхний/нижний индекс.
19. Блок текста.
20. Enter.
21. Способом обозначения.
22. Ссылки на блоки текста, с соответствующей тематикой.
1. Какими элементами отличаются друг от друга шрифты, используемые при компьютерном наборе текстов?
Особую значимость при подготовке и формировании текста для издания имеют шрифты. Шрифты – основное изобразительное средство издательских систем, с их помощью можно добиться большой художественной выразительности текста.
Шрифты различают по гарнитуре (рисунку), начертанию, размеру и назначению.Гарнитурой называется совокупность шрифтов одного рисунка во всех начертаниях и кеглях. Кегль – размер шрифта, определяемый размером литеры по вертикали, исчисляемый в пунктах (1 пункт равен 0,367 мм). Полный комплект гарнитуры содержит шрифты всех начертаний и кеглей, а в каждом кегле – русский и латинский (и, если нужно, другие) алфавиты прописных и строчных букв, а также относящиеся к ним знаки.Различия между буквами разных шрифтов объясняется их различным построением. Среди элементов, из которых строятся буквы, выделяют:
основные штрихи (задают структуру буквы);
дополнительные штрихи (играют вспомогательную и соединительную роль);
верхние и нижние выносные элементы;
овалы и полуовалы (с наплывами или без них);
Буквы располагаются по базовойлинии. Расстояние между строками называют интерлиньяжем. Отношение толщины основных и дополнительных элементов определяет контрастность шрифта. Различают неконтрастные, малоконтрастные, контрастные и очень контрастные шрифты. Форму букв шрифта определяют цветность и ритм (соотношение черного и белого, просветы, наплывы и пр.). Отношение высоты буквы к ее ширине называют шириной шрифта. Бывают сверхузкие,узкие, нормальные, широкие и сверхширокие шрифты. Насыщенность шрифта определяется светлотой. Бывают сверхсветлые, светлые, нормальные, полужирные, жирные и сверхжирные шрифты. Шрифты могут быть прямыми и наклонными. Наклонный вариант шрифтов часто называют курсивом. Шрифты одного типа, но отличающиеся по ширине, насыщенности и наклону являются различными начертаниями одного и того шрифта. Начертанияодного шрифта составляют гарнитуру.
Шрифт на компьютере – это файл или группа файлов, обеспечивающих вывод текста на печать со стилевыми особенностями шрифта. Существуют программы, позволяющие создавать собственные варианты шрифтов. Как правило, такие программы входят в состав текстовых редакторов и издательских систем. Однако, существует довольно большой спектр стандартных (в компьютерномсмысле) шрифтов, разработанных полиграфистами. Приведем некоторые из них:
Akademy Аа Бб Вв Гг Дд 1 2 3 4 5 6 7 8 9 0
Arial Cyr Аа Бб Вв Гг Дд 1 2 3 4 5 6 7 8 9 0
Baltika Аа Бб Вв Гг Дд 1 2 3 4 5 6 7 8 9 0
Courier New Cyr Аа Бб Вв Гг Дд 1 2 3 4 5 6 7 8 9 0
Desdemona Аа Бб Вв Гг Дд 1 2 3 4 5 6 7 8 9 0
и др. Основной текст данной главы набран шрифтом Times New Roman.
2. Какие возможности предоставляюттекстовые редакторы? Текстовые процессоры? Издательские системы?
Каждый текст, подготовленный к изданию в качестве брошюры или книги, должен пройти техническое редактирование, которое предполагает подготовку оригинал-макета готового издания. Издательским текстовым оригинал-макетом является набранный, сверстанный на компьютере и отпечатанный на лазерном (или струйном) принтере текстовой оригинал,представляющий собой точный прообраз будущего издания (по числу страниц, абзацев, рисунку шрифта), предназначенный для изготовления печатной формы. Исходным материалом для подготовки оригинал-макета является отредактированный, вычитанный автором и литературным редактором размеченный текстовый оригинал. Техническое редактирование – процесс достаточно сложный, особенно если в тексте есть таблицы, схемы,формулы и иллюстрации.
Программы – текстовые редакторы предназначены для подготовки текстовых материалов на компьютере. Поскольку текстовые материалы бывают различной сложности по набору и верстке, существуют и развиваются различные программы обработки текстов. Их можно классифицировать по уровням требований к обработке текстов и требований к составу и конфигурации.
Шрифты и гарнитуры
Шрифт — это конкретный набор символов, который мы используем для печати. Сходные по стилю шрифты объединяются в семейства — гарнитуры. Внутри гарнитуры шрифты различаются начертаниями: могут быть курсивными, жирными, тонкими, широкими или узкими. Например, Helvetica — это гарнитура, а Helvetica Bold — шрифт.
В обиходе гарнитуру часто называют шрифтом. Но лучше использовать термины правильно. Иногда начертаний очень много: полужирные, тонкие, узкие… Например, в гарнитуре Acumin доступно целых 90 шрифтов!
И тут точность формулировок критически важна. Если попросить напечатать текст «шрифтом Acumin», будет совершенно непонятно, какое именно начертание нужно.
Контрастность шрифта
Контрастность шрифта — разница между основными и соединительными штрихами. Если одни штрихи значительно тоньше других, это шрифт с высокой контрастностью. Если все штрихи одинаковые — контрастность отсутствует. Взгляните на предыдущий пример: шрифт в надписи Milk Chocolate контрастный, а в названии Hershey’s — нет.
Наборные и акцидентные шрифты
Шрифты различаются по своим функциями: они могут быть наборными — для печати длинных текстов — или акцидентными — для заголовков. В первых важна легкость чтения, а вторые должны привлекать внимание читателя. Это условное деление: некоторые шрифты могут одновременно служить и наборными, и акцидентными.
К сугубо акцидентным относят шрифты со сложной формой букв, которые трудно было бы читать в мелком тексте:
Наличие или отсутствие засечек
Засечки — это перпендикулярные выступающие элементы.
Когда нужно использовать одновременно два шрифта, часто выбирают один с засечками, а другой — без них. Они максимально отличаются друг от друга, поэтому хорошо смотрятся вместе:
Также пары могут составлять из двух шрифтов без засечек, которые различаются по пластике:
Соотношения ширины и высоты знаков
Шрифты бывают широкие и узкие. Это можно оценить, например, по букве «О». Если она тяготеет к кругу, шрифт широкий, а если представляет собой вытянутый вертикально овал — узкий.
Узкие шрифты смотрятся строго и солидно, их любят использовать бренды премиум-класса.
Все, кому нужен серьезный имидж, могут использовать узкие шрифты: банки, образовательные учреждения, IT-компании.
Анатомия буквы, на что влияют детали
Разобравшись, из чего состоит буква, вы научитесь распознавать, что именно влияет на итоговый вид шрифта и то, как он воспринимается, а значит сознательнее подойдете к выбору шрифта в вашей следующей работе.
Итак, на картинке ниже вы найдете весь набор ингредиентов:
Из них значимыми для вас как для дизайнера-не-шрифтовика являются не все, рекомендую запомнить засечки, основные и соединительные штрихи, а также выносные и свисающие элементы. Итак, как именно эти элементы работают на практике и зачем вам обращать на них внимание.
Считается, что засечки заметно улучшают восприятие буквенного знака, даже если они слабо видимы. Именно поэтому в печатных изданиях дизайнеры предпочитают использовать шрифты с засечками. Помните об этом, когда подбираете шрифт для длительного чтения, в том числе в цифровом дизайне.
Соотношение между основным и соединительным штрихами определяет контрастность шрифта. Гарнитуры шрифтов с выраженным контрастом штрихов наиболее удобочитаемы. Исключением являются случаи, когда контраст выражен слишком ярко и соединительный штрих становится чересчур тонким. Неконтрастный шрифт (например, в гротесках) лучше воспринимается при чтении отдельных слов и выделений.
Обратите внимание на свисания. Любопытно, что несмотря на то, что оптически высота строчных букв одинаковая, технически это не так. Некоторые округлые буквы — например, “о”, “с” и другие — слегка заходят за baseline и x-height, чтобы визуально при печати иметь ту же высоту, что и другие буквы. Эти выступающие части и называют свисаниями.
Есть еще так называемый внутрибуквенный просвет, или контрформа. Это закрытые пространства внутри букв, таких как например “о”, “ь”, “р” и других. Эти пространства помогают глазу распознать характерные особенности шрифта. Чем больше внутрибуквенный просвет, тем лучше (при прочих равных условиях) читается буквенный знак.
Дизайнер-модернист Массимо Виньелли, культовая фигура XX века, очень здорово описал значимость формы и контрформы в типографике в фильме про Гельветику (кстати, очень рекомендую посмотреть, полтора часа времени не потраченного впустую):
“Мы думаем, что шрифт черно-белый. На самом деле он белый, вовсе не черный. Именно белое расстояние между черным и составляет шрифт. Это своего рода музыка. Не ноты, а расстояние между нотами создает музыку.”
Про Массимо много написано, он оставил миру очень вдохновляющие идеи и мысли, почитайте как-нибудь для вдохновения.
Настраиваемые параметры текста
Работа над типографикой не ограничивается выбором шрифта. Есть еще несколько параметров, которые можно менять в графических редакторах: кегль, кернинг, трекинг, интерлиньяж.
Кегль — это размер шрифта, он измеряется в пунктах. Размер считается с учетом выносных элементов — например, «хвостика» буквы «у» или «шляпки» буквы «б». Поэтому при одинаковом кегле шрифты из разных гарнитур могут казаться разного размера — у одних более длинные выносные элементы, чем у других.
Кернинг — это расстояние между конкретными парами символов. Он бывает метрическим и оптическим. В первом случае расстояния вычисляются автоматически по правилам, заложенным в шрифте. Во втором случае кернинг учитывает форму букв.
Некоторые расстояния при применении метрического и оптического кернинга могут совпадать, а другие будут существенно различаться. Посмотрите на пример ниже: между буквами «к», «е» и «р» при оптическом кернинге расстояние заметно меньше:
Бонус: немного о цифрах
Вы уже думали все? Но нет, еще немного ценного материала.
В типографике используются арабские и римские цифры. Если в наборе гарнитуры есть капитель, лучше римские цифры набирать ей.
Арабские цифры бывают двух видов: маюскульные и минускульные.
Маюскульные цифры все одного роста c прописными и моноширинные, поэтому их удобно использовать вне текста, в таблицах.
Минускульные чуть выше строчных букв с верхними и нижними выносными элементами, при этом кернинг отрегулирован пропорционально (каждая цифра занимает столько места, сколько ей необходимо). Используйте минускульные цифры , если нужно вставить их в текст. Они же отлично смотрятся в увеличенном кегле.
На этом пока все.
На самом деле, пользователи не увидят особой разницы в том, какой шрифт вы использовали, с засечками или без, учитывали ли контрастность, им без разницы воспользовались ли вы Arial или Open Sans, выровняли ли шрифты по baseline вручную или воспользовались автоматическим выравниванием. Но есть то, что будет незаметно для них самих влиять на их восприятие,— удобочитаемость, простота считывания, эмоциональный опыт. Хороший визуальный дизайн — это сила, многократно усиливающая хороший UX.
Вникайте в детали, вчитывайтесь в длинные тексты, разбирайтесь и растите. В общем, делайте дизайн качественно — и коллективный дизайнерский разум скажет вам спасибо. Молодцы, что дочитали. Всем добра!
Любите то, чем занимаетесь, и занимайтесь тем, что любите.
Ваша Alexandra Kulikovskaya
При чтении мы воспринимаем не только смысл текста, но и визуальный образ, который создают буквы. Надпись — это полноценное изображение. А выбор шрифта — непростая дизайнерская задача.
Рассказываем, чем различаются шрифты, какой эмоциональный посыл они могут нести и какие параметры влияют на легкость чтения.
Чем различаются шрифты
Буквы всегда должны оставаться узнаваемыми, иначе их будет трудно читать. Поэтому ключевые различия шрифтов заключаются в деталях.
Наклон основных штрихов
Шрифты бывают прямые, курсивные и наклонные. Прямые — это обыкновенные шрифты, которые мы обычно используем. Курсив напоминает письмо от руки, буквы в нем наклонены вправо, более округлые и часто имеют соединительные штрихи. А наклонный шрифт не подразумевает изменение формы букв, они просто поворачиваются под углом вправо.
Курсивными или наклонными бывают целые гарнитуры или отдельные начертания. Обычно эти начертания обозначаются как Italic, для наклонного шрифта иногда используют название Oblique.
Наклон осей овалов
Это отдельный параметр, актуальный для контрастных шрифтов. Он связан с особенностями письма, которые повлияли на разработку первых шрифтов — оси овалов в них слегка наклонены влево.
Апертура
Апертура — это открытость знаков. Оценить ее можно по буквам, образующим незамкнутую фигуру — проще всего по букве «С». Если она больше напоминает незамкнутый круг, апертура маленькая, а если похожа на полукруг — апертура большая.
Обычно шрифты с большой апертурой смотрятся дружелюбно и располагающе, их часто можно увидеть в логотипах:
Терминология
Мы часто используем слово “шрифт” в разных ситуациях. Давайте по порядку, есть шрифт, а есть гарнитура.
Гарнитура (Typeface) — это набор шрифтов, которые отличаются по начертанию, но имеют общий характер рисунка. Например, Arial , Gotham, Merriweather — это все разные гарнитуры.
Шрифт (Font) — это определенное начертание в рамках гарнитуры, а также соответствующий файл. Arial Regular, Gotham Bold, Merriweather Bold — это шрифты разных гарнитур.
Семейство шрифтов (Font Family) — это набор начертаний в рамках одной гарнитуры. В рамках гарнитуры Arial есть целое семейство шрифтов — Arial Regular, Arial Bold, Arial Italic и т.д.
Итак, гарнитурой называют общий характер, шрифтом — одно из начертаний и собственно шрифтовой файл, а когда говорят о семействе шрифтов, подразумевают совокупность начертаний, т.е. гарнитуру, у которой не одно начертание, можно называть семейством.
На практике, когда вы говорите о шрифтах в широком смысле слова, акцентировать внимание на том, что вы имеете в виду “гарнитуры”, нет особой необходимости, контекста достаточно. Но когда вы обсуждаете макет, слово “шрифт” лучше не использовать, чтобы не вводить коллег в заблуждение. Рекомендую либо оперировать понятием “гарнитура”, когда имеете в в виду Arial/Helvetica, либо понятием “начертание”, когда подразумеваете Regular/Bold.
Перейдем к составляющей шрифта, букве. Ее тоже можно назвать по-разному: буква, графема, глиф — есть ли здесь критическая разница?
Буква — это графический знак как часть алфавита, который сам по себе или в сочетании с другими знаками используется для обозначения на письме звуков, фонем и их типичных комбинаций.
Графема — более общее понятие. Графема представлена буквой если письменность строится на алфавите, или иероглифом в неалфавитных системах письма. Говоря о графеме, мы абстрагируемся от стиля и характера отдельных гарнитур, а имеем в виду сугубо то, чем фундаментально графема “А” отличается от графемы “Б”, как знак. Т.е. вы никогда не спутаете графему буквы “А” с графемой буквы “Б”.
Собственно шрифт состоит из глифов — векторных форм каждой буквы или символа. Например, Open Sans, один из самых популярных веб-шрифтов, содержит 897 глифов, включая латинские, греческие и кириллические символы.
Одна и та же графема может иметь несколько глифов как ее графических воплощений, которые могут отличаться как функционально (строчные, капительные, прописные, курсивные), так и даже просто по форме (альтернативные).
Итак, теперь вы знаете разницу между шрифтом, гарнитурой и семейством, а также графемой, буквой и глифом, а значит в разговоре с профессионалами не ударите в грязь лицом.
Уже горжусь вами. Двигаемся дальше.
Обратимся к букве, из каких элементов она состоит и как их грамотно называть.
Декоративные шрифты
В эту группу входят шрифты, которые нельзя отнести к гротескам, антиквам, бруксковым или рукописным. Буквы могут принимать любую причудливую форму, иметь разный размер, наклон, текстуру.
Непривычная форма букв чаще всего вызывает трудности при чтении, поэтому большинство декоративных шрифтов подходят только для заголовков.
Учимся называть “палочки” штрихами и понимать, на что влияют засечки и заплечики
В этой статье я кратко изложу основы анатомии шрифта, которые пригодятся любому уважающему себя дизайнеру, и с особым вниманием остановлюсь на том, зачем ему все это надо.
Шрифт — один из базовых «голосов» графического дизайна наравне с цветом, формой и т.д. Это то, как говорит ваш дизайн. И как он будет это делать в каждый конкретный момент взаимодействия с пользователем, полностью зависит от вас. Кричать навязчивым фальцетом или нашептывать мягким баритоном, помогать воспринимать информацию или мешать, работать с брендом сообща, усиливая эмоциональное восприятие, или безлико информировать.
Вы можете продолжать работать на интуитивном уровне (и большинство дизайнеров так и делает), никто не мешает вам использовать любой попавшийся шрифт в любой конфигурации, не задумываясь о начертаниях, контрастности, динамике или кегле, пользователи прочитают, если очень захотят. Возможно. А возможно и не прочитают. Но если вы действительно хотите перейти из категории любитель в категорию профессионал, вам важно научиться работать со шрифтами осознанно и уметь аргументировать любое свое решение. Ну или почти любое (воодушевляющая музыка на фоне оборвалась). Хотя пусть будет любое. Немного пафоса не повредит.
Если вы хотите перейти из категории любитель в категорию профессионал, вам важно научиться действовать осознанно и уметь аргументировать свое решение.
Итак, разберемся для начала в терминологии, основных каверзных вопросах и научимся, черт возьми, называть “палочки” шрихами.
Брусковые шрифты
Эти шрифты появились в в XIX веке. Они напоминают антикву, но контрастность у них небольшая, а засечки — массивные и широкие.
Брусковые шрифты могут использоваться как наборные или как акцидентные.
Гротески или рубленые шрифты
У гротесков нет засечек и почти отсутствует разница в толщине штрихов — если она и есть, то совсем незначительная. Рубленые шрифты появились в конце XIX века и использовались как акцидентные: массивные буквы были видны издалека и хорошо привлекали внимание.
Сейчас гротески применяют и для заголовков, и для набора основного текста.
Первые рубленые шрифты принято называть старыми гротесками. Они равноширинные, имеют заметный контраст между штрихами, вытянутую форму букв и маленькую апертуру. Старые гротески выглядят строго, создают четкий визуальный ритм, и хорошо подходят для коротких надписей.
В 30-х годах прошлого века появились геометрические гротески. Буквы напоминают простые фигуры — круги, квадраты или треугольники. Поскольку форму букв стремились максимально упрощать, это неконтрастные шрифты. Они соответствуют эстетике конструктивизма.
Геометрические гротески смотрятся лаконично и современно:
Примерно в то же время стали использовать гуманистические гротески — похожие на антикву, только без засечек. Это разноширинные шрифты, в них заметен контраст между штрихами, знаки открытые. Такие надписи выглядят приветливо и неформально.
В 50-е годы XX века начали появляться закрытые равноширинные шрифты с широкими буквами и почти без контраста. Их назвали неогротески или новые гротески. Самый известный пример — гарнитура Helvetica.
Это нейтральные шрифты, они призваны быть функциональными, легко читаемыми и незаметными.
Рукописные шрифты или скрипты
Это шрифты, имитирующие письмо от руки каким-либо пишущим инструментом — пером, кистью, маркером, ручкой или мелом. Форма букв в них обычно более округлая, острых углов меньше, часто есть соединительные штрихи между буквами. Также для скриптов обычно характерен наклон осей букв вправо — от легкого до интенсивного.
Изредка скрипты бывают наборными, но обычно это акцидентные шрифты.
Насыщенность
Насыщенностью называют толщину линии по отношению к размеру буквы. Например, жирные начертания (Bold или Black) обладают большей насыщенностью, чем Regular.
Соотношение ширины разных букв
Бывают разноширинные, равноширинные и моноширинные шрифты. В разноширинных знаки значительно различаются между собой — буква «Щ» в них будет очень широкой, а буква «У» — узкой. В равноширинных они будут различаться меньше — узкие буквы будут чуть шире, а широкие — чуть сжаты. В моноширинных шрифтах знаки тоже полностью не равны по ширине, но равны их кегельные площадки — ячейки, в которых расположены знаки.
Поэтому моноширинные шрифты используются редко, они образуют неравномерные интервалы между знаками в слове. В айдентике, рекламе и веб-дизайне шрифты либо разноширинные, либо равноширинные.
Виды шрифтов
По принципам построения букв можно выделить пять групп шрифтов. Это антиквы — контрастные шрифты с тонкими засечками, брусковые — с толстыми засечками, гротески — без засечек, рукописные — имитирующие письмо от руки и декоративные — художественно оформленные.
Линии (метрики) шрифта
Помните тонкую серую рамку вокруг текстового слоя в Sketch или любом другом графическом редакторе?
Почему она именно такого размера, что включает это белое пространство вокруг букв?
Внутри каждого шрифта есть встроенные шрифтовые метрики. Буквы со всеми своими выносными элементами и акцентами упорядочены на пяти базовых линиях шрифта, они же называются метриками (если хотите произвести впечатление). Здесь вам нужно помнить о самой главной базовой линии (baseline), по которой выстраиваются собственно буквы. Также есть линия прописной буквы (x-height), линии верхнего и нижнего выносных элементов (ascender и descender), а также линия заглавной буквы (cap height). И да, ascender может совпадать с cap height, а может быть ниже или даже выше.
Все вместе эти метрики в сумме с заплечиками образуют кегельные площадки для каждой буквы, высота которых и является тем самым кеглем (размером) шрифта в пунктах. Спокойно, заплечики — это всего лишь дополнительное пространство над и под выносными элементыми, которое не позволяет им в разных строках соприкасаться друг с другом (когда вы увеличиваете или уменьшаете высоту строки, вы регулируете высоту заплечиков).
Высоту строки дизайнеры называют интерлиньяжем — это расстояние от базы до базы, т.е. от базовой линии одной строки до базовой линии следующей. Число, которое вы регулируете в редакторе, — это он и есть, интерлиньяж.
“Так что там с рамкой-то в Sketch?” — спросите вы. Чтобы определить размер рамки, которая отображается вокруг текстового слоя на холсте, Sketch учитывает все выше перечисленные метрики вместе с заплечиками, т.е. высоток строки. Именно поэтому высота рамки не совпадает с высотой букв.
Второй интересный момент. Часто в дизайнеров возникает необходимость разместить в одной строке два текстовых блока разных по кеглю и/или по гарнитуре. Графические редакторы автоматически выравняют их по границам их текстовых рамок. Но baseline этих блоков в таком случае могут не совпасть (левая колонка “don’t” на примере ниже). Как быть?
Этот тот случай, когда при принятии решения дизайнеру нужно опираться на оптический результат, нежели на технический. Нужно вручную сдвинуть текстовый слой второго блока так, чтобы baseline совпали (правая колонка “do” на примере ниже).
Когда вам необходимо поместить рядом два текстовых слоя отличных по кеглю и/или гарнитуре, позаботьтесь о том, чтобы они были выронены по baseline, а не по границам рамок.
Антиквы
Самые первые шрифты начали создавать в XV веке, и это были антиквы. Они повторяют конструкцию букв, написанных пером: у них есть засечки и заметная разница толщины основных и соединительных штрихов.
Большинство антикв хороши для чтения длинных текстов. Засечки показывают линию строки, а контрастность помогает легко различать буквы.
Ранние шрифты с засечками, появившиеся в период Ренессанса, называют антиквами старого стиля. Они отличаются умеренной контрастностью, асимметричными засечками и наклоном осей овалов. Эта форма букв сформировалась при использовании ширококонечного пера, которое дает разную толщину линии в зависимости от угла поворота.
Такие шрифты выглядят изящно и утонченно:
Со временем засечки становились более симметричными, а контрастность — более выраженной. Такие шрифты называются переходными антиквами, их начали использовать в XVII веке. Это строгие шрифты, которые подходят для официальных документов. Всем известная гарнитура Times New Roman — это и есть переходная антиква.
К концу XVIII века появляются антиквы нового стиля. В них разница между основными и соединительными штрихами максимально выражена, а ось букв строго вертикальная. Эти антиквы уже напоминают письмо не ширококонечным, а остроконечным пером.
Такие шрифты смотрятся стильно и изысканно, но чаще используются как акцидентные. В легкости чтения они уступают другим антиквам, потому что соединительные штрихи крайне тонкие и с трудом заметны в маленьком размере.
Читайте также: