Лучшие практики модальных окон. Компоненты дизайн системы
Меня зовут Андрей Насонов, я работаю UI/UX-дизайнером и руковожу дизайн-отделом. В 2008 году я начал заниматься графическим дизайном, а в 2015 году перешел в веб-дизайн. Я пишу полезные статьи про компоненты дизайн-систем, в которых делюсь опытом решения самых разных задач. Эта статья посвящена модальным окнам.
Вы какой-то конкретный ui kit рассматриваете? Откуда взяты цифры почему 8/16 а не 15/25? Почему в пикселях а не относительно размера шрифтов? Откуда минимальная ширина 400, при куче мобилок с экраном +-360 или там ваши правила не действуют?
Рассматриваю исключительно свой ui kit.
8 и 16 потому что это хорошая практика когда значения делятся на четное число, а именно на 4.
Если речь про отступы от заголовка до элементов то отступ не зависит от параметров шрифта. А зависит от визуального веса расположенных рядом элементов. По этому и не имеет смысла делать в ремах или емах.
Минимальная ширина 400 потому что по моему мнению меньше 400 смотрится странно на десктопе.
Я написал только о десктоп версиях. О мобильных модалках будет отдельная статья. Написал об этом в начале