Сравнение дизайн-моделей сайтов СМИ: SMI.TODAY и Vedomosti.ru

1. SMI.TODAY ( https://www.smi.today/ )

1. Характеристика дизайн-модели:

Дизайн-модель сайта SMI.TODAY в целом относится к плоскому дизайну - flat design, но с некоторыми элементами  неоморфизма - neumorphism, из-за использования теней и легких объемов в некоторых блоках. Однако, основным стилем остается flat, где акцент делается на минимализме, типографике и четких цветовых блоках.

2. Примеры:

Flat-элементы:

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

Прямоугольные формы: блоки с новостями, карточки статей имеют четкие, слегка скругленные формы, без сложных теней, которые бы имитировали выдавливание из поверхности (за исключением некоторых отдельных блоков)

Приглушенные тона, плоская цветовая палитра. Строгий подход - использование цветов одной палитры + контрастный шрифт  для акцентов и разделителей.

Минималистичная типографика: читаемые шрифты, где основной акцент сделан на контенте, а не на декоративных элементах.

Элементы, относящиеся к Neumorphism:

Некоторые элементы имеют легкую тень, которая создает ощущение легкого объема, но это не столь выражено, как в классическом неоморфизме. Это скорее "мягкие тени", которые придают некоторую глубину, не перегружая дизайн.

3. Избыточные или неудачно используемые компоненты:

На мой взгляд у SMI.TODAY нет явных избыточных или неудачно используемых компонентов. Дизайн достаточно минималистичный и последовательный.  

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

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

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

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

Благодаря этому сайт имеет современный, чистый вид, который не перегружает пользователя.

Недостаток: 

- недостаточная выразительность и запоминаемость. ( их дизайн может показаться слишком "стерильным", простым - с одной стороны это хорошо, так как не отвлекает нас от контента, но с другой как-будто делает сайт лишенным индивидуальности). 

Коррективы: 

Для улучшения можно было бы использовать более оригинальные шрифтовые пары.

Также, более продуманное использование легких объемных эффектов (возможно, с использованием градиентов или более тонких теней) могло бы добавить сайту немного уникальности, но при этом сохранить баланс, чтобы не отойти от flat-основы.

2. Vedomosti.ru ( https://www.vedomosti.ru/opinion )

1. Характеристика дизайн-модели:

Vedomosti.ru использует дизайн-модель плоского дизайна - flat design, но с сильным акцентом на традиционную журналистскую верстку и использование функциональных элементов, напоминающих более ранние версии веб-дизайна. Это flat design, но с ощущением "классической" верстки.

2. Примеры:

Flat-элементы:

Простые кнопки и иконки категорий выполнены в плоском стиле.

Использование цветных четких блоков. Для разделения секций или выделения важных новостей используются простые цветные прямоугольники.

Чистая типографика - хорошо читаемые шрифты.

Элементы "классической" верстки и функциональности:

Четкое разделение колонок - пространство сайта часто разбито на четкие колонки, как в газете, с основным текстовым полем и боковыми секциями.

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

Статичные блоки - некоторые блоки выглядят более статично, напоминая печатные материалы.

Минимум анимации и интерактивности (бегущая строка сверху, которую можно поставить на паузу и в том числе при наведении на нее указателя она останавливается) 

3. Избыточные или неудачно используемые компоненты

Перегруженность информацией: В некоторых разделах (особенно на главной странице) может ощущаться некоторая перегруженность блоками и текстовой информацией, что снижает визуальную привлекательность.

Иногда используются яркие, но плохо интегрированные изображения или графические элементы, которые выбиваются из общего сдержанного стиля.

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

4. Главные преимущества и недостатки

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

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

Недостаток: 

Дизайн может показаться несколько устаревшим и менее привлекательным для молодой аудитории. Перегруженность информацией затрудняет быстрое восприятие. Меньше внимания к визуальной составляющей и пользовательскому опыту в плане эстетики.

Коррективы: 

Можно было бы уменьшить количество блоков на главной странице, сделав их более "воздушными". 

Использовать более выразительные, но при этом сдержанные шрифты. 

Внедрить более современную анимацию для интерактивных элементов, но с сохранением общей сдержанности. 

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

5. Какой из сайтов лучше с точки зрения дизайн-модели и почему?

С точки зрения дизайн-модели, сайт SMI.TODAY является более современным и гармоничным решением. Его дизайн придерживается принципов flat design, дополненных легкими, ненавязчивыми элементами, придающими глубину. Минимализм помогает сконцентрироваться только на контенте. Это делает сайт визуально чистым, легким для восприятия и соответствующим текущим трендам веб-дизайна.

Vedomosti.ru, несмотря на всю свою информативность и надежность, проигрывает в аспекте дизайн-модели. 

Я думаю для Vedomosti.ru главная цель - максимальная информативность и ощущение надежности, которое достигается за счет своего рода "традиционного" дизайна. Для SMI.TODAY - более современный и привлекательный вид, который нацелен на более широкую аудиторию.

Если оценивать именно дизайн-модель и ее воплощение, то SMI.TODAY выглядит более целостным и актуальным.