Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

Веб-дизайн и оформление текста сайта

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

Вот несколько рекомендаций по грамотному оформлению текста на сайте.

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

Существует много разных гарнитур шрифтов: в стиле «техно», в стиле «ретро» или «кантри», шрифты, имитирующие рукописный текст, и т.д. Но то, что красиво смотрится на бумаге, не всегда приемлемо для основного текста сайта. В бумажной документации очень любят использовать шрифты с засечками. Например, один из распространенных шрифтов с засечками, Times New Roman, прекрасно подходит для документов, так как выглядит очень представительно. Засечки на концах букв облегчают чтение текста, но только если он напечатан при большом разрешении. Однако шрифт с засечками для сайта при маленьком разрешении пользовательского монитора выглядит неразборчиво, пользователю приходится напрягать зрение, чтобы прочесть текст.

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

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

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

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

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

Размеры блоков текста на странице тоже играют важную роль для восприятия текста. Если основной текст страницы представлен в виде одного сплошного блока, то он воспринимается хуже, чем текст, разбитый на несколько небольших абзацев по 3-5 предложений в каждом. Широкие блоки текста воспринимаются хуже узких.

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

Если Вас заинтересовал наш подход, заказать разработку web дизайна в веб-студии WebStudio2u Вы можете прямо сейчас!

Теги:
веб-дизайн, текст сайта, шрифты, оформление текста, форматирование текста