ФЖЗ-401. КРЕАТИВНОЕ ПИСЬМО, ДИЗАЙН И ВЕРСТКА ПЕЧАТНЫХ И СЕТЕВЫХ СМИ. ЭКЗАМЕНАЦИОННОЕ ЗАДАНИЕ №1. СРАВНИТЕЛЬНЫЙ АНАЛИЗ ДИЗАЙНА САЙТОВ


Для сравнительного анализа я взяла два новостных российских сайта - «РИА Новости»  и «Газета.Ru»


https://ria.ru/politics/

 https://www.gazeta.ru/culture/


«РИА Новости»


Вижу структурированный, достаточно классический сайт с акцентом на новости и информационный стиль.


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


Дизайн-модель - flat-дизайн - минимализм, отсутствие теней, акцент на глубину, использование иконок и блоков без лишних эффектов.

В некоторых местах используются лёгкие тени и рамки, что придает чуть большей объёмности, но не переходит в 3D или морфизм.

В целом, сайт ближе к чистому flat-дизайну, преимущественно плоскому интерфейсу без иллюзий объёма.





«Газета.Ru»


Оцениваю, как современный, динамичный дизайн с акцентом на новости, фото и видео контент.


Использует яркую типографику, большие изображения и карточки.


Дизайн-модель - морфизм-дизайн, его сильные элементы: мягкие тени, создающие ощущение объема и тактичности.

Доминирует с flat-дизайном - минимализм, использование ярких, насыщенных цветов и простых иконок.


Имеет смешанную модель дизайна , где доминирует морфизм с добавлением flat-элементов, создающие ощущение мягкости и современности.




Избыточные элементы или неудачно используемые компоненты других дизайн-моделей на сайте «РИА Новости»


Видно, что в некоторых разделах («Новости», «Мнения», «Видео» и т.д.) присутствуют элементы или компоненты, используемые неэффективно или перегруженные.

На главной странице — есть избыточные баннеры, реклама и блоки, создающие визуальный шум.

Компонентов из других дизайн-моделей не заметно.




Избыточные элементы или неудачно используемые компоненты других дизайн-моделей на сайте «Газета.Ru»


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

Много колонок с карточками новостей:
Разные стили карточек, перемежающиеся по цветам и формам, без единообразия создают ощущение разбросанности.

Несогласованные компоненты из разных дизайн-систем:
Вполне вероятно, что используют компоненты из flat design — что может приводить к несовместимости стилей, визуальному разнобою.




Преимущества и недостатки сайта «РИА Новости»


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

Многообразие разделов: новости, политика, экономика, спорт, культура — всё в одном месте.

Проверенный источник, надёжность и доверие благодаря долгой истории и статусу информационного агентства.

Есть качественные фотографии, видео, инфографика, что делает восприятие информации более насыщенным и интересным.


Недостатки сайта:

Перегруженность и визуальный шум: множество рекламных баннеров, всплывающих окон и блоков, которые могут отвлекать от основного контента.

Разнородные стили элементов — карточки новостей, шрифты, иконки — используют разные компоненты без единого дизайн-модели.


Что бы я предложила в качестве улучшений?

Внедрить более строгий единый стиль для карточек, кнопок и иконок.

Уменьшить количество рекламных блоков или сделать их менее навязчивыми.

Сделать меню более логичным.

Вести дизайн в рамках единой дизайн-системы, чтобы все элементы органично сочетались.


В принципе, преимущества и недостатки сайта «Газета.Ru» идентичны.


Общий вывод:

В целом, сайты визуально очень схожи.

Если говорить о дизайн-модели как о последовательности и удобстве пользователя - «РИА Новости» выигрывает за счет более продуманной и структурированной реализации.

«Газета.ru» обладает более современным внешним видом, но требует доработки в области согласованности элементов и оптимизации структур

Комментарии

Популярные сообщения из этого блога

Задание 2. Коммерческий анализ

Задание 1. Модель вёрстки сайта