Школа без правил английского Мокап веб-сайта

Масштаб первого экрана, разделенный контент и мобильная навигация требуют визуальной оценки

Центрированный главный экран — первая чувствительная к адаптивности зона, поскольку его заголовок, пояснительный текст и два расположенных рядом призыва к действию должны сохранять иерархию при уменьшении доступной ширины. Лаконичную шапку также следует проверить вместе со сворачиваемым мобильным элементом управления, обратив особое внимание на соотношение между меткой навигации и открывающим контентом. Крупная антиква, кнопки-капсулы и обилие свободного пространства способны существенно изменить воспринимаемый баланс на узких экранах.

Двухколоночный блок с описанием методики и профиль преподавателя служат еще одной точкой контроля. Соотношение текста и изображений в них требует пристального внимания по мере сужения колонок, особенно там, где списки, портреты и пояснительный текст делят одно горизонтальное пространство. Блок для целевой аудитории имеет аналогичную структуру с разделением, при этом четыре результата обучения и пять утверждений об аудитории создают различную плотность по вертикали. Три карточки с отзывами и круглыми портретами следует оценить с точки зрения ширины карточек, масштаба изображений и отступов, а также проверить перенос строк в трех заключительных информационных карточках перед контактом с номером телефона. Контраст кремового, бежевого и сливового оттенков должен оставаться разборчивым при изменении макета, а темный подвал должен по-прежнему восприниматься как четкий финальный аккорд страницы. Данный обзор макета посвящен визуальной оценке в различных экранных условиях; он не утверждает, что исходный макет является вайрфреймом, и не описывает элементы управления адаптивным редактированием.