Ателье современной моды Мокап веб-сайта

Крупные фотографии моды и равные плитки требуют адаптивной проверки

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

Секции «Женская коллекция» и «Мужская коллекция» содержат текст рядом с несколькими фотографиями модной одежды, формируя более плотные композиции, чем начальный блок. Баланс между текстом и изображениями в них следует тщательно проверять при сужении колонок, особенно рядом с круглыми иконками навигации и заголовками коллекций. Ряд из четырех панелей с избранной одеждой — еще одна важная контрольная точка: панелям с изображениями одинакового размера может потребоваться перенос в колонку или сжатие при сохранении читаемости товарных ярлыков и отображаемых цен. Эти цены служат лишь примером контента, однако их размещение наглядно демонстрирует плотность ряда.

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