КРЕАТИВНОЕ ПИСЬМО И ВЕБ-ДИЗАЙН. ЗАОЧНОЕ ОТДЕЛЕНИЕ. 3 КУРС. АНАЛИЗ ДИЗАЙНА САЙТА

Для анализа дизайна сайта я выбрала СМИ «Риа новости» ria.ru 

1. Охарактеризуйте дизайн-модель. К чему она относится: к flat, material, 3D или morphism-дизайну?

Дизайн-модель относится к flat дизайну. 

2. Докажите на примерах со скриншотами, что сайт относится к указанной вами модели.

Минимализм:

- нет сложных фигур, только прямоугольники и квадраты;

- в композиции много «воздуха»;

- линии и формы выглядят простыми и естественными;

 

 Палитра состоит из 2 чистых цветов (белый, черный), для акцентов и кнопок используется синий цвет.

 

 Шрифты без засечек.

Все изображения двухмерные и находятся в одной плоскости. Нет текстур, бликов и объёма. Это же касается и раздела «Спецпроекты». Все картинки 2D, без каких-либо теней, анонсная картинка мультяшная.

Простой пользовательский интерфейс.

 

3. Есть ли на сайте элементы других дизайн-моделей? Если да, то каких и в каких разделах?

На сайте также представлена дизайн-модель material: сайт построен по модульной сетке, и он адаптивный. В разделе «Спецпроекты» (https://ria.ru/20230427/fpc-cuisine-1864884737.html) присутствует различная анимация в тексте, в главной картинке, в переходах, что тоже отражает material.

 

 

4. Кратко поясните, считаете ли вы дизайн сайта удачным и почему?

Сайт можно назвать удачным только с точки зрения попытки использовать модульную сетку и строить по ней информацию, читаемый простой шрифт и нет лишних визуальных эффектов.

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

5. Обозначьте основные изменения, которые могут улучшить дизайн рассматриваемого вами сайта?

Лента новостей - интересная информация, но эта лента закреплена внизу страницы, поэтому попадает в поле зрения не сразу, но создает визуальный шум. Ее можно разместить вертикальным блоком справа и сделать блок фиксированным при скролле. Тогда появится разделение основной информации и постоянно обновляющейся ленты - пользователю будет удобнее считывать информацию с первого взгляда.

 

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

Логотип можно было бы передвинуть влево, а все иконки расположить справа.

Меню очень крупное, слишком мало места между пунктами. Нужно уменьшить шрифт и увеличить расстояние между пунктами. Сейчас размер шрифта 20pt, можно спокойно уменьшать до 16pt - это тоже общепринятое значение читабельного размера текста.

Если присмотреться к вот этой части: меню-заголовок-обложка, можно увидеть как центральное выравнивание нарушает сетку. Выравнивание по левому краю это бы исправило.

 

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