Анализ сайтов: https://lenta.ru/ и https://iz.ru/
1. Охарактеризуйте его дизайн-модель в целом. К чему она относится: flat, material, 3D или морфизм-дизайну? Если сайт использует смешанную модель, укажите из чего она состоит и что доминирует?
Дизайн https://lenta.ru/ можно отнести к минималистичной плоской flat модели, но без 3D-эффектов или морфизма. Сайту свойственны: чистые прямые линии, минимум теней/градиентов, сдержанная цветовая палитра (бело-чёрный фон+акцентный красный), крупная типографика для заголовков. Это flat-дизайн для новостного потока и максимально простую читаемость контента.Для https://iz.ru/ по визуальному восприятию это смешанный flat с material (элементы с лёгкими тенями и акцентами, но без ярко выраженного морфизма или 3D).
То есть в целом flat, но часть элементов (карточки, баннеры, кнопки) имеют тени и легкие эффекты.
2. Докажите на примерах со скриншотами, что сайт относится к указанной вами модели. Какие элементы на это указывают?
На главной странице https://lenta.ru/ белое пространство занимает большую часть макета, нет сложных визуальных шумов. Заголовки новостей крупные, шрифты простые и плоские (без теней/обводок). Меню навигации скрыто за иконкой, упрощает восприятие интерфейса.
У https://iz.ru/ главная страница и навигация выглядят «плоско», без выпуклых эффектов. Но карточки новостей/баннеры могут иметь тени или тонкую градацию, что отчасти перекликается с material-подходом.
Это типичный гибрид: flat + material-подход.
3. Есть ли на сайте избыточные элементы или неудачно используемые компоненты других дизайн-моделей? Если да, то каких и в каких разделах?
На сайте https://lenta.ru/ на новостных страницах иногда встречаются слишком длинные тексты без визуальных пауз. Вставки рекламы или непривычные блоки «рекомендуем» разбивают поток чтения. В некоторых разделах можно заметить элементы разной стилизаций (например, фотографии в разных стилях), это немножко выбивается из строгого flat-контекста.
На сайте https://iz.ru/ не всегда понятно, какой элемент кликабелен, потому что flat-структура + лёгкие тени создают неоднозначность, неглубокие тени выглядят как фон, а не как интерактивные элементы, блоки без чёткого разделения визуально сливаются.
4. Что на ваш взгляд является главным преимуществом рассматриваемого вами сайта? А недостатком? Если бы вы вносили коррективы, то во что именно?
https://lenta.ru/
Преимущества: отличная читаемость, быстрая навигация, минимальный визуальный шум
Недостатки: мало эмоционального дизайна - сайт кажется «сухим», иногда длинные тексты без визуальных точек входа (большие картинки) кажутся скучными
Что бы изменила: добавила бы интерактивные элементы между длинными блоками текста. Например, небольшие анимации при скролле или иллюстрации.
https://iz.ru/
Преимущества: более живые карточки новостей, визуальные акценты через градации
Недостатки: иногда плоские и материал-элементы смешиваются не совсем гармонично
Что бы я изменила: подчёркивание интерактивности. Например, при наведении подсветку сделать более яркой.
5. Сделайте общий вывод - какой из сайтов лучше с точки зрения дизайн-модели и почему?
https://lenta.ru/ будто выигрывает по последовательности дизайн-модели (чёткий flat),
простоте и читаемости, устойчивости интерфейса при быстром потреблении новостей.
https://iz.ru/ интереснее визуально, но его дизайн чуть менее однороден. Он пытается сочетать flat и material, и где-то это смотрится не так гармонично.
Комментарии
Отправить комментарий