Найти в Дзене
Медиашкола

Якорные объекты

Оглавление

Что такое якорные объекты

Якорные объекты — те, которые привлекают ваше внимание к работе дизайнера: заголовки, иллюстрации, фактоиды, логотипы и пиктограммы. Также якорным объектом можно назвать и сам текст, если он окружён пустым пространством.

Разберёмся на деле

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

Правило якорных объектов:

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

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

-2

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

У текста, выравненного по левому краю, справа всегда должен быть «воздух» — свободное место.

-3

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

-4

Общая конструкция сохранится, если соблюдать принцип модульности — выравнивать объекты друг с другом по ширине и высоте, при этом сохраняя прямоугольную форму.

-5

Также макет может стать более заметным не только при увеличении масштаба, но и при смене цвета.

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

-6

Такая привязка выглядит спокойнее.

-7
Хорошая вёрстка использует силу углов и сторон формата.

Якорные объекты образуют иерархию:

• иллюстрации и любые картинки;

• крупные заголовки;

• логотипы;

• знаки и цифры;

• текст.

Из всех вышеперечисленных текст является самым нейтральным.

Автор статьи: Денис Казаков

Источники:

1. Графический материал позаимствован из дизайн-бюро Артёма Горбунова;

2. Дизайн-Бюро Артёма Горбунова: якорные объекты;

3. Якорные объекты.