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

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

Правило трех в высокой печати

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

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

Таким образом, существует не более трех типов политик:

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

Найдите шрифт для своего сайта

Многие сайты позволяют найти стили для вашего текста.

  • Google Fonts — это сайт, который позволит вам найти бесплатные шрифты. Библиотека велика, и интеграция с сайтом WordPress часто бывает очень простой. Но по этой причине типографии, которые вы там найдете, часто будут использоваться вашими конкурентами. Это не имеет большого значения, но они менее уникальны, чем то, что вы можете найти где-либо еще.
  • DaFont — это сайт, предлагающий большую библиотеку типографий. Некоторые бесплатные, другие — тесты. Вы должны уделять пристальное внимание условиям использования каждой политики, чтобы оставаться в курсе событий. Там вы найдете несколько оригинальных видов, но вам нужно будет приложить немного усилий, чтобы интегрировать их в свой сайт.
  • Envato Elements — это сайт на основе подписки, который предоставляет доступ к множеству ресурсов (фотографии, графика и т.д.), включая стили. Вы найдете там действительно красивые и уникальные (поскольку они платные). Как и в предыдущем варианте, нужно будет немного поработать, чтобы интегрировать шрифты на сайт, поскольку они представлены в виде файлов формата TTF, OTF или WOFF.

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

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

Материал предоставлен компанией «ГАЛА-центр«.

http://gala-centr.site/