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

Закрытый и открытый тип

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

https://peter-paul-rubens.site/

Якорные объекты работают и при открытой композиции, когда мы убираем одну, две или три точки по бокам. Композиция становится интереснее, но сложнее. 
В таких композициях важно держать низ, поэтому нижние якоря обычно становятся значительно больше. Мы так и доминанту сохраняем, и не позволяем композиции развалится.

https://web.archive.org/web/20170821151058/http://atap.google.com/ara

Воздух

Якорная композиция помогает нам работать с воздухом. Воздух — это пустое пространство между элементами. Например, в данной карточке явно не хватает воздуха. Всё друг с другом спорит, никому не хватает места. Наводим порядок. Чем больше воздуха, тем приятнее, тем легче.

Точки, линии

В якорной композиции помимо размещения по точкам есть размещением по линиям, по сторонам. В целом, тоже самое, но линия занимает не угол, а целую сторону.

Как пример, рабочий стол MacOS. У нас сильная жирная линия внизу и чуть послабее наверху. В такой композиции можно что угодно располагает по центру, поскольку ничего никуда не улетит, у нас сверху и снизу стоят охранники.

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

nike.com

Пример

Перейдём к примеру. У нас есть бургерная, надо сделать сайт. Для начала поставим бургер в центр, потом добавим линию — шапку сайта.

По бокам раскидаем логотип и иконку корзины. Сам бургер поддержим линиями: бургер влево, надписи вправо.

У нас к тому же сильный дисконт, так что ставим круг поверх бургера 
и пишем там цену. Помним, что круг — самый сильный элемент на странице.