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

 

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

Анализ сайта https://entermedia.io/ 

Enter — интернет-журнал о жизни и развлечениях в Казани.

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

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

3. У меня возникли вопросы к типографике. Заголовки карточек имеют разную степень контраста и размер, хотя находятся на одном уровне верстки. Некоторые выделены слишком сильно, другие слабо. А также вопросы к шрифтам... Возможно это некая задумка, но буква "й" в отзеркаленном виде для чего (скриншот ниже)? В целом много шрифтовых начертаний в сочетании с разными размерами также как и в заголовках. В какой-то момент сайт сломался, и выдал мне это:

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

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

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

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

Второй сайт https://www.bragazeta.ru/ — Брянские новости.

1. Сайт использует смешанную модель. В основе flat дизайн, с очень сдержанным применением элементов material.

Flat доминирует простым интерфейсом без лишних украшений, прямоугольные блоки, акцент на тексте, контент организован в колонки и блоки, нет градиента, объемных кнопок.

Из material design добавлены тени на некоторые блоки, они создают базовую глубину, отделяя их от фона. Присутствует анимация - картинки увеличиваются или затемняются если на них навестись. Анимации и тени используются точечно, а не для всех элементов интерфейса.

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

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

5. С точки зрения целостности и чистоты дизайн модели, лучше реализован сайт "Брянские новости", он демонстрирует более качественную реализацию своей дизайн модели (flat + material), она проще, последовательнее и лучше соответствует своему контенту. "Enter", имея потенциально более современное оформление и модель, не справляется с ее контролем, из-за чего проигрывает в удобстве восприятия.