10 подписчиков
Якорные объекты держат композицию и смысл
Пост-ответ на опрос! Вы молодцы, и все увидели правильно! Теперь рассказываем почему 🤓
Проблема левой картинки — в якорных объектах. Это самые заметные объекты в макете.
В нашем примере их… нет. В макете невозможно логически разделить объекты: они расползлись по всему пространству, а текст вообще задавил картинку.
Каждый элемент тянет одеяло на себя. В итоге макет превращается в глухую стену. Ауч!
Исправим это. Добавим воздуха и распределим объекты по якорным местам. В нашем случае, это углы и правая сторона. Теперь элементы не спорят между собой, и каждому из них можно уделить внимание.
Заголовок и текст — левый верхний угол, уравновесим его логотипом внизу, а правую сторону полностью отдадим картинке.
Теперь макет получился легким и прочным. Воспринимать его легко, а взгляду легко ориентироваться.
Что запомнить
Якорные объекты помогают создать прочную и хорошо считываемую структуру, одновременно привлекая внимания к ключевым элементам макета.
Якорные элементы всегда занимают определенные места: в углу, вдоль стороны и в центре. Между ними должно быть достаточно пустого пространства, чтобы объекты были ясно различимы, а не смешивались в смузи.
Как проверять правильность якорных объектов
• Посмотрите в углы, стороны и центр. Какие объекты там расположены и рассказывают ли они вам что-то важное?
• Проверьте, не слипаются ли элементы в лоскутное одеяло. Если не получается отделить один объект от другого, нужно добавить воздуха.
💜 если было интересно
1 минута
9 апреля 2024