Страница входа Мокап веб-сайта

Оцените соотношение центральной панели и широкого пейзажа

Ключевая визуальная связь в этом макете — масштаб и положение белой панели входа относительно заснеженного пейзажа во всю ширину. На широких экранах фоновое изображение обеспечивает достаточно свободного пространства вокруг, а расположенная по центру панель выступает главным визуальным якорем. Поля логина и пароля внутри панели должны легко читаться, а флажок «Запомнить меня» и действие «Войти» — сохранять заданный порядок и отступы. Двум вспомогательным ссылкам под формой также требуется достаточно места, чтобы они воспринимались отдельно, а не сливались в одну перегруженную строку.

При меньшей ширине экрана проверьте, как ширина панели, пропорции полей ввода и компактная типографика подстраиваются под доступное пространство. Заснеженный фон может занимать меньшую площадь или кадрироваться иначе, однако он по-прежнему должен поддерживать панель, а не перетягивать внимание на себя. Желтый цвет должен оставаться легко узнаваемым на элементе «Войти» и вторичной ссылке аккаунта, а тонкие границы — четко очерчивать каждое поле ввода. При центральной композиции выравнивание имеет особое значение: даже небольшое смещение может создать ощущение оторванности формы от фона или нарушить визуальное равновесие. Поэтому при проверке веб-макета основное внимание следует уделить масштабу панели, переносу строк, разделению ссылок, отступам между полями и кадрированию фонового изображения на экранах разных размеров. Эти проверки позволяют объективно оценить подачу конкретной секции, не рассматривая ее как макет сайта целиком.