Интерфейс & UX
L2Рабочий
Подтверждено артефактомАдаптивность и мобильный UX (375px)
В чём суперсила создателя
Верстаешь интерфейсы, которые идеально выглядят на смартфоне (375px) без горизонтального скролла и микроскопических кнопок.
Mobile-first подход. Создание продуктов, которые одинаково удобно открывать как на широком мониторе разработчика, так и на экране iPhone на ходу.
Термины и понятия (Глоссарий)
Ступени мастерства (L1 → L2 → L3)
L1
Отсутствие overflow и читаемостьБазовый
- Верстка без горизонтального скролла на ширине 375px
- Размер шрифта не менее 14px для комфортного чтения
L2
Touch Targets и адаптивная сеткаРабочий
- Размер кликабельных кнопок не менее 48px (Touch Target)
- Перестроение многоколоночных сеток в стек на мобильных экранах
L3
Жесты и Safe AreaПродвинутый
- Учет отступов Safe Area для экранов с вырезами (iPhone notch/island)
- Свайп-меню и адаптивные модальные окна-шторки (Bottom Sheets)