❗ Вебсайт в стадии бета-тестирования. Возможны ошибки.

Читаемость гипертекста

Читаемость гипертекста — возможность для читателя легко прочитать гипертекст в целом.

Повышают читаемость гипертекста:

Ритм текста

Ритм текста — чередование элементов текстовой композиции.

При чтении ритм текста создаёт ощущение движения и влияет на восприятие гипертекста пользователем. Различают спокойный, статичный или беспокойный динамичный ритмы. Спокойный ритм активизирует внимание пользователя. Беспокойный ритм тормозит внимание пользователя.

Ритм создаёт повторение и чередование визуальных элементов гипертекста как в горизонтальном, так и вертикальном направлениях.

Горизонтальный ритм текста

Ритм в горизонтальном направлении задают контрастом различных начертаний и размером глифов.

Одинаковые по ширине штрихи задают монотонность глифов. Для снятия монотонности используют:

  • штрихи разной толщины;
  • засечки;
  • декоративные элементы глифа.

Симметричные штрихи задают ритм, асимметричные — разрывают ритм.

Моноширинный шрифт выглядит как монотонный ритм, повторяющий одну и ту же геометрическую фигуру прямоугольника. Монотонность создаёт ощущение вялости и пассивности текста. Она утомляет глаз и постепенно снижает скорость чтения (читаемость).

Эффект, подобный монотонному, производят малоконтрастные узкоширинные шрифты.

Длина строки

Горизонтальная длина строки задаёт сакаддический ритм чтения.

Сакаддический ритм чтения — способность человека воспринимать и распознавать группы слов.

Экспериментально доказано, что чем больше количество перемещений по строке, тем быстрее устаёт глаз. Оптимальное количество — три или четыре перемещения глаза по группам слов в строке. Это примерно от 9 (3х3) до 12 (4х3) слов в строке.

У разных устройств разный размер экрана. Для экранов мониторов длину строки желательно удерживать в диапазоне 70–100 глифов с пробелами. Для смартфонов лучше ограничить длину строки в пределах 30–50 глифов.

Поскольку у каждого шрифта свои горизонтальные метрики, то проектировщику стоит экспериментальным путём найти оптимальную ширину колонки в пикселях для вывода потока гипертекста.

Вертикальный ритм текста

Ритм в вертикальном направлении задают интервалом между строками (интерлиньяжем) и абзацами. Слишком большой интервал раздробит текст. Слишком плотно сжатые строки ухудшат читаемость текста.

Для снятия монотонности чтения в вертикальном направлении делают разные интервалы:

  • между строками внутри абзаца;
  • между абзацами основного текста;
  • между абзацами и заголовками текста;
  • между титульными надписями и основным содержанием.

Цвет текста

Цвет текста не следует путать с цветом глифа. Например, перечислим некоторые цвета глифов: красный, синий, зелёный.

Цвет текста — это элемент типографики, описывающий плотность и насыщенность глифов на экране устройства.

Цвет текста связан с контрастностью. Например, чернотой на белом фоне или белизной на чёрном фоне. Другой пример, полужирный шрифт создаёт больший контраст и больший акцент, чем регулярное (нормальное) начертание.

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

При проектировании гипертекста задают параметры цвета текста в горизонтальном и вертикальном направлениях.

Горизонтальное направление цвета

В горизонтальном направлении уплотнение или разрежение интервалов приводит к затемнению или осветлению текста. Для этого применяют параметры:

  • размер глифа;
  • контрастность глифа; количество и толщину штрихов глифа различных начертаний;
  • текстуру глифа;
  • трекинг (интервал между глифами);
  • интервал между словами;
  • интервал между предложениями;

Вертикальное направление цвета

В вертикальном направлении увеличение или уменьшение интервалов приводит к затемнению или осветлению текста. Для этого применяют параметры:

  • интерлиньяж (интервал между строками);
  • интервал между абзацами;
  • верхние, нижние, боковые поля вебстраницы.