Шрифтовое оформление сайта

Author
Анна Петрова
Senior UX Designer @ TechCorp

Советы web-дизайнеру
4.0 / 5 (57 оценок)


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

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

Это заставляет изыскивать другие пути для оформления "тела" документа. B частности выделение необходимых частей текста цветом, применением СТРОЧНЫХ символов, их курсивного и полужирного начертания, а также манипуляции с кеглем шрифта выводимого на экран клиента. Немаловажным для удобства восприятия информации оказывается цветовое соотношение текста и фона. Если предполагается передача клиенту достаточно большого объема информации, то с точки зрения удобочитаемости, желательно чтобы текст был выполнен темным цветом на светлом фоне и быть достаточно контрастным. Применение ярких подложек под текст (задний фон) является сильным выразительным средством, но необходимо помнить, что читать текст по яркому, а тем более пестрому, фону трудно, а иногда просто невозможно, так как символы теряются в пестроте подложки.


Страница: 1 из 2    -   Следующая

Навигация: 1  2  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю