Задание 1

 Сравнение сайтов СМИ «Верстов.Инфо» и «74.ru» с точки зрения дизайн-моделей

1. Общая характеристика дизайн-модели сайтов

Сайт «Верстов.Инфо»

Дизайн сайта «Верстов.Инфо» относится преимущественно к flat-дизайну.

Он построен на простых плоских формах, минимальном количестве визуальных эффектов и линейной подаче контента.

Характерные особенности:

- отсутствие выраженных теней и глубины;

- простая цветовая палитра;

- текст и изображения - главные элементы интерфейса;

- минимальная визуальная иерархия.

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

Доминирует flat-дизайн.

Сайт «74.ru»

Дизайн сайта «74.ru» представляет собой смешанную модель, где доминирует Material-ориентированный flat-дизайн.

Основные признаки:

- карточная структура новостей;

- визуальная иерархия (главная новость, второстепенные блоки);

- использование сетки и отступов;

- лёгкие тени и разделение слоёв интерфейса

3D-дизайн и морфизм не используются, однако Material-подход заметен в логике построения интерфейса и взаимодействии пользователя с контентом.

Доминирует material-flat модель.

2. Доказательства принадлежности к дизайн-модели 

Верстов.Инфо (flat-дизайн)

Элементы, указывающие на flat-дизайн:

- новостная лента представлена в виде последовательного списка без визуального деления на карточки;

- изображения и заголовки размещены в одной плоскости, без теней;

- кнопки и ссылки не имеют объёмных эффектов;

- фон — однотонный, без градиентов.

Все элементы выглядят плоскими и функциональными, без попытки имитировать физические объекты.

74.ru (material-flat дизайн)

Элементы, указывающие на Material-подход:

- карточки новостей с визуальным разделением;

- различный масштаб заголовков в зависимости от значимости материала;

- сетка с чёткими отступами между блоками;

- наличие акцентных зон (топ-новости, популярное).

Хотя тени используются умеренно, структура явно ориентирована на принципы Material-дизайна.

3. Избыточные и неудачные элементы

Верстов.Инфо

Проблемы:

- чрезмерная простота интерфейса;

- слабая визуальная иерархия новостей;

- важные и второстепенные материалы выглядят одинаково.

Здесь flat-дизайн доведён до крайности, из-за чего страдает удобство навигации.

74.ru

Проблемы:

- перегруженность главной страницы;

- большое количество блоков, баннеров и разделов;

- местами избыточное дробление контента.

4. Преимущества и недостатки сайтов

Верстов.Инфо

Преимущества:

- простота восприятия;

- быстрый доступ к новостям;

- отсутствие визуальной перегрузки.

Недостатки:

- устаревшее визуальное решение;

- слабая UX-логика;

- трудно выделить ключевые новости.

Возможные улучшения:

- добавить визуальную иерархию;

- внедрить карточки для важных материалов;

- использовать акцентные цвета для навигации.

74.ru

Преимущества:

- современный внешний вид;

- хорошая визуальная структура;

- удобная навигация по разделам.

Недостатки:

- перегруженность интерфейса;

- избыточное количество визуальных блоков.

Возможные улучшения:

- сократить количество элементов на главной странице;

- упростить подачу второстепенных материалов.

5. Общий вывод

С точки зрения дизайн-модели более удачным является сайт 74.ru, так как он:

- использует современную material-flat модель;

- предлагает лучшую визуальную иерархию;

- обеспечивает более удобное взаимодействие пользователя с контентом.

Сайт Верстов.Инфо выигрывает в простоте, но проигрывает в актуальности и удобстве интерфейса. Его flat-дизайн выглядит устаревшим и недостаточно функциональным для современного новостного ресурса.

Итог:

👉 74.ru лучше реализует современную дизайн-модель, тогда как Верстов.Инфо нуждается в обновлении визуальной и UX-составляющей.