Задание 1

 

Анализ Gazeta.ru

1. Характеристика дизайн-модели: Gazeta.ru использует смешанную модель, в основе которой лежит Flat Design (Плоский дизайн) с заметным влиянием Material Design. Доминирует «плоская» эстетика: отсутствие градиентов, простых форм и акцент на типографике.

2. Доказательства и примеры: 

Сетка (Grid): Четкое разделение на колонки без лишних украшательств. 

Иконки:Линейные, одноцветные, без объема (признак Flat). 

Карточки (Material Design): Анонсы статей часто группируются в блоки с едва заметными тенями или рамками, которые создают ощущение многослойности (Z-ось), характерное для Material.

 Акцентные цвета: Использование фирменного синего цвета для кнопок и ссылок без градиентных переливов.

3. Избыточные или неудачные элементы: На сайте наблюдается «информационный шум». В правой колонке часто скапливается слишком много виджетов (курсы валют, погода, топ-новости), которые визуально конфликтуют друг с другом. Также рекламные блоки иногда нарушают строгую сетку Flat-дизайна, создавая визуальный хаос.

4. Преимущества, недостатки и коррективы: Преимущество: Максимальная информационная плотность. Пользователь видит десятки заголовков на одном экране. 

Недостаток: Визуальная перегруженность. 

Коррективы: Я бы увеличил «воздух» (отступы) между блоками и упростил боковую панель.

2. Анализ Lenta.ru

1. Характеристика дизайн-модели: Lenta.ru — это практически эталонный Flat Design. Сайт придерживается минимализма и принципов швейцарской школы дизайна: акцент на шрифтах, контрастах и строгой иерархии.

2. Доказательства и примеры: 

Типографика: Огромные, жирные заголовки, которые являются главными графическими элементами. 

Отсутствие теней: В отличие от Gazeta.ru, Lenta.ru почти не использует тени. Всё пространство абсолютно «плоское». 

Цветовое кодирование: Разделы (Спорт, Культура и т.д.) выделяются цветом, что помогает навигации без использования иконок или 3D-эффектов.

3. Избыточные или неудачные элементы: Главным неудачным элементом является автовоспроизведение видео (Floating Video player), которое часто перекрывает контент при скроллинге. Это элемент «навязчивого» мультимедиа, который спорит с чистой дизайн-моделью сайта.

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

Преимущество: Высокая читабельность и современный «журнальный» вид. Легко сканировать взглядом главные новости. Недостаток: Иногда из-за минимализма границы между разными новостями размываются. Коррективы:Сделать рекламные интеграции более нативными, чтобы они не разрывали визуальную логику заголовков.

3. Общий вывод: какой сайт лучше?

С точки зрения современной дизайн-модели Lenta.ru выглядит предпочтительнее.

Почему? 

1.  Чистота стиля: Lenta.ru более последовательна в своем Flat-дизайне. Она не пытается казаться сложной, делая ставку на контент. 

2.  Адаптивность: «Плоский» дизайн Lenta.ru лучше масштабируется под мобильные устройства, сохраняя узнаваемость.

 3.  UX-приоритеты: На Lenta.ru иерархия информации считывается мгновенно за счет работы со шрифтами, в то время как Gazeta.ru иногда требует усилий, чтобы отделить одну новость от другой в плотном потоке блоков.