Другие файлы cookie можно настроить.
Урок 3: Свободное пространство
Зачем макету дышать
Пустота в дизайне — это не дыра, которую нужно срочно чем-то заполнить. Пустота — это кислород.
Представим плотно набитый школьный рюкзак: внутри вперемешку лежат учебники, кроссовки, куртка и яблоко. Чтобы достать одну вещь, нужно вытряхнуть всё. То же самое происходит со зрением, когда элементы на экране прижаты вплотную друг к другу.
Правило близости: кто с кем дружит
Расстояние между объектами мгновенно сообщает мозгу, связаны они или нет.
Свободное пространство работает как невидимая граница. Элементы, стоящие вплотную, воспринимаются как одна группа. То, что отодвинуто — считается самостоятельным объектом.
Глядя на круги выше, как мозг их группирует?
Спасение зажатого текста
Воздух бывает двух типов: внешний (расстояние до рамок) и внутренний (расстояние между соседними строчками).
Смертельный грех: прилипание к краям
Текст или важный элемент интерфейса никогда не должен касаться физических границ экрана или рамки карточки.
Когда буквы упираются в край, создается ощущение визуального брака. Глазу физически некомфортно читать такую информацию.
Идеальный размер аватарки
Задача: выбрать макет логотипа в круге профиля, где соблюден баланс свободного пространства.
... изолировано на чистом белом фоне (isolated on pure white background), много негативного пространства (negative space), минимализм, никаких декоративных элементов на фоне
Суперсила «Воздух» активирована!
Свободное пространство группирует связанные элементы и защищает контент от слипания с краями экрана. Пустота — это полноценный инструмент дизайна.