Top.Mail.Ru
Как выбрать идеальный шрифт для вашего сайта: советы и рекомендации - Black River
Все статьи

Как выбрать идеальный шрифт для вашего сайта: советы и рекомендации

214
~ 10:00

Какой шрифт лучше использовать на сайте

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

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

Содержание:

Шрифты с засечками

Они берут своё начало от древней письменности, которую высекали на глиняных дощечках и камнях.
Известные шрифты этой разновидности — Times New Roman, Baskerville, Courier New.
По мнению многих дизайнеров и верстальщиков, такие шрифты лучше подходят для бумажных носителей — газет, книг, буклетов, а не для онлайн-формата.
Ассоциации с засечными шрифтами: традиционность, формальность, утонченность.

Известные шрифты этой разновидности — Times New Roman, Baskerville, Courier New.

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

Ассоциации с засечными шрифтами:

  • традиционность;
  • формальность;
  • утонченность.

Именно поэтому его часто применяют на веб-страницах, которые предлагают услуги премиум класса. Проиллюстрируем на примере сайта элитного бизнес-клуба «Kelia».

Этот клуб, расположенный в самом сердце столицы, в здании, которое является памятником архитектуры — это символ приверженности традициям.

Поскольку клуб ориентирован на бизнесменов, придерживающихся определенных правил поведения, появляется ассоциация с формальным стилем.

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

Если хотите подчеркнуть свою преемственность и серьёзный взгляд на вещи, то выбирайте те, что имеют засечки.

Шрифты без засечек

Происходят от названия Sans Seriff, что в переводе означает “без засечек”, у этих шрифтов отсутствуют штрихи на концах букв.

Известные представители этого вида — Arial, Helvetica, Verdana.

Виды шрифтов без засечек:

геометрические — они основаны на правильных фигурах, толщина штрихов остается неизменной, например, Helvetica;
гуманистические — штрихи немного различаются, сами шрифты более художественны, каллиграфичны. Именно их используют в 2/3 всех интернет-ресурсов.
Шрифт без засечек ассоциируется с:

  • актуальность;
  • универсальность;
  • чистота, аккуратность.

 

Например, шрифт без засечек используется на лендинге ICO блокчейн-платформы bubbletone.io. Блокчейн — новая технология нашего столетия,поэтому, важно отметить ее актуальность. «Безупречность сделок, аккуратность и точность в исполнении обязательств» — отличная идея стартапа, который ищет инвестиции. Но эти шрифты также успешно применяются в самых разнообразных областях. Именно поэтому они так популярны. Примером может служить шрифт Helvetica, который применяется в 21% лого-надписей среди известных мировых брендов. Это компании из самых разных областей, например, McDonalds, Toyota, Skype. В качестве основного шрифта для текста, который будет размещен на веб-странице, выбирайте шрифт без засечек. Это подчеркнет современность, новаторство, а также честность и надежность вашей компании.

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

Нюансы работы с шрифтами

Вот несколько советов по оформлению текстов на сайте.

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

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

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

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

Чек-лист для самоконтроля

  • А вы уверены, что учли все?
  • Легко ли читаются тексты на странице?
  • Гармонично ли подобраны гарнитуры?
  • Используется ли не более 2-3 гарнитуров?
  • Все ли гарнитуры корректно отображаются на любом устройстве?
  • Чем был обусловлен выбор в пользу определенного вида гарнитуры?
  • Подходят ли выбранные гарнитуры к общему стилю ресурса?

Если на все вопросы вы можете ответить “да”, ваш выбор шрифтов для оформления сайта великолепен! Заказать создание веб-страницы с красивым удобным оформлением и идеальным сочетанием шрифтов

Заполните эту форму и мы свяжемся с вами!

    *нажимая «отправить» вы даете согласие на обработку персональных данных

    Или напишите нам:
    Заполните эту форму и мы свяжемся с вами!

      Или напишите нам:
      Получите ссылку для скачивания введя вашу почту

      *нажимая «получить статью» вы даете согласие на обработку персональных данных

      Получите ссылку для скачивания введя вашу почту

      *нажимая «получить статью» вы даете согласие на обработку персональных данных