Сегодня мы поговорим о типографике, которая является важным фактором при создании сайта.
Типографика включает в себя все параметры текста, такие как:
- размер шрифта;
- насыщенность;
- межбуквенное;
- межстрочное расстояние.
Тексты на сайте обычно выстраиваются в иерархию, начиная с заголовков 1, 2 уровней и заканчивая текстами и сносками. Рассмотрим каждый из этих элементов подробнее.
Заголовок 1 уровня - это самый важный текст на сайте. У нас есть всего несколько секунд, чтобы заинтересовать посетителя и удержать его на нашем сайте. Поэтому для этого заголовка мы используем крупный размер шрифта (от 50 пикселей и выше) и максимальную насыщенность (Bold, Semibold или Medium).
Заголовок 2 уровня - это заголовки, которые следуют за заголовком 1 уровня. Они могут быть, например, "О компании", "Галерея" или "Контакты". Эти заголовки также имеют крупный размер и насыщенность, но немного меньше, чем заголовок 1 уровня.
Заголовки 3 уровня - это заголовки важных мыслей внутри блока. Они еще меньше по размеру и насыщенности, чем заголовки 2 уровня.
Подзаголовки, описания и тексты раскрывают более подробно мысли, заявленные в заголовках 2 и 3 уровней. Размер текста обычно устанавливается от 12 до 18 пикселей.
Что касается межбуквенного расстояния, то оно зависит от вида шрифта. Иногда хочется добавить немного воздуха между буквами, чтобы текст выглядел более читабельным.
Для межстрочного расстояния есть простое правило: чем крупнее текст, тем меньше должна быть межстрочка. Это помогает лучше воспринимать информацию.
Оформление текстов - это очень важная часть создания сайта. В следующей статье мы расскажем о правилах оформления текста более подробно.