Основные правила набора текста

Выбор шрифта при разработке сайта. Требования к шрифтам сайта в соответствии со стандартами W3C. Тэги форматирования. Маркированные и нумерованные списки, различные виды маркировки списков. Язык разметки гипертекста HTML. Правила построения HTML –документа.

Ответ:

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

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

Шрифт должен служить задачам восприятия информации. На сайте должен быть одинаковый стиль оформления текста (заголовки разных уровней, эпиграфы, цитаты, ссылки и т.д.)

тексты должны быть легкими, читаемыми, без обилия длинных слов и оборотов, написанные живым языком, но без фамильярности;

подача информации идет методом пирамиды: первый абзац содержит ключевую информацию, дальше идет все более и более подробное разъяснение. Делается это для того, чтобы у пользователя, прочитавшего всего лишь пару абзацев, сформировалось понимание, о чем идет речь;

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

Требования к шрифтам сайта в соответствии со стандартами w3c.

выравнивание текста по левому краю увеличивает скорость чтения, т. к. ровный левый край помогает найти начало новой строки.

Длина строки. Основываясь на предположении, что человеческий глаз в определенный момент времени может сфокусироваться примерно на 7,5 см строки текста, считается, что длина в 9 или 10 слов увеличивает скорость чтения и восприятие материала. Однако скорость чтения и предпочтения пользователей — не одно и тоже. При верстке текста сначала определитесь, что важнее — скорость или удобство чтения. Если важна скорость выполнения задач пользователем, тогда длинные строки повысят темп чтения текста. Однако, если важнее удобство работы, используйте небольшую длину строки

Интерлиньяж (межстрочный пробел, высота строки). Установка интерлиньяжа больше значения по умолчанию, примерно в 1.3em от обычного значения (т. е. 130%), значительно улучшит удобочитаемость. Высота строки связана с ее длиной. Чем больше длина строки, тем больше должен быть интерлиньяж.

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

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

Контрастность. Необходимо обеспечить для пользователей хорошую контрастность цветов текста и фона.

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

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

Не следует применять такие приемы, как подчеркивание и перечеркивание, так как подобные текстовые эффекты могут ассоциироваться у пользователей с гипертекстовой ссылкой »