Что такое шрифты с засечками

Главное о шрифтах

Создать дизайн в 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% — декоративным, рукописным, трафаретным или любым другим экспрессивным шрифтом.

Подытожим

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

Источник

Что такое шрифты с засечками

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Верстка журнального разворота. Часть 2

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

Теперь поговорим о шрифтах.

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

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

Шрифты без засечек называются рублеными. В Англии, и Франции такие шрифты чаще называются Sans Serif, в Америке Gothic, в Германии Grotesk. Как правило, гротески имеют основные и соединительные штрихи практически одной толщины (неконтрастные) или с малозаметной разницей в толщине штрихов (малоконтрастные).

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Шрифты с засечками также называют антиквой. В Англии, США и Франции такие шрифты чаще называются Serif.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Термин «Антиква» (Antiqua) заимствован из немецкого языка (где он обозначает любой шрифт прямого начертания) и указывает на его древнее (античное) происхождение, поскольку каролингское письмо VIII–IX вв., лежащее в основе гуманистического письма, в эпоху Ренессанса ошибочно принималось за подлинное письмо античности. Антиквенные шрифты обычно делятся на Антикву старого стиля, Переходную антикву и Антикву нового стиля, а также Брусковую антикву.

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

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

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Конечно, это правило довольно общее. Существуют газеты и журналы, где оно не соблюдается, но любое исключение из правил должно быть оправдано.

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

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

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

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

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

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

В заголовках не используйте только прописные буквы!

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

Используйте выбранный шрифт достаточно большого размера, чтобы его легко можно было читать. Помните, что текст статей должен легко восприниматься читателем. Если текст напечатан слишком мелко то, это позволит разместить больше слов на странице, но вместе с тем, затруднит их зрительное восприятие. Традиционно в российских газетах текст печатался 8-м кеглем, однако сейчас наблюдается тенденция к увеличению размера шрифта до 9 — 9,5.

Определитесь с межбуквенными интервалами (трекингом).

Если расстояние между буквами слишком мало или, наоборот, велико, то слова будет трудно читать и понимать. Найдите оптимальное межбуквенное расстояние и используйте его постоянно во всем проекте.

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

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

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

Установите свой стандарт интерлиньяжа и затем применяйте его постоянно. Не попадайтесь в ловушки, увеличивая размер интервала, когда статья слишком короткая или, уменьшая его, когда текст довольно длинный!

Источник

С засечками или без: как подобрать корпоративный шрифт и разработать логотип

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Самый распространенный цвет на логотипах мировых брендов — синий, а самый популярный тип шрифта — без засечек. Но это не все, на что стоит опираться при разработке лого. Маркетолог Logaster Игорь Волков рассказывает, как подобрать фирменный шрифт и создать айдентику.

Для чего нужен логотип

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

Буква «Т» на Tesla — это схематическое изображение части электромотора, а изогнутая стрелка под надписью Amazon — улыбка, которая означает клиентоориентированность компании.

Эмблема может быть текстовой (Coca-Cola, Nokia, Facebook), символьной (Apple, Twitter, Shell) или комбинированной (Adidas, Burger King, Adobe), но всегда выполняет такие задачи:

Как выбрать шрифт для логотипа

Анализ айдентики компаний из списка Fortune 500 показал, что 99,6% из них используют текст в логотипах. Чтобы подобрать фирменный шрифт, руководствуйтесь тем, какое впечатление вы хотите произвести на потребителей и какой характер передать.

1. Serif

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

Опрос продемонстрировал: люди воспринимают типографику с засечками как «красивую и элегантную». А исследование ученых из Wichita State University подтвердило: шрифты Serif чаще всего оценивают как «стабильные, практичные, зрелые, формальные».

Популярные шрифты с засечками: Times New Roman, Garamond, Georgia.

Бренды, которые используют Serif: Tiffany, Gucci, Burberry, The New York Times и Rolex.

2. Sans Serif

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

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

Популярные шрифты без засечек: Helvetica, Futura и Franklin Gothic.

Бренды, которые используют Sans Serif: Jeep, Panasonic, Target, Microsoft, Caterpillar.

3. Script

Рукописные шрифты традиционно используют в творческих проектах, которые связаны с хендмейдом, индустрией красоты и развлечений. Соединение букв создает впечатление целостности и близости с брендом. Пользователи дают рукописным шрифтам такие характеристики: «юношеский, счастливый, творческий, женский, приятный».

Популярные рукописные шрифты: Allura, Pacifico.

Бренды, которые используют рукописные шрифты: Kellogg’s, Coca-Cola, Virgin, Barbie, Kleenex.

4. Modern

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

Самые популярные шрифты группы: Futura, Bedini, Orgreave, Bodoni, Empire.

Бренды, которые используют шрифты Modern: Red Bull, Calvin Klein.

5. Display

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

Популярные шрифты группы: Jokerman, Bombing, Gigi.

Бренды, которые используют шрифты Display: Lego, Disney.

Как создать логотип: пять советов и три инструмента

Логотип должен соответствовать характеру бренда, отвечать интересам целевой аудитории и быть уникальным. Чтобы этого добиться, начните с тщательного анализа и разработки основной идеи — только потом переходите к визуальному воплощению.

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

Источник

Что такое типографика и какие шрифты использовать на сайте

Как сделать текст более читабельным? Как подбирать шрифтовые пары? Какой шрифт выбрать для бизнеса и не ошибиться? Ответы на эти и другие важные вопросы в руководстве по типографике от Skillbox.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

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

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

Что такое типографика

Типографика — это оформление наборного текста. Его располагают на бумаге или экране, настраивают отступы и интервалы, подбирают шрифт. Хорошо проработанный материал смотрится лаконично и приятно. Легко читается, ощущается гармония.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

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

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

Как подбирать шрифты на сайт

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

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

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

Классификация шрифтов

Шрифты отличаются характером, внешним видом, стилем. Какие-то — статические, какие-то передают динамику. Но все эти различия видит опытный человек, а простой пользователь, скорее всего, не заметит.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Главное визуальное различие шрифтов — засечки на буквах. Этот параметр называется классификацией шрифта. На сайтах чаще всего встречается две классификации: антиква и гротеск.

Антиква — шрифт с засечками, поэтому часто в названии есть слово serif («засечка»). Популярная антиква: Times New Roman.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

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

Гротеск — классификация шрифта без засечек. В названии его часто встречается слово sans («без»). Популярные представители гротеска: Arial, Helvetica, Verdana.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Гротеск ассоциируется с чем-то современным и легким. Его часто использует в чертежах и технической документации, в интерфейсах программ, на сайтах.

Что такое гарнитура

Гарнитура — это название одной шрифтовой семьи, которая состоит из разных начертаний.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

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

Светлое (Thin, Light); нормальное (Regular); полужирное (DemiBold, SemiBold); жирное (Bold, Extra Bold)

Узкое (Narrow, Condensed); нормальное; широкое (Wide, Extended, Expanded)

Выбор размеров шрифта

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

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Размер для обычного текста — 16-22 px. При этом длина строки не должна превышать 75 символов. Если текста мало, то его делают крупнее, а для статей и длинных записей — мельче.

Правильно подобранные размеры заголовков помогают создать контраст с основным текстом на странице. Для расчета пользуются коэффициентом из золотого сечения — 1,6.

Чтобы узнать размеры заголовков, кегль основного текста умножают на 1,6.

Нормальный текст: 18px

Заголовок 4: 18х1,6 = 27px.

Полученный результат умножают на 1,6 еще раз, чтобы узнать размер заголовка следующего уровня:

Заголовок 3: 27х1,6 = 40px.

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

Сочетание шрифтов

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

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

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

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

Самый простой способ подобрать пару шрифтов — просмотреть несколько, сравнить и проанализировать, какие пары подойдут.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Искать шрифтовые пару удобно с помощью сервисов Паратайп и FontPair.

Где брать шрифты

В интернете можно найти бесплатные и платные шрифты. И те, и другие шрифты можно использовать на сайте.

Бесплатные

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

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

Платные

Ищут в специальных магазинах или на сайтах владельцев — студий и дизайнеров.

Больше о типографике и шрифтах

Шрифт проектируются для определенной цели. У каждого — разные характер и настроение. Поэтому к подбору шрифтов и верстке текста на странице важно подходить осознанно.

Книги, которые помогут изучить основы типографики и узнать, как работать со шрифтами:

Углубиться в типографику, верстку и узнать об использовании шрифтов можно на курсе «Веб-дизайн с нуля» от Skillbox.

Что такое шрифты с засечками. Смотреть фото Что такое шрифты с засечками. Смотреть картинку Что такое шрифты с засечками. Картинка про Что такое шрифты с засечками. Фото Что такое шрифты с засечками

Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *