Валерия Беляева ФЖЗ-401. Креативное письмо, дизайн и верстка печатных и сетевых СМИ. Экзаменационное задание №1. Сравнительный анализ дизайна сайтов

Сравнительный анализ сайтов: "РИА Новости" и "РБК"  

 1. Риа Новости (rian.com.ua)

1) Дизайн-модель:  СМИ использует material design с незначительными элементами flat design. 


Почему на РИА преобладает material design: 

- предлагает скругление углов

- является разработкой компании Google (буквально прикладной его дизайн - material design)

- сайт имеет инфраструктуру http://....io

- преобладающий шрифт, которые используется только данной дизайн-моделью

- высокая адаптивность дизайна (например, ровно и без смещений открывается на Android)


Скриншот с телефона, где видна отличная адаптация сайта под мобильный формат:



2) Недостатки и лишние элементы: 

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

3) Плюс: современный интерфейс с приятным дизайном и легкодоступности читаемого материала 

  - Минус: отвлекающая реклама  

   Вариант исправления: сократить рекламу или сделать ее более незаметной

2. РБК (https://www.rbc.ru/?ysclid=mlhgtti9xv62347639)

1) Дизайн: преимущественно material disign с незначительными элементами flat 

Все это по понятным причинам: сайт РБК - официальный новостной сайт со сдержанной моделью, похожей на РИА.

Повторю основные моменты, характеризующие material design :


- предлагает скругление углов

- является разработкой компании Google (буквально прикладной его дизайн - material design)

- сайт имеет инфраструктуру http://....io

- преобладающий шрифт, которые используется только данной дизайн-моделью

- высокая адаптивность дизайна (например, ровно и без смещений открывается на Android)

- карточки статей с легкой тенью и бордюром, кнопки с подпружиненной анимацией

- Используются иконки и визуальные подсказки, характерные для Material дизайна

- Плавные переходы по меню 


2)





 3) Минусы: встречаются разноцветные блоки, что может сбить с толку , а также реклама - яркая и отвлекающая

Плюс: видна структурированность информации с акцентом на визуальную иерархию, приятные плавные анимации.

Для решения задачи можно снизить рекламную активность, сделать объявления менее навязчивыми, а также упростить цветовую гамму РБК


Общие выводы: 

В целом, сайты очень похожи по своей структуре и удобству. Однако, РИА Новости выглядит более светлым и "свободным" по отношению к РБК, потому что цветовая гамма подобрана удачнее.

Проблема рекламных объявлений присутствует везде - на самом деле это боль многих новостных и не только сайтов.















Комментарии

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

ФЖЗ-301 Беляева Валерия. Креативное письмо, верстка и веб-дизайн. Задание: Модель верстки сайта

Валерия Беляева. ФЖЗ-401. Современные технологии производства СМИ. Экзаменационное задание №1. Технологическая модель сайта СМИ