Проблема читабельности текста на сайте – одна из лидирующих проблем веб-дизайна современности. Удержаться от использования на сайте множества шрифтов или шрифтов, разных по размеру, довольно трудно. Ведь буквально каждый день появляются все новые и новые шрифты, позволяющие удовлетворить любой эстетический вкус. Однако в погоне за красивым начертанием текста важно не забыть, что главнее все-таки содержание. Поэтому выбор шрифта не должен влиять на качество восприятия информации посетителем сайта.
Вот несколько рекомендаций по грамотному оформлению текста на сайте.
Когда нужно выделить особенно важный текст, его принято писать шрифтом увеличенного размера. В основном тексте страницы обычно самым большим по размеру шрифтом пишут заголовки разделов, чуть меньшим – заголовки подразделов или материалов и еще меньшим – основной текст. Этого вполне достаточно для визуального разделения текста. Если же количество различных размеров шрифта в основном тексте страницы будет больше, то пользователь может не понять, какая же информация является важной. Кстати, для остальных элементов страницы, таких как меню или футер, допустимо использовать разные размеры шрифтов.
В наше время существует так много разных гарнитур шрифтов: в стиле «техно», в стиле «ретро» или «кантри», шрифты, имитирующие рукописный текст, и т.д. Но то, что красиво смотрится на бумаге, не всегда приемлемо для основного текста сайта. В бумажной документации очень любят использовать шрифты с засечками. Например, один из распространенных шрифтов с засечками, Times New Roman, прекрасно подходит для документов, так как выглядит очень представительно. Засечки на концах букв облегчают чтение текста, но только если он напечатан при большом разрешении. Однако тот же шрифт для сайта при маленьком разрешении пользовательского монитора выглядит неразборчиво, пользователю приходится напрягать зрение, чтобы прочесть текст.
Гораздо больше приемлем для основного текста сайта какой-нибудь рубленый шрифт. Традиционно – это Verbana. Рубленые шрифты имеют более крупные символы и большее межсимвольное расстояние, поэтому они удобнее для чтения с экрана монитора.
Выбирая гарнитуру шрифта для сайта, нельзя «перебарщивать». Для основного текста страниц сайта лучше использовать одну гарнитуру, а для логотипа сайта или для навигации можно использовать еще несколько разных гарнитур шрифта. В общей сложности специалисты по юзабилити рекомендуют использовать не более трех различных гарнитур шрифтов на странице сайта.
Особенно важные слова, фразы или предложения можно выделить подчеркнутым, полужирным или курсивным начертанием шрифта. Полужирный шрифт подойдет для выделения целой строки, курсивный – для отдельных слов или коротких фраз. Подчеркивание текста следует применять осторожно, ведь подчеркиваются обычно гиперссылки. Важно помнить, что имеет смысл выделять полужирным или курсивным начертанием только небольшие участки текста, ведь если выделено все, то не выделено на самом деле ничего.
Кстати, выделение больших участков текста прописными буквами тоже не способствует качественному восприятию информации. Ведь если все буквы одинаково большие, то непонятно, где начинается новое предложение, какие слова являются именами собственными и т.д.
Для хорошего восприятия огромное значение имеет выравнивание текста на странице. Наиболее оптимальный вариант – выравнивание по левому краю, так как текст, выровненный по правому краю страницы или по ширине, читается намного хуже. Например, если в строке менее 40 символов, то для такой строки выравнивание по ширине не пригодно, текст будет слишком «прерывистым».
Межстрочные интервалы, называемые в типографике лидингом, а также межсимвольные интервалы, называемые кернингом, должны иметь значения не меньше, чем по умолчанию. Слишком плотный текст очень плохо читается.
Размеры блоков текста на странице тоже играют важную роль для восприятия текста посетителями сайта. Если основной текст страницы представлен в виде одного сплошного блока, то он воспринимается хуже, чем текст, разбитый на несколько небольших абзацев по 3-5 предложений в каждом. Хуже также воспринимаются хуже широкие блоки текста по сравнению с узкими.
Таким образом, с помощью правильного оформления текста на сайте можно выделить главную и второстепенную информацию в тексте, с первого взгляда оценить содержание страницы сайта. Если посетителю сайта будет приятно и удобно читать текст на Ваших страницах, то это положительно повлияет на его оценку веб-дизайна Вашего сайта.
По материалам сайта webstudio2u.net
