Дизайн (Задание №1) Бутаков М.А.

 «Полит 74»

Сайт polit74.ru использует плоский (Flat) дизайн.

Это доказывают следующие элементы:

1) Отсутствие графических эффектов, присутствует только контур, заливка и текст (тени, рефлексы, градиенты, текстуры и блики отсутствуют);

2) В оформлении используются односложные фигуры, главенствует прямоугольник;

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

4) Внешние инструменты адаптированы под интерфейс (иконки соцсетей и поисковая строка). Сайт почти полностью соответствует принципам двухмерной графики;

5) Отсутствие теней и градиентов. Фон и блоки контента имеют сплошную заливку без объёмных эффектов;

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

Цветовое оформление сайта – строгое (несколько цветов одной палитры (темно-синий, синий, белый) + контрастный шрифт.

Пример скриншота, иллюстрирующий flat-дизайн:

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

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

Преимущество и недостаток сайта

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

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

Недостаток:

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

 Рассмотрим второй сайт.

«Комсомольская правда»

Сайт использует смешанную модель на базе flat‑дизайна с элементами material design. Доминирует плоский дизайн, но присутствуют характерные для material design слои и интерактивные эффекты.

Это доказывают следующие элементы:

Ключевые элементы flat‑дизайна:

• плоские кнопки без объёмных градиентов;
• минималистичные иконки без текстур;
• чёткая модульная сетка с равномерными отступами;
• однотонная заливка блоков без имитации материалов.

Признаки material design:

• использование принципа глубины дизайна;
• анимации при наведении на ссылки и кнопки;
• контрастные акценты в виде цветных кнопок действия. 

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

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

• плоские заголовки и текстовые блоки (flat);
• использование принципа глубины дизайна – «слои» (material);
• контрастная кнопки кнопка «Подписаться», «Радио», «Реклама» (material);
• модульная сетка без излишнего декора (flat).

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

Проблемы дизайна:

1. перегруженность верхней части страницы – шапка содержит много элементов (логотип, меню, поиск, соцсети), что затрудняет фокусировку;
2. избыточные разделители – тонкие линии между блоками иногда дублируют отступы, усложняя восприятие.
3. контрастные акценты без системы – красные элементы (кнопки, ссылки) встречаются хаотично, нет единой цветовой логики.

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

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

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

Недостатки:

• визуальная перегруженность – много элементов конкурируют за внимание.

 

Предложения по улучшению

Добавление микроанимаций:

1. плавное появление карточек новостей при скролле;
2. лёгкий эффект «подсветки» при наведении на важные ссылки.

 

Общий вывод

polit74.ru нравится мне больше с точки зрения дизайна. Сайт строго придерживается flat‑стиля, не перегружен деталями, удобно структурирован и хорошо адаптируется под разные устройства. Всё выполнено в едином стиле: цвета, шрифты, элементы интерфейса согласованы между собой.

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

В итоге polit74.ru проще и удобнее для пользователя – его дизайн лучше подходит для новостного ресурса.