Блог
2020-03-10
2
235
Типографика на сайте

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

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

  • Гарнитура — набор стилистически похожих символов, которые вы можете писать / печатать. Это цифры, буквы, символы.
  • Шрифт — набор символов определенного размера и рисунка.
  • Кегль — размер высоты буквы, включая нижние и верхние выносные элементы.
  • Интерлиньяж — вертикальное пространство между строками текста. Для прямого шрифта межстрочный интервал измеряется от базовой линии одной строки текста до базовой линии строки над ней.
  • Кернинг — изменение интервала между буквами в зависимости от их формы.
  • Трекинг — пропорциональное изменение междусловных и межбуквенных пробелов.
  • Абзац — часть текста, отражающий законченную мысль.
  • Капитель — начертание в гарнитуре, в которой строчные буквы отображаются как уменьшенные прописные.
  • Правила веб-типографики

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

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

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

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