Обоснуйте визуальные решения
Вопрос
Интервьюер открывает ваш макет и спрашивает: «Почему здесь такие размеры шрифтов и отступы?» Как ответите?
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
Есть система: шкала шрифтов и отступов, а не значения «на глаз»
Иерархия: главное действие и данные выделены размером и контрастом
Сетка и выравнивание: колонки, кратность отступов
Читаемость: кегль, интерлиньяж, длина строки, контраст
Связь с дизайн-системой и тем, как это будут верстать
Что могут спросить следом
- Почему не 14 px для основного текста?
- Как поведёт себя макет на 320 px?
Разбор
Размеры взяты из шкалы: основной текст 16 px с интерлиньяжем 24, заголовки по шкале 1.25, мелкий служебный текст 13-14 px только для вторичного. Отступы кратны 8: внутри карточки 16, между карточками 24, между секциями 48, поэтому группы считываются без рамок. Главное на экране, сумма к оплате и кнопка, выделено размером и контрастом, второстепенное приглушено. Макет стоит на 12-колоночной сетке, на мобильном 4 колонки с полями 16. Текст ограничен по ширине около 70 знаков. Все значения есть токенами в дизайн-системе, так что разработчики не подбирают их вручную.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.