ArtLana Design

Есть много способов добавить пространства вашему шрифту. Пустое пространство помогает сосредоточить внимание на словах, а межстрочный и межсимвольный интервалы помогут сделать Ваш текст более читаемым. А теперь более детально о каждом из них.

Пустое пространство

Пустое пространство – место между графическими символами, текстовыми элементами и между столбцами на странице. Это – один из самых важных принципов размещения и дизайна. Важно думать о месте вокруг текста (или вокруг графических символов) не только как о пробеле.  Фактически пробел – элемент дизайна, и сам по себе он используется для придания странице классического и  элегантого вида. Это решение, которым вы, как дизайнеры, должны уметь пользоваться.

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

• параграфы
• заголовки и подзаголовки
• отступы вокруг изображений
• поля

Межстрочный интервал

Изменяя междустрочный интервал, вы улучшаете читаемость текста. Когда интервал слишком мал, очень  трудно отделить слова друг от друга. На рисунке ниже приведен текст 12 размера с разными междустрочными интеревалами. Посмотрите, насколько легче воспринимается текст с большим интервалом.

Как правило нужно увеличивать межстрочный интервал, если:

• Выбранный вами шрифт имеет большую х-высоту (x-высота – расстояние между опорной линией линии типа и вершинами основной части писем строчных букв), как многие шрифты  san-serif
• При размещении светлого шрифта на темном фоне,  например светло-голубой шрифт на темном морском фоне.

Уменьшать междустрочный интервал нужно, соответственно, если у шрифта маленькая х-высота.

Межсимвольный интервал (Tracking)

Некоторые шрифты имеют соединяющиеся буквы, которые разработаны для того, чтобы буквы плотнее прилегали друг к другу.  Расстояние между буквами (трeкинг) помогает сделать текст более читабельным. Если вы используете “веб” шрифты, такие как Georgia, Verdana, Arial и другие , в качестве основных, можете оставлять интервалы нетронутыми. Но возможно вы захотите изменить межбуквенные интервалы в заголовках и подзагодовках, чтобы придать им “воздушность” и возможность растянуть длину текста без искажения.

Когда речь идет о трекинге, нет никаких четких правил. Полагалься нужно исключительно на свой взгляд и вкус.

Кернинг (Kerning)

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

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

Matt Lawrence’s blog в основном состоит из текста, и тем не менее достигает эффекта воздушности с помощью крупных заголовков и подзаголовков и тескта с большим межстрочным интервалом.  Фоновое изображение справа эффектно “вливается”  в страницу и добавляет пространства.

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

Сайт Daily Bath & Body простой изящный и элегантный.  Между логотипом в шапке и заголовком много свободного пространства. В самом заголовке используется широкий трекинг, а основной текст легко читается из-за правильного межстрочного интервала.

A simple measure более занятый сайт чем другие, потому что несмотря на большое количество информации на странице, сохраняется четкий и привлекательный дизайн. Каджый раздел страницы “дышит” благодаря использованию широких полей или при использовании простых графических символов, таких как карандаши в панели навигации.

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

Итак, это была последняя статья из цикла о типографике. Надеюсь было интересно.

Ждите новых записей!