Несколько слов об оформлении текста сайта!

Опубликована 28 февраля 2011 | Автор: Павел Волков

В этой статье я хочу поговорить немного об оформлении текста на сайте. Большинство веб-дизайнеров, когда создают свои проекты, уделяют огромное внимание стилю сайта, т.е. логотипу, меню, графическим элементам, расположению различных блоков и частей сайта. А вот с текстом работают очень мало.

Оформление основного текста сайта.

Если фон сайта, на котором расположен основной текст «белый», то не стоит использовать черный шрифт, так как от сильного контраста глаза читателей будут уставать. Лучше использовать цвет, который близок к черному, но не черный. В остальных случаях если вы используете светлые тона при оформлении сайта, то можно применять стандартный черный цвет.

Размер текста должен быть не более 14 px. Обычно используют размер равный 12px. Выбор размера зависит от выбора шрифта. Лично я использую Verdana и Tahoma.

Существует 4 вида выравнивания текста: по левому краю, по правому краю, по середине и по ширине. Обычно текст выравнивают либо по правому краю, либо по ширине. Но во втором случае могут возникнуть огромные пробелы между словами, поэтому чаще всего используют выравнивание по левому краю. По середине и по правому краю выравнивать основной контент сайта нельзя, т.к. теряется начало строки, и каждый раз посетитель будет постоянно путаться, и следовательно глаза его будут уставать.

Стандартная длина строки не должна превышать 65 символов, но это конечно не жесткое правило. При резиновой верстке сайтов во многих случаях оно нарушается. Но чем длиннее длина строки, тем сложнее посетителю после прочтения первой строки найти вторую и так далее. Так же она не должна быть очень короткой, т.к. глаза посетителя будут постоянно прыгать со строчку на строчку и быстрее уставать.

Заголовки

Существует 6 уровней заголовков(H1, H2, H3, H4, H5 и H6).

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

Далее находим программу, где есть возможно нарисовать градиент (например, Photoshop). С одной стороны указываете один из основных цветов сайта (это будет цвет заголовка уровня H1), с другой, цвет основного контента сайта (это будет цвет заголовка уровня H6) и получаете градиент.

Остальные уровни заголовков(H2, H3, H4 и H5) я думаю понятно, как назначить. Если не понятно, то делите данный градиент на 5 равных частей и там, где будут линии деления, там и будут наши заголовки.

Размеры заголовков тоже должны отличаться друг от друга и от основного контента сайта. Обычно, заголовок H6 совпадает размером и цветом c основным текстом сайта. Чем выше уровень заголовка, тем крупнее размер шрифта.

Точка в конце заголовка не ставится. Если заголовок состоит из двух предложений, то после первого предложения нужно поставить точку, после второго этого не требуется.

Категория: Веб-дизайн