Креативное письмо, верстка и веб-дизайн. Экзаменационное задание №1. Модель верстки сайта

ФЖЗ-301 Диана Ризатдинова

1. Рассматриваю интернет-издание о моде и культуре The Blueprint.

Интерфейс сайта считаю удачным и профессиональным. Он выполнен в эстетике минимализма. Что характерно и для других современных глянцевых и концептуальных медиа о моде и культуре.

На сайте чистая типографика, много «воздуха», отсутствие визуального шума и строгая, но утонченная палитра (фирменный сине-фиолетовый оттенок на белом фоне). Этот дизайн настраивает читателя на восприятие премиального, экспертного контента и подчеркивает визуальную составляющую.

2. На данном сайте используется рваная верстка. И местами комбинируется со строгой блочной структурой.

Если посмотреть на расположение материалов во второй части (второй скриншот), карточки статей имеют разную высоту, разные форматы изображений и не выстроены в единую сетку.

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

Такая структура избавляет сайт от скучной шаблонности новостных порталов и приближает его к формату дорогого печатного журнала.

3. На сайте используется CSS Grid Layout (grid). Использование CSS Grid позволяет реализовывать рваную и гибкую верстку, которая видна на экране.

Также, на сайте есть экранная анимация. Она присутствует: плавное выпадение подменю «МОДА», появление плашки с файлами cookie внизу экрана, а также при наведении на карточки статей.

4. На сайте используется контрастное сочетание двух типов шрифтов:

Вытянутый, сжатый Sans-serif. Он выглядит стильно и задает дух высокой моды.

В заголовках статей используется контрастный аккуратный шрифт с засечками (Serif). Он напоминает классический журнальный вид.

Шрифты очень удобны, так как использование гротесков для интерфейса облегчает навигацию. А засечки в заголовках позволяют глазу быстро цепляться за текст и комфортно читать длинные предложения.

5. Для СМИ о моде, культуре и стиле жизни верстка удачна. Благодаря контрасту размеров: огромный логотип, крупный главный баннер, аккуратные карточки взгляд не блуждает хаотично, а двигается сверху вниз по задуманной дизайнерами траектории.

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