О веб-дизайне и шрифтах
Опубликовано 5 июля 2008 года в рубрике Веб-мастерам
39 раз(а)
Будем считать, что у Вас уже написан и отредактирован материал, настало время разместить его непосредственно на странице. И не как попало, а чтоб приятно глянуть было, а заодно, чтоб легко и удобно читалось!
Вроде никаких проблем, шрифтов в сети не сосчитать, выбирай любой. Но Вы прекрасно понимаете, можно сказать – нюхом чуете, что собака таки где-то зарыта. Точно, так оно и есть! А если интересно, я попытаюсь объяснить, где именно.
Дело в том, что применение HTML тега <FONT FACE=[мой_прекрасный_шрифт]> не подействует должным образом. Проблема в том, что у посетителя на компьютере может не оказаться такого шрифта и вместо текста он будет лицезреть невразумительную абракадабру.
Для подстраховки всегда нужно указывать несколько шрифтов, прописав их через запятую. Подбирайте внешне схожие шрифты. На случай, если у посетителя не найдется нужного шрифта, он заменится следующим по списку, придав странице максимальную схожесть с Вашей задумкой.
Что делать, если по дизайнерской задумке необходимо использовать, к примеру, готический шрифт? Такого точно не отыщется на всех компьютерах, а в стандартном наборе нет ничего похожего. Из сложившейся ситуации можно выйти двумя известными мне способами.
Первый: использовать рисунки. То есть, весь текст, набранный необычным шрифтом, написать в графическом редакторе и выложить на странице в виде изображения. Но, согласитесь, это плохой выход. Рисунки грузятся гораздо дольше текста, да и редактировать информацию в таком виде очень неудобно. Такой способ можно применять для выделения заглавных букв. Нечто похожее можно увидеть в книгах, когда первая буква представляет целое художественное произведение, а остальные пишутся обычным шрифтом. Еще такой метод плох тем, что информацию, которая предоставлена на сайте в виде рисунка, смогут прочитать посетители, но не поисковые машины.
Второй способ: предложить посетителю скачать необходимый шрифт. Следовательно, Вы указываете в параметрах для текста свой_замечательный_шрифт, а следом что-то из стандартного, например Arial. А где-то на странице поместите уведомление, что для корректного отображения информации необходимо скачать шрифт. Таким образом, случайно зашедшие посетители смогут без труда ознакомиться с материалом, а постоянные клиенты скачают и установят себе необходимый шрифт. Но помните, что серферы очень ленивый народ, а следовательно, вероятность того, что они захотят ставить Ваш шрифт, очень мала. Для того, чтобы пойти на это, они должны быть неимоверно заинтересованы в Вашем сайте.
Следовательно, при разработке дизайна лучше не использовать мудреных шрифтов. Это в первую очередь облегчит Вашу задачу в оптимизации корректного отображения информации, а также облегчит восприятие информации читателями.
Одну задачу вроде решили. Теперь нужно разобраться еще с одной, а именно: сделать текст удобочитаемым. Для этого тоже имеется несколько способов.
В оформлении используется выделение необходимых частей текста цветом, применением СТРОЧНЫХ символов, их курсивного и полужирного начертания, а также цветовое соотношение текста и фона.
Со всевозможными выделениями, думаю, все понятно, давайте немного подробнее рассмотрим явление цветового соотношения.
Когда требуется передать большой объем информации, следует использовать контрастирующие цвета. И лучше, чтобы цвет текста был темнее фона. Яркий цвет текста или фона, несомненно, привлечет внимание посетителя. Но нужно знать меру и не переборщить, с таким же успехом броскость и использование «кричащих» красок может его отпугнуть. Также следует отметить, что на ярком фоне тяжело читать, буквы будут теряться.
Можно пожертвовать удобочитаемостью, например, при изготовлении сайтов-плакатов, когда целью есть не передача информации, а просто привлечение внимания.
Думаю, теперь Вы без труда сможете передать информацию посетителям должным образом.
Автор: Найкрис Кроули.
При использовании материала ссылка на сайт обязательна