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

https://muksun.fm/ 

В целом я бы сказала что данный сайт относится к Flat, но не могу не отметить в начале использование наложения фотографий на фон, в таком случае сайт относится к flat с элементами material. Однозначно, Flat доминирует, интерфейс плоский, с чистыми геометрическими формами, минимальное использование декоративных эффектов, иконки схематичные. Есть две заметные тени у некоторых блоков (например в верхней части). 3D и морфизм дизайна не наблюдается. 

Основной контент организован в виде карточек с собственными заголовками, датами и отступами. Например, каждая новость («Тюменский застройщик...», «Доходы рухнули...») — это отдельная карточка, отделенная линией. Также, блок «Последние новости Сургута...» имеет светлый фон, что помогает его отделить, хотя тени почти нет.

Сайт сделан хорошо, конфликтующих моментов не наблюдаю, но есть небольшая избыточность в компоновке. Панель списка статей ("Мужчины ХМАО режут веки...", "Миллиарды сами текут в руки..." и тд) представлен, довольно, плотно с минимальными отступами между строками. Создается некое ощущение "стены текста", которое противоречит принципам Material Design, хотя технически остается в рамках Flat.

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

https://www.dvnovosti.ru/

Здесь сайт чистый Flat Design. Он не перегружен подачей новостной информацией. Элементы карточек сделаны не как визуальный прием, а больше как структурный принцип организации ленты. 

Интерфейс лишен теней, градиентов, свечений, например, навигационная панель: "Все новости", "ХАБАРОВСК" , "КОМСОМОЛЬСК - НА-АМУРЕ"— просто текст, без фоновых подложек, объёмных кнопок или разделителей. А также, текстовый блок, отделённый только горизонтальной линией. У блоков нет фона, тени или рамки, создающей иллюзию "карточки". Нет никаких намеков на 3D  использование, плавающих кнопок: все выполнено в одной плоскости. 

Мне кажется, переизбытком на сайте является метка "Хабаровск", она присутствует в каждом разделе. Совершенно не несёт новой информации для пользователя, но визуально дробит и загромождает текст, затрудняя чтение. Еще отмечу неуместные карточки: блоки, обособленные от остального контента. Каждая имеет собственный фон и отступы, что немного намекает на Material Design, но при этом совершено лишены тени, создающую глубину. В результате получается «висячий» плоский прямоугольник, который выглядит не как продуманный компонент, а как ошибка вёрстки или стилизации.

Вывод: 

Если бы мне каждый день нужно было читать именно эти новости , я бы выбрала https://muksun.fm/. Потому что, дизайн чувствуется современным и удобным. Новости аккуратно разложены по блокам, есть чёткие заголовки и разделы. Его дизайн работает — он "организует" информацию, чтобы было проще её находить и читать.

Напротив же, https://www.dvnovosti.ru/ выглядит как устаревший документ или простой список. Все новости идут сплошной стеной текста, их сложно быстро просмотреть. Дизайн здесь не помогает, а просто существует.