|
|
|
|
При оформлении сайта необходимо всегда помнить о том, что ресурс создается не для выставки, а для продаж.
Удобство чтения остается одной из актуальных проблем в Web. Не смотря на то, что сайт хорошо структурирован, удобен, хорошо спроектирован, если пользователи не смогут нормально читать, что на нем написано, сайт никогда не станет эффективным.
Правильное текстовое оформление и подбор цветовой гаммы являются важнейшей составляющей качественно визуального дизайна. Поэтому необходимо помнить о четырех основных рекомендаций при использовании шрифта:
- Используйте широко распространенные шрифты размером не меньше 10. Мелкий текст сложно читать т.к. мелкие буквы трудноразличимы. Мелкие символы утрачивают на экране свою форму, особенно если применяются в тексте жирного начертания или курсива.
- Избегайте использования слишком насыщенного фона
- Применяйте черный шрифт на белом фоне.
- Сведите к минимуму использование изменяющихся, художественных и графических надписей .
В веб-дизайне, чем больше текста на странице, тем меньше его будут читать. Важно размещать на странице только самое важное, выделять абзацы, не делать предложения слишком длинными. При недостатке свободного места на странице, следует разместить его на двух страницах т.е. конец текста, разместить на следующей страницы и организовать к не переход с помощью ссылки.
Что касается типов шрифта, то для интернета используются шрифты без засечек. Наиболее популярными являются Verdana и Arial. А вот наиболее популярными для печати являются шрифты с засечками Times New Roman и Geogia.
Arial – воспринимается хорошо только при соответствующем размере. Не следует использовать шрифт меньше 10. Современный, довольно четкий шрифт без декоративных излишеств. Пользуется популярностью среди всех возрастных категорий.
Verdana – наиболее удобный шрифт для восприятия на экране. Хорошо воспринимается практически при любых размерах. Современный, простой, профессиональный. Рекомендуется для написания основного текста веб-страниц, удобочитаемость которого особенно важна. Большинство пользователей отдают предпочтение именно этому шрифту.
Times New Roman – прекрасно подходит для печати. Удобство восприятия на экране резко снижается при выборе размера меньше 12. Традиционный шрифт. Не используется профессионалами для отображения на экране.
Georgia – один из лучших шрифтов с засечками. Лучше всего подходит для использования в сети. Лучше всего воспринимается на экране при размере шрифта не менее 10. Традиционный шрифт, но более современный и удобный для восприятия на экране, чем Times New Roman.
Следует отметить, что шрифты без засечек выглядят более современно и удобство их восприятия сохраняется даже при использовании шрифтов малых размеров. Самый оптимальный и популярный – шрифт Verdana.
Важно помнить, что на сайте не следует использовать шрифты более чем четырех разных цветов. Если применять больше четырех цветов и трех видов шрифтов, сайт будет выглядеть слишком пестрым, неупорядоченным, неструктурированным и непрофессионально оформленным.
Не стоит использовать текст, написанный заглавными буквами. Такой текст трудночитаем, буквы сливаются и затрудняю прочтение.
Контраст цвета и фона
Наиболее приемлемым и удобным для чтения остается черный текст на белом фоне. В целом для оформления текста рекомендуется использовать темные цвета, а для оформления фона – холодные ненасыщенные.
Если использовать белый шрифт на черном фоне, то его контрастность будет такой же, как у черного шрифта на белом фоне. Но в первом случае удобочитаемость текста будет значительно ниже, особенно при выборе шрифтов малых размеров. В этом случае белые края букв кажутся размытыми. Для того, чтобы избежать подобного эффекта, необходимо использовать шрифт размером не менее 12. Вообще, если нельзя избежать оформления фона темным цветом, то лучше не использовать черный цвет, а выбирать какой-нибудь другой темный оттенок. Не смотря на то, что это немного снижает контрастность, зато значительно уменьшается эффект размытых краев букв.
Необходимо избегать использования схожих цветов, например, серого на белом. Низкий контраст приводит к чрезмерному напряжению зрения и быстро утомляет пользователя. Следует также осторожно использовать сочетания ярких цветов, например, фиолетовых и желтых, синих и красных, черных и красных. Яркие цвета будут довольно контрастны, но их сочетание вызывает эффект «дрожания» текста на экране, что значительно осложняет его восприятие. Следует помнить, что самый высокий контраст т самый высокий уровень зрительного восприятия у черного текста на белом фоне.
Фон лучше всего воспринимается в светлых, пастельных, спокойных тонах, без использования рисунков, узоров, водяных знаков. Фон лучше делать однотонным, используя различные приемы затухания или градиента.
Текст в виде изображений
Текст в виде изображений иногда уместен для небольших фрагментов, например, на кнопках. Для больших фрагментов больше подойдет обычный текст. Многие дизайнеры, выбирающие для оформления нестандартные, красивые шрифты, часто прибегают к использованию текста в виде изображений, что является недопустимым по ряду причин:
- Использование графики приводит к увеличению размера сайта. Могут возникнуть проблемы со скоростью загрузки страницы на которой присутствуют тяжелые графические элементы
- Текст в картинке, в отличие от текста в формате html, трудно редактируется
- Текст в графическом виде не распознается поисковыми роботами и не индексируется
- Текст в графическом виде нельзя выделить. Эта функция бывает необходима при копировании или желании сохранить пользователем текста.
- Текст в виде изображения невозможно масштабировать
Таким образом, текст должен всегда быть в формате html. Использование текста в картинке следует избегать.
Изменяющиеся надписи
Пользователь негативно относятся к мигающему тексту ли бегущим строкам. Эти элементы отвлекают их от основной информации. Более того, такие эффекты ассоциируются с рекламой и поэтому игнорируются. Текст не должен автоматически прокручиваться, двигаться, мелькать – это вызывает раздражение. От лишних эффектов следует отказаться. Текст должен быть статичным.
|
|
|
|
