Дизайн текста для Web

Зачастую начинающие дизайнеры останавливаются на том, что рисуют только одну страницу и считают всю свою работу выполненной. Это неправильная позиция, если было заказано более одной страницы. А если заказ был сделан на дизайн целого сайта, необходимо не забывать, что содержимое на страницах может сильно различаться. Тогда следует учитывать не только элементам HTML, доступным по умолчанию, а ещё и дополнительные необходимые Web-мастерам элементы.

Все элементы на странице должны соответствовать единому стилю оформления для того, чтобы контент адекватно воспринимался и был легко читаем. В первую очередь это относится к шрифту, цвету и отступам. Размер шрифта необходим довольно большой, но если потребуется использовать маленький размер, то лучше побеспокоиться о возможности изменения его размера и, к примеру, использовать em, а не px, указывая в вёрстке размер шрифта (хотя во всех браузерах, кроме IE6, можно изменять увеличить размер шрифта, даже указанный в пикселях). Если шрифт мелкий, т для лучшей читабельности лучше использовать шрифты без лишних засечек. А если крупный, как заголовок, например, то изящнее будет смотреться шрифт с засечкам. Многое разумеется зависит от выбранного стиля дизайна Web-сайта.

Не стоит игнорировать то, что возможно использовать 6 уровней заголовков, так как зачастую Web-сайт многоуровневый и почти все виды заголовков востребованы. Для заголовков верхних уровней используется крупный шрфт и контрастный цвет. Если спускаться ниже по уровням, то должна снижаться яркость и текст должен становится максимально приближенным к цвету и размеру основного текста. Также стоит учитывать, что, чем светлее цвет текста, тем меньше он будет контрастировать с фоном, поэтому необходимо не забывать компенсировать недостаток более тёмным цветом заголовка. Можно использовать и несколько цветов, расположенных в прядке убывания яркости, если таковые предусмотрены стилем сайта. Заголовок самого низкого уровня можно сделать даже не отличающимся от основного текста ни размером, ни текстом или просто выделить его в основном тексте жирным.

Заголовки разного уровня должны быть легко отличаемы друг от друга по размеру. Однако нужно избегать слишком большого контраста, поскольку иначе это вызовет разрозненность всех элементов.

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