Отступи немного

У начинающих дизайнеров одна из самых распространённых проблем — это отступы. Если, например, со шрифтами и цветами ещё можно выучить несколько несложных правил и уже можно работать, то вот с отступами посложнее.

Помню, как натаскивал нескольких дизайнеров и у всех было много ошибок именно с этим. То поставят слишком большое расстояния между блоками одного порядка, то наоборот уменьшают до невозможного. Но самое главное — поначалу они этого не видят. Только потом, спустя некоторое время эти ребята начинают говорить мне, что «странно, как я этого раньше не замечал(-а)».

Понимание отступов и построение определенных фреймворков в голове приходит с опытом и насмотренностью. Как по мне, помимо всего прочего, хорошего дизайнера от плохого отличает, как раз таки, насмотренность. И отступов это касается непосредственно. Насмотревшись хороших сайтов и других интерфейсов с правильными рассятояниями, можно незаметно привыкнуть к хорошему. Это как про то, почему голандцы – хорошие дизайнеры с детства, а нам нужно много учиться. Окружение решает. Так и с насмотренностью на хорошие отступы.

Я уже как-то писал подробный гайд по Типографике в вебе, где «математически» вывел несколько правил хорошей типографики в вебе. Но сегодня с вами хотел бы поделиться классным примером, связанным с правилами отступов.

Как вы помните, я недавно рассказывал о дизайн-системах и в одном из примеров обнаружил крутейшую штуку, которая поможет вам или вашему начинающему дизайнеру разобраться с отступами. Это часть дизайн-системы Чулакова об отступах: https://design.chulakov.ru/space

Пользуйтесь на здоровье 🙌