Читаемость гипертекста
Несмотря на то, что гипертекст это новый вид письменности, требования пользователя к типографике не изменились — ничто не должно мешать чтению текста.
Читаемость гипертекста — возможность для читателя легко прочитать гипертекст в целом.
К свойству читаемости гипертекста относят:
Ритм текста
Ритм текста — чередование элементов текстовой композиции.
При чтении ритм текста создаёт ощущение движения и влияет на восприятие гипертекста пользователем. Различают спокойный, статичный или беспокойный (динамичный) ритмы. Спокойный ритм активизирует внимание пользователя. Беспокойный ритм тормозит внимание пользователя.
Ритм создаёт повторение и чередование визуальных элементов гипертекста:
- в горизонтальном направлении;
- в вертикальном направлении;
- при переходе по гиперссылкам между вебстраницами.
Горизонтальный ритм текста
Ритм в горизонтальном направлении задают контрастом различных начертаний и размером глифов.
Одинаковые по ширине штрихи задают монотонность глифов. Для снятия монотонности используют:
- штрихи разной толщины;
- засечки;
- декоративные элементы глифа.
Симметричные штрихи задают ритм, асимметричные — разрывают ритм.
Моноширинный шрифт выглядит как монотонный ритм, повторяющий одну и ту же геометрическую фигуру прямоугольника. Монотонность создаёт ощущение вялости и пассивности текста. Она утомляет глаз и постепенно снижает скорость чтения (читаемость).
Эффект, подобный монотонному, производят малоконтрастные узкоширинные шрифты.
Длина строки
Горизонтальная длина строки задаёт сакаддический ритм чтения.
Сакаддический ритм чтения — способность человека воспринимать и распознавать группы слов.
Экспериментально доказано, что чем больше количество перемещений по строке, тем быстрее устаёт глаз. Оптимальное количество — три или четыре перемещения глаза по группам слов в строке. Это примерно от 9 (3х3) до 12 (4х3) слов в строке.
У разных устройств разный размер экрана. Для экранов мониторов длину строки желательно удерживать в диапазоне 70–100 глифов с пробелами. Для смартфонов лучше ограничить длину строки в пределах 30–50 глифов.
Поскольку у каждого шрифта свои горизонтальные метрики, то проектировщику стоит экспериментальным путём найти оптимальную ширину колонки в пикселях для вывода потока гипертекста.
Вертикальный ритм текста
Ритм в вертикальном направлении задают интервалом между строками (интерлиньяжем) и абзацами. Слишком большой интервал раздробит текст. Слишком плотно сжатые строки ухудшат читаемость текста.
Для снятия монотонности чтения в вертикальном направлении устанавливают разные интервалы:
- между строками внутри абзаца;
- между абзацами основного текста;
- между абзацами и заголовками текста;
- между титульными надписями и основным содержанием.
Ритм перехода по гиперссылкам
Переход по гиперссылкам подобен перелистыванию страниц книги. «Перелистывание» не должно разрывать ритм чтения, надолго останавливать его. В противном случае читатель теряет сосредоточенность на содержании.
Для лёгкости перехода:
- Гиперссылки выделяют цветом и определённым начертанием шрифта.
- К гиперссылкам добавляют пояснения о направлении перехода, о содержании следующего фрагмента текста. Это необходимо для поддержания и сохранения контекста чтения.
Цвет текста
Цвет текста не следует путать с цветом глифа. Например, перечислим некоторые цвета глифов: красный, синий, зелёный.
Цвет текста — это элемент типографики, описывающий плотность и насыщенность глифов на экране устройства.
Цвет текста связан с контрастностью. Например, чернотой на белом фоне или белизной на чёрном фоне. Другой пример, полужирный шрифт создаёт больший контраст и больший акцент, чем регулярное (нормальное) начертание.
Слишком плотный, слишком разреженный текст, а также увеличенный интерлиньяж ухудшают читабельность гипертекста.
При проектировании гипертекста задают параметры цвета текста в горизонтальном и вертикальном направлениях.
Горизонтальное направление цвета
В горизонтальном направлении уплотнение или разрежение интервалов приводит к затемнению или осветлению текста. Для этого применяют параметры:
- размер глифа;
- контрастность глифа, количество и толщину штрихов глифа различных начертаний;
- текстуру глифа;
- трекинг (интервал между глифами);
- интервал между словами;
- интервал между предложениями.
Вертикальное направление цвета
В вертикальном направлении увеличение или уменьшение интервалов приводит к затемнению или осветлению текста. Для этого применяют параметры:
- интерлиньяж (интервал между строками);
- интервал между абзацами;
- полей:
- верхние, нижние, боковые поля вебстраницы;
- внешние (margin) и внутренние (padding) поля блоков текста.