05Сетка и типографикаиз архива
Отступы 23, 27, 32 в одном блоке. Как навести порядок, если всё на глаз
Виктория Ф. показала 7 сентября 2024
- Правки
- 4 правки
- Последняя
- 14 сентября 2024
- В разборе
кейс
Перехожу в дизайн из преподавания, на курсах делаю личный кабинет ученика. Наставник открыл мой макет, включил показ расстояний и молча прислал скриншот: между карточками 23, 27 и 32, внутри карточек 11, 14 и 15. Я правда двигала на глаз, и мне казалось, что ровно. С чего начинать, чтобы не переделывать заново весь кабинет на 14 экранов?
правка 1
правка принятаавтор кейса взял в работу
Начни с того, что выпишешь все отступы, какие у тебя есть, и сведёшь их к короткой шкале. Я бы взял 4, 8, 12, 16, 24, 32, 48, 64. Больше вариантов не нужно, на 14 экранов хватит с запасом. Дальше по правилу: внутри карточки маленькие (8-16), между карточками средние (16-24), между смысловыми блоками крупные (32-48). Что связано, стоит ближе, что не связано, дальше. Твои 23 и 27 становятся 24, 11 становится 12, 14 и 15 становятся 16.
И сделай карточку компонентом с автоотступами, тогда отступы задаются один раз и одинаковые на всех экранах. Как верстальщик скажу: когда приходит макет с 23 и 27, я всё равно сверстаю 24, только молча, а потом дизайнер спорит, почему не как в макете. Шкала в макете снимает эти споры заранее.
И сделай карточку компонентом с автоотступами, тогда отступы задаются один раз и одинаковые на всех экранах. Как верстальщик скажу: когда приходит макет с 23 и 27, я всё равно сверстаю 24, только молча, а потом дизайнер спорит, почему не как в макете. Шкала в макете снимает эти споры заранее.
правка 2
И иди не по экранам, а по типам блоков: сначала все карточки, потом все формы, потом списки. Так быстрее, чем открывать каждый из 14 экранов по очереди. У нас в студии новенькие так приводят в порядок старые макеты за день.
правка 3
Спасибо, Геннадий. Выписала, получилось 19 разных значений, свела к восьми из вашей шкалы. Карточку сделала компонентом. Ушло два вечера вместо недели, потому что шла по типам блоков, как Елена советовала. Наставник посмотрел и написал одно слово: «ритм». Видимо, это похвала
правка 4
Это похвала) Шкалу отступов потом положи в кейс отдельным слайдом, на собеседовании про неё любят спрашивать.