Работа с текстом

Текст в дизайне почти никогда не читают подряд. Сначала его сканируют: взгляд цепляется за крупное, перескакивает по выделенному и только потом, если стало интересно, погружается в детали. Задача дизайнера — не просто разместить слова, а выстроить путь, по которому пройдёт читатель. Делается это двумя средствами: иерархией и ритмом. Разберём их на двух примерах — журнальной полосе и программе лектория.

Что такое визуальная иерархия

Иерархия — это порядок, в котором глаз считывает элементы. Она показывает, что главное, что второстепенное и что можно прочитать в последнюю очередь. Создаётся иерархия не украшениями, а простыми средствами: размером, насыщенностью, цветом, положением и количеством воздуха вокруг. Обычно хватает трёх-четырёх уровней.

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

Чем задаётся иерархия

У дизайнера есть несколько рычагов, и работают они лучше всего в связке:

• Кегль. Чем крупнее, тем важнее. Самый очевидный и сильный инструмент.
• Насыщенность. Жирное читается как акцент, светлое отступает на второй план.
• Цвет и регистр. Акцентный цвет, капитель или разрядка выделяют элемент, не увеличивая его.
• Положение и воздух. Верх и отдельное пространство автоматически повышают значимость.

Читаемость: чтобы текст было легко читать

Иерархия отвечает за то, куда смотреть. Читаемость — за то, насколько комфортно читать. Несколько базовых правил:

• Длина строки. Комфортно читать примерно 8–12 слов в строке. Слишком длинные строки утомляют, слишком короткие рвут ритм.
• Интерлиньяж. Расстояние между строками должно быть заметно больше кегля, иначе текст «слипается».
• Выравнивание. Для длинных текстов надёжнее выключка по левому краю: она даёт ровный ритм без рваных пробелов.
• Сдержанность. Капс, курсив и подчёркивание хороши в малых дозах. Когда выделено всё, не выделено ничего.

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

Частые ошибки

1. Слишком много уровней и шрифтов. Пять кеглей и три гарнитуры превращаются в шум.
2. Всё одного размера. Глазу не за что зацепиться, и текст выглядит плоским.
3. Строки во всю ширину. На широком макете строку приходится дробить на колонки.
4. Центрирование больших объёмов. По центру хорош заголовок, но не абзац на десять строк.

Главное

Текст в дизайне нужно вести, а не просто размещать. Иерархия отвечает на вопрос «куда смотреть», ритм и читаемость — на вопрос «легко ли читать». И почти всегда выигрывает сдержанность: меньше уровней и шрифтов, больше порядка и воздуха. Тогда читатель проходит по тексту, не замечая вёрстки, и это лучший комплимент дизайнеру.

0

0

8

adelinarotanova

Сохранить автора