что такое засечки в шрифте
Что такое засечки в шрифте
Верстка журнального разворота. Часть 2
После непродолжительной отпускной паузы, продолжаю серию статей о журнальном дизайне. В предыдущей статье я писал о модульной сетке, как об одной из основ дизайна печатных изданий.
Теперь поговорим о шрифтах.
Даже неискушенный глаз при взгляде на любой печатный текст, может заметить, что одни шрифты имеют засечки, а другие — нет. Наличие или отсутствие этих засечек и есть главное отличие двух основных групп шрифтов.
Засечки в шрифтах представляют собой короткие, обычно перпендикулярные штрихи, которыми начинаются и заканчиваются основные штрихи знака. В старой литературе иногда называется «отсечка». Засечки бывают односторонними и двусторонними. Их форма может быть разнообразной: треугольной, прямоугольной, закругленной, декоративной, в виде тонкой горизонтальной линии и т.д. Засечки могут быть скругленными в месте соединения с основным штрихом, а могут присоединяться под углом без скругления.
Шрифты без засечек называются рублеными. В Англии, и Франции такие шрифты чаще называются Sans Serif, в Америке Gothic, в Германии Grotesk. Как правило, гротески имеют основные и соединительные штрихи практически одной толщины (неконтрастные) или с малозаметной разницей в толщине штрихов (малоконтрастные).
Шрифты с засечками также называют антиквой. В Англии, США и Франции такие шрифты чаще называются Serif.
Термин «Антиква» (Antiqua) заимствован из немецкого языка (где он обозначает любой шрифт прямого начертания) и указывает на его древнее (античное) происхождение, поскольку каролингское письмо VIII–IX вв., лежащее в основе гуманистического письма, в эпоху Ренессанса ошибочно принималось за подлинное письмо античности. Антиквенные шрифты обычно делятся на Антикву старого стиля, Переходную антикву и Антикву нового стиля, а также Брусковую антикву.
Рубленые шрифты выглядят более современными, а на практике они более удобны для дизайнерской работы. Например, для построения логотипа. В них легче управлять межбуквенными расстояниями. Крупные текстовые элементы, набранные таким шрифтом, воспринимаются единым пятном, т.е. целостно. Вот почему подавляющее большинство заголовков создают именно шрифтами без засечек. Основной же мелкий текст статей, как правило, набирают шрифтами с засечками. Почему так, а не наоборот?
Дело в том, что рубленые шрифты воспринимаются как более устойчивые, основательные и массивные, тогда как шрифты с засечками легче читаются. Статья, набранная таким шрифтом, читается быстрее и свободнее, т.к. засечки, как бы облегчают движение глаз от буквы к букве.
Конечно, это правило довольно общее. Существуют газеты и журналы, где оно не соблюдается, но любое исключение из правил должно быть оправдано.
Если вы точно знаете и понимаете, почему в вашей работе заголовки должны быть набраны шрифтом с засечками, а мелкий текст, наоборот, рубленым шрифтом, тогда вы вправе наплевать на то, что пишут в учебниках по типографике. Но на заре вашей дизайнерской карьеры, я бы посоветовал вам просто поверить, что все эти умные учебники писали отнюдь не дураки…
Самый важный фактор в выборе шрифта для основного текста — его читабельность. Печать газеты может быть неудовлетворительна, и поэтому использование шрифта с засечками будет неразумно. Если печатная краска не ложится на странице ровным слоем, то засечки букв, возможно, не будут даже видны. В таких случаях применение красивого рубленного шрифта будет более уместно. Качество печати журналов, как правило, значительно выше, и такая проблема вряд ли возникнет.
Единственный способ определить наиболее удобочитаемый шрифт для вашего основного текста – это эксперимент и отбор образцов различных шрифтов, учитывая технические возможности типографии. Рассмотрите печатные образцы и решите, какой шрифт является наиболее четким.
Выбрав шрифт, используйте его последовательно на всех полосах журнала. Стиль заголовка должен быть прост. Все заголовки выполняйте одним и тем же шрифтом. Заменить его на другой шрифт стоит лишь в случае осознанной необходимости. Например, в отдельных рубриках, которые нужно выделить среди всех остальных материалов.
Вместе с тем, вы можете разнообразить внешний вид заголовков при одном шрифте, используя различные размеры, стили и цвета.
Последовательное использование шрифта служит ориентиром для читателей. Если заголовки статей определенного раздела, набранные одним шрифтом, а заголовки другого раздела – другим шрифтом, то читатель сможет с первого взгляда различать эти разделы.
В заголовках не используйте только прописные буквы!
Как показывают исследования, человек читает и воспринимает слова, напечатанные только заглавными буквами, намного дольше, чем слова, состоящие из прописных и строчных букв. Если вы все же решите использовать в заголовке ведущей статьи только заглавные буквы, то увеличьте размер шрифта так, чтобы уменьшить неудобство восприятия текста.
Используйте выбранный шрифт достаточно большого размера, чтобы его легко можно было читать. Помните, что текст статей должен легко восприниматься читателем. Если текст напечатан слишком мелко то, это позволит разместить больше слов на странице, но вместе с тем, затруднит их зрительное восприятие. Традиционно в российских газетах текст печатался 8-м кеглем, однако сейчас наблюдается тенденция к увеличению размера шрифта до 9 — 9,5.
Определитесь с межбуквенными интервалами (трекингом).
Если расстояние между буквами слишком мало или, наоборот, велико, то слова будет трудно читать и понимать. Найдите оптимальное межбуквенное расстояние и используйте его постоянно во всем проекте.
Тот же самый принцип применяется и при выборе междустрочного расстояния (интерлиньяжа). Наберите текст определенным шрифтом и поэкспериментируйте с интервалом между строками, чтобы выяснить, какой из них наиболее привлекательный и самый удобочитаемый.
Одна из задач интерлиньяжа — создание горизонтального пути для глаз, по которому они возвращаются к началу строки. Дизайн шрифта может влиять на на ширину этого пути. Шрифты с высоким ростом строчных букв, например, обычно требуют дополнительного интерлиньяжа.
Интерлиньяж — важнейший инструмент управления «цветом» текста на странице, поэтому для шрифтов с большей насыщенностью штрихов требуется увеличенный интерлиньяж для того, чтобы осветлить «цвет» текстового блока и сделать его менее плотным.
Установите свой стандарт интерлиньяжа и затем применяйте его постоянно. Не попадайтесь в ловушки, увеличивая размер интервала, когда статья слишком короткая или, уменьшая его, когда текст довольно длинный!
В двух словах о шрифтах, часть первая
Sep 7, 2019 · 9 min read
Обычно клиенты совсем ничего не понимают в шрифтах. Многие всё ещё считают любой шрифт с засечками «стандартным вордовским». Как дизайнеры мы страдаем от этого, но как стратеги — вместо того чтобы страдать и злиться, объясняем всё по порядку.
Такую статью можно было бы составить из сплошных дисклеймеров вроде «рассматривать будем только современные европейские системы письменностей, когда Овен в Меркурии». Мы так и сделали, а потом всё это убрали, но несколько предупреждений пришлось-таки оставить.
Когда мы были студентами на факультете графического дизайна в университете, нас заставляли рисовать буквы тушью на бумаге, используя сетки, линейки и циркули.
С год а ми и с опытом стало ясно, что, вообще-то, невозможно построить хороший шрифт с помощью чёткой геометрии. Такие шрифты просто неудобно читать. Даже те из них, которые выглядят как вычерченные, на самом деле скомпенсированы для комфортного восприятия человеком.
Наш мозг воспринимает геометрически правильные круги и квадраты немного вытянутыми по вертикали — ничего не поделаешь, так он устроен. Поэтому все буквы О — немного приплюснутые, и подобных визуальных компенсаций в шрифтах невероятно много.
Розовым отмечен ровный круг. Шрифт Futura
Иногда уместно делать буквы похожими. Например, в логотипе бренда: букв мало, их несложно распознать. Более того, это может стать основой графического языка.
Главное о шрифтах
Создать дизайн в VistaCreate очень просто: выбираете фото или видео в высоком разрешении, накладываете несколько дизайн-элементов — и добавляете текст. И вот как раз тут важно не промахнуться: если взять шрифты, которые не сочетаются, вы вряд ли будете довольны результатом.
В медиатеке VistaCreate уже добавлено сотни бесплатных шрифтов на 20 языках. Если у вас есть шрифты, созданные или купленные специально для вашего бренда, можете загрузить их в VistaCreate и использовать в дизайне. Добавляйте шрифт в свои бренд-киты — пусть фирменные стили всегда будут у вас под рукой. В этой статье мы ответим на основные вопросы, которые касаются видов шрифтов, их сочетания и использования. Все дизайны, которые мы используем в качестве иллюстраций, доступны в VistaCreate.
Почему шрифты важны в графическом дизайне
Шрифт — это способ выразить посыл, который вы закладываете в свой проект. Конечно, если бы мы везде использовали старый добрый Arial, жизнь была бы проще. Но стала бы она интереснее? Скорее всего, нет. Если хотите, чтобы ваше высказывание выглядело уникально, но при этом дошло до нужной аудитории, важно правильно его оформить. Вот основные ошибки, которые допускают в использовании шрифтов:
Чтобы избежать этих ошибок, обычно достаточно просто чуть внимательнее почитать про шрифты, которые вы хотите использовать, и выяснить, для чего они и где обычно встречаются.
Пять главных видов шрифтов
Шрифтов огромное количество. Некоторые из них классические — они завоевали к себе доверие и доказали свое качество. А некоторые появились совсем недавно — вышли из стильных словолитных студий или были выпущены в большой свет независимыми дизайнерами, которые увлекаются типографикой. Какой шрифт вы бы ни выбрали, очень важно понимать ключевые характеристики семейств шрифтов — чтобы подбирать сочетания правильно.
Когда я создавала свой первый шрифт, у меня было ощущение, что я стою у подножию Эвереста. В купальнике.
Нина Стрёсингер, шрифтовой дизайнер в Frere-Jones Type, критик в Йельской школе искусств.
Шрифты с засечками
Это группа всех шрифтов с маленькими черточками — засечками — на концах букв. На сегодняшний день существует огромная масса таких шрифтов в самых разных стилях, от римских Roman до барочных Didone. Дизайнеры шрифтов и эксперты в области типографики за пару секунд отличат старые шрифты с засечками от новых. Но никакой магии в этом нет: чтобы понять, как они отличаются друг от друга, просто посмотрите на классический Sabon, переходный Perpetua и современный Didot. Разница неочевидная, но она все-таки есть:
Шрифты с засечками отлично смотрятся не только в печатных материалах (например, книг и журналов), но и в большом объеме цифрового текста — они упрощают чтение. В VistaCreate сотни шрифтов с засечками — и для своего дизайна вы можете взять любой из них! Скорее всего, вам приглянется мегапопулярный Antic Didone, который остается одним из главных представителей своей группы. Но кто знает — может, вам захочется поэкспериментировать.
Шрифты без засечек
Шрифты с засечками создают атмосферу чего-то современного и свежего. Эту их характеристику очень часто используют в рекламе, особенно когда нужно добавить экспрессии. Но если вам нужна энергия, найти ее можно и в шрифтах без засечек. Шрифты с прямыми буквами без черточек — это квинтэссенция устойчивости и серьезности.
Отличным примером таких шрифтов служат классические News Gothic, Helvetica, Century Gothic и любимый всеми Calibri. Как и шрифты с засечками, сначала такие шрифты были более простыми — с тяжелыми и толстыми линиями. А потом эти шрифты эволюционировали и приняли более элегантные, тонкие формы.
Чаще всего шрифты без засечек используют в заголовках, но некоторые из них (например, Arial и Proxima Nova) часто можно увидеть и в текстовых блоках. Просмотрите коллекцию шрифтов без засечек в VistaCreate и используйте их в своем тексте или в заголовках. А начать можно с универсального Prompt.
Брусковые шрифты
Если просто, то брусковый шрифт — это шрифт, у которого есть засечки, но они короткие и грубоватые.
Большинство моноширинных шрифтов (где все буквы занимают одинаковое пространство), которые используются на печатных машинках и компьютерах, — это или шрифты без засечек, или брусковые шрифты. Если вы когда-то набирали текст с помощью клавиатуры, с огромной вероятностью он был в Courier и Lucida Console.
Но это не все популярные варианты брускового шрифта — например, шрифты American Typewriter, Rockwell и Clarendon тоже часто используется.
Lora — один из десятков брусковых шрифтов, которые доступен в VistaCreate. Используйте его в своем дизайне, чтобы надписи в нем стали выглядеть увереннее.
Рукописные шрифты
Самый первый шрифт возник не сам по себе — по сути, это имитация написания от руки. Старые рукописные шрифты выглядят очень нежно, обычно буквы в них идут под наклоном, курсивно. Более современные шрифты этого типа выглядят более выразительно, добавляются жирные начертания.
Вот несколько отличных примеров рукописных шрифтов — Snell Roundhand, Brush Script и Kaufmann.
Просмотрите варианты рукописных шрифтов в коллекции VistaCreate и примените любой из них к своим надписям, которые хотели бы выделить как-то по-особенному. К примеру, шрифт Playlist Script наверняка придаст вашему дизайну легкости и нежности.
Декоративные и акцидентные шрифты
Акцидентные шрифты обыгрывают типографику по-новому, но задача у них одна: сделать так, чтобы ваше сообщение было максимально заметным. Для сплошного текста такие шрифты не подходят — они работают исключительно для отдельных слов и коротких заголовков.
Декоративные шрифты могут входить во все те семейства, которые мы уже упоминали: это могут быть шрифты с засечками и без, рукописные и брусковые шрифты. Их главная отличительная характеристика — максимальная экспрессия и артовость.
Хорошие примеры этих шрифтов — Broadway, Bauhaus (который вдохновлен эстетикой Баухауса), Peignot, Stencil и Windsor. В коллекции VistaCreate масса декоративных шрифтов, и для каждого найдется своя пара. Возьмите, к примеру, Sigmar One и попробуйте соединить его с разными базовыми шрифтами — и увидите, как меняется настроение текста.
Как сочетать шрифты
Способов сочетать шрифты не так много, как может показаться на первый взгляд. Их всего два: использовать шрифты одной или разных гарнитур. Но прежде чем выбрать, по какому пути пойти, важно понять разницу между гарнитурой и шрифтом.
Гарнитура — это набор шрифтов с общими характеристиками дизайна, который обычно включает нормальное, жирное и курсивное начертание шрифта. Иногда в гарнитуре только нормальное и жирное начертание, а иногда этот комплект расширяется на тонкие и максимально жирные начертания, более или менее разреженные написания.
Шрифт — это вариация гарнитуры, со своим стилем, весом и размером. На заре книгопечатания подвижные литеры в шрифты отливались из металла или вырезались из дерева. Сегодня шрифты заключены в цифровые файлы, которые можно скачать из магазина шрифтов или купить напрямую у шрифтового дизайнера.
Используйте шрифты одной гарнитуры
Начинаем подбирать шрифты. Самый простой и, наверное, самый удачный способ стилизовать текст в дизайнах — использовать шрифты одной гарнитуры. В этом случае ошибиться просто невозможно, это минимализм в чистом виде. Но обязательно обращайте внимание на стиль гарнитуры. Дисплейные шрифты, скорее всего, могут утяжелить дизайн, если их будет слишком много — поэтому сбалансируйте их шрифтами без засечек или брусковыми шрифтами.
В примере ниже можно посмотреть, как дизайнеры VistaCreate использовали этот подход, чтобы создать шаблон с четырьмя текстовыми блоками, набранными одним шрифтом, но совершенно по-разному. Они использовали шрифт с засечками Radley и набрали им и заголовки (заглавными буквами), и сам текст (строчными). Еще в этом примере есть вариации этого шрифта курсивом и с подчеркиванием.
Используйте шрифты разных гарнитур
Звучит немного необычно, но на практике шрифты из разных гарнитур иногда сочетаются даже лучше, чем из одной. Но нужно подбирать их аккуратно — далеко не все такие шрифты хорошо смотрятся вместе. Лучший способ понять, как все работает, попробовать использовать их в своем дизайне и посмотреть, что из этого выходит. Чем больше проб, тем выше вероятность, что вы найдете лучший вариант шрифтового сочетания.
Пример ниже показывает, как удачно может выглядеть сочетания двух совершенно разных шрифтов в одном дизайне. Дизайнеры VistaCreate скомбинировали Montserrat и Mr Dafoe — и получилось очень ярко. Жирное начертание Montserrat идеально подходит для заголовков и основного текста, а изначально курсивный Mr Dafoe — органично подчеркивает устойчивость и вес основного текста.
Рукописные шрифты — отличный выбор, если хочется добиться эффекта «настоящести» написания. Но к сожалению, довольно часто их сложно читать, особенно в курсивном начертании. Поэтому для баланса лучше сочетать их с обычными. При этом подходе пользуйтесь правилом Парето: 80% текста наберите шрифтом, который легко считывается, а 20% — декоративным, рукописным, трафаретным или любым другим экспрессивным шрифтом.
Подытожим
Текст — это то, на что люди обращают внимание в первую очередь, когда смотрят на дизайн. От выбора шрифтов напрямую зависит то, как люди будут воспринимать ваш визуальный проект. На отношение аудитории можно влиять грамотным подбором шрифтовых пар — попробуйте и поймете, что этот инструмент может очень много.