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