Дизайн (Задание №1)

Анализ дизайна сайта «РИА НОВОСТИ» (ria.ru)

1. Общие характеристики

Сайт ria.ru использует плоский ( Flat ) дизайн. Визуальный язык ориентирован на информационную насыщенность при сохранении читаемости .

 

Рассмотрим основные характеристики дизайна сайта:

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

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

3. Минималистичная типографика: Шрифты на сайте выбраны простые, без засечек. Для выделения важной информации используется контрастный цвет и так называемая «красная метка», расположенная после заголовка.

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

5. Отсутствие объемных эффектов: Фон и блоки оформления оформления с использованием сплошной заливки без применения теней и градиентов, что придает дизайну плоскостной характер.

6. Чёткая структура: Контент на сайте организован в виде блоков с равномерными отступами, что обеспечивает удобную навигацию и легкое восприятие информации.

 

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

На скриншоте можно увидеть, что элементы интерфейса, такие как меню, заголовки и новостные блоки, традиционно расположены в верхней части «шапке» сайта и имеют простые геометрические формы и практически лишены объемных эффектов. Цветовая палитра используется сдержанно, основной акцент делается на читаемость текста и общую структуру страницы. Присутствуют минимальные анимации (например, при наведении рентгеновского излучения на заголовок статьи), которые только увеличивают UX .

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

Плюсы и минусы сайта

Плюсы:

Удобство восприятия информации. Благодаря плоскому дизайну и минималистической типографике текст легко читается, что особенно важно для новостного портала. Чёткая структура позволяет быстро находить нужные разделы.

Мини-точка:

Недостаток динамиков и визуальных акцентов. Чрезмерная сдержанность в дизайне делает сайт скучным и не запоминающимся.

 

 

Анализ дизайна сайта «Первый областной» (1obl.ru)

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

 

Это можно учитывать особенности:

 

К основным чертам плоского дизайна можно отнести:

·        использование плоских кнопок без объемных градиентов;

·        минималистичный подход к иконкам, лишённым текстурам;

·        строгое соблюдение модульной сетки с равномерными отступами;

·        однотонное заполнение блоков без имитаций материалов.

 

Ключевые элементы материального дизайна:

·        применение принципов «слоистости» проектирования;

·        добавление анимаций при наведении на ссылки и кнопки;

·        контрастные акценты с помощью цветных кнопок.

 

Пример скриншота:

На скриншоте видно:

·        плоские заголовки и текстовые блоки (плоские);

·        использование принципов разработки – «слои» (материал);

·        контрастная кнопка кнопки «Новости», «Фоторепортаж», «Курс волют» и «Контактный номер» (материал);

·        модульная сетка без дверного занавеса (плоская).

 

Избыточные элементы и неудачные решения

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

 

Плюсы и минусы

Плюсы:

·        Читаемость контента: текст легко воспринимается благодаря контрастному и крупному шрифту.

·        Интуитивная навигация: меню и система поиска расположены привычно, что позволяет пользователю быстро найти нужную информацию.

 

Мини-точка:

·        Визуальная перегруженность: множество элементов конкурируют за внимание, что может затруднить восприятие;

·        Плохо сочетающиеся шрифты

 

 Общие потери

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

С другой стороны, сайт 1obl.ru, на мой взгляд, не так удачно с этим справляется.

В результате ria.ru кажется более простым и удобным для пользователей, его дизайн лучше соответствует формату новостного ресурса.