«Схлопывание» внешних отступов Вертикальный отступ между двумя соседними элементами равен максимальному отступу между ними. Если отступ одного элемента равен 20px, а второго 40px, то отступ между ними будет 40px. Этот эффект называется эффектом «схлопывания» внешних отступов или «схлопывания» маргинов. Горизонтальные отступы между элементами просто складываются. Например, горизонтальный отступ между двумя элементами с горизонтальными отступами 30px будет равен 60px. «Выпадание» внешних отступов «Выпадание» - это еще один эффект, связанный с вертикальными внешними отступами. Если внутри родительского...

Сегодня речь пойдёт о визуальной иерархии, а именно о том, как располагать элементы на макете, найти расстояние между ними и как не запутать пользователя. Вообщем разберем, как сделать дизайн максимально удобным, понятным и визуально приемлемым для пользователя, правильно располагая элементы на макете. Еще больше полезного и интересного в телеграм-канале Design Flow! Отступы Разберемся в принципах разделения элементов на блоки и иерархии в них. В качестве примера я сделаю прототип стандартного landing page и разбирать буду именно его, но данные правила одинаковы для любых областей дизайна...