Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

Иными словами, как все мы знаем, шрифтов много, но по факту они бывают строгие брусковые и более «игривые» с засечками.  И как мы не раз разбирали эту тему оба шрифта удачно используются в веб-дизайне. Но вот ведь какой момент: трендов так много, изменений, развитий, а как дело доходит до выбора шрифта – снова мучения.

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

Анатомия засечек

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

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

Но засечки это не только графический штрих, это – настроение и чувства. Это самые разные ассоциации, возникающие у смотрящего на них. Обычно такие ассоциации, воспоминания, фантазии связывают с уверенностью, элегантностью, классичностью и чем-то немного формальным. Если вы открываете художественную книгу, с вероятностью 90% будет присутствовать шрифт с засечками. Открывая сайты нестрогой тематики (кафе, дизайн-студий, блоги, туристические и иные тематические ресурсы), мы тоже подсознательно ожидаем именно шрифт с засечками. Например, еда или напитки пробуждают чувства, разные, а значит строгим и унылым сайт просто не может быть.

И вот наглядные тому примеры: oursroux, centurion-magazine, femmefatale, dragone, .intercontinental

Отправляясь к Sans Serif

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

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

В тоже время шрифты без засечек используются в тех же тематиках,  что и шрифты с засечками. Например: codigovision, ultragroup, vita-electricskinhair, fubiztalks.

Мифы разных шрифтов

Темы общие, а шрифты разные. Но почему же? Как приходят к такому выбору веб-дизайнеры? Что на этот самый выбор так сильно влияет? Проблему выбора усугубляют, в частности и в большей мере, мифы, которые мы можем почти каждый день встретить в разных источниках. И если в прошлом некоторые из этих мифов и слухов, возможно, имели некоторое доверие со стороны дизайнеров, современные методы публикации (печатные и онлайн) существенно уменьшили разрыв между шрифтами (с засечками и без засечек) и читаемостью. Во многих случаях проблема читаемости не основана на типе шрифта, а скорее кроется в фактическом шрифте и его применении.

Посмотрим на некоторые мифы внимательнее…

Для печати нужен только Serifs

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

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

Sans Serifs только для веб-дизайна

Аналогично предыдущему мифу, некоторые дизайнеры уверены, что на веб-сайтах нужно использовать только шрифты без засечек. Любой текст необходимо набирать строгим и простым шрифтом. Это несколько неверно. Да, на протяжении многих лет дизайнеры использовали такие шрифты в печати. Но, чтобы связать Sans Serifs только с цифровой публикацией – смешно. Посмотрите на количество книг и журналов, которые используют Sans Serifs для обложек и в тексте всей публикации.

Sans Serifs слишком неформален

Использование шрифта Sans Serif само по себе не делает сообщение неформальным (неофициальным). Даже наоборот, придает ему строгости. Но он может стать таковым при использовании с другими шрифтами или в сочетании с декоративным шрифтом.

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

Шрифт с засечками сложно читать

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

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

Засечки могут использоваться для увеличения интервала между буквами

И это реальный используемый аргумент. Но засечки в действительности никак не влияют на интервал между символами. Текст, набранный надлежащим образом и с настроенным кернингом, может, наоборот, выглядеть так, будто засечки слились в единое целое, а буквы расположены очень и очень близко друг к другу. Иными словами, создается прямо противоположный эффект. Поэтому - нет, это тоже миф. Засечки  – не решение для работы с кернингом.

Sans Serifs повышают внимание к контенту

Посмотрим сразу на два примера: agostinetto-wine и expressbank.

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

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

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

Но что самое интересное, оба эти варианта одинаково эффективны, удобны и способны донести до пользователя всю суть ресурса и контента.

Завершение и мысли

И снова вопросы. Так что же лучше выбирать: шрифт с засечками или без? Есть ли правила по тематикам и стилям дизайна? Существуют ли исследования правильности выбора? Нет и нет. Это все зависит только от  настроения веб-дизайнера, индивидуальных особенностей проекта, от использования шрифтов. Лучший ответ, как правило, не менее ясен, но дается всегда – сочетания обоих стилей. И неважно, в каком проекте: полиграфия или цифровое пространство.

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

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

Проще говоря: нет тематик, но есть смысл содержания и цель проекта, которые влияют на выбор и цветов, и контраста, и типографики.

Как вам материал?