79. Организация текста и контраст в типографике

Контрастность (Contrast) — отношение толщины основных штрихов к толщине соединительных. Шрифт может быть неконтрастным (ITC Avant Garde Gothic), малоконтрастным (Clarendon), контрастным (Bodoni) и сверхконтрастным(ITC Fat Face).

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

Пользуясь контрастами, можно не только легко направить внимание пользователя на важную информацию, но и повысить общую привлекательность веб-страницы. Добиться хорошего типографического контраста можно несколькими способами, и мы рассмотрим основные семь.

1. Размер

В первую очередь, на значимость указывает большой размер (кегль) шрифта. Крупный шрифт приковывает взгляд и сразу привлекает внимание пользователя, поэтому, как правило, этот метод используется в подаче заголовков.А когда требуется уменьшить значимость, это легко сделать шрифтом меньшего размера.2. Шрифт

Добиться контраста можно и путем комбинирования разных шрифтов. Для этого чаще всего используют так называемые «веб-безопасные» шрифты. Есть два основных типа таких шрифтов – serif (шрифт с засечками)иsans-serif (без засечек). Оба используются при создании контраста между текстовым блоком (sans-serif) и собственно заголовком (serif).

3. Цвет

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

Используя метод цветового контраста, можно подчеркнуть нечто запрещенное или невозможное – блеклыми цветами.А когда нужно, наоборот, привлечь внимание, то для выделения лучше подойдут яркие цвета.Цветовые контрасты применяются и для выделения внутри текста отдельных абзацев  или определенных слов.Полностью нейтрализует важность текста или его частей комбинирование маленького размера шрифта с блеклыми цветами и светлым фоном.

4. Регистр

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

Для смены регистра используется CSS свойство – text-transform: uppercase.Если предложение длинное или (текст маленький), то использование одних только прописных букв значительно снизит читабельность текста.

5. Стиль

Типичная ошибка в сфере веб-типографики, которой грешит большинство редакторов – это перебор с подчеркиванием фраз или слов для выделения каких-то участков  текста. Это приведет к тому, что читатели просто примут подчеркнутую часть за ссылку, поскольку выделение ссылки подчеркиванием делают сами браузеры (по умолчанию).

Не стоит злоупотреблять подчеркиванием любого текста, если он не является ссылкой. Лучше воспользуйтесь курсивом (italic) для контраста.

6. Начертание

Полужирный шрифт (bold) – еще один способ контрастно выделить значимые части  текста.Но и здесь не стоит перебарщивать: некоторые дизайнеры выделяют целые строчки полужирным шрифтом. Как следствие – утрата контрастности фрагмента и снижение  его важности.