Сравните два любых сайта средств массовой
информации с точки зрения используемых ими дизайн-моделей. Для этого для
каждого из сайтов:
1.
Охарактеризуйте его дизайн-модель в
целом. К чему она относится: flat, material, 3D или морфизм-дизайну? Если сайт
использует смешанную модель, укажите из чего она состоит и что доминирует?
pchela.news
Сайт pchela.news выполнен в стиле Flat-дизайна. отсутствуют
эффекты объемности, теней, градиентов или сложных текстур, характерных для 3D
или material дизайна. Используется простая цветовая палитра с четкими
контурами: черный и оранжевый цвет, символизирующие окрас пчелы, логотип с
изображением этого насекомого.
rg.ru
Дизайн сайта представляет собой также flat-дизайн, но без включения каких либо
элементов других стилей
Докажите
на примерах со скриншотами, что сайт относится к указанной вами модели. Какие
элементы на это указывают?
- Фон и блоки контента однотонные, без
градиентов и текстур (например, белый фон с основным текстом). Такой подход
характерен для flat: простота и минимум украшательств.
- Кнопки и иконки плоские, с четкими контурами и яркими, чистыми цветами. Легкие
тени и разделители (либо material элементы)
- Карточки новостей имеют очень легкие тени или разделительные линии, благодаря
которым элементы интерфейса отделены друг от друга, но тени не создают ярко
выраженного объема. Это перекликается с принципами material дизайна, где тени
должны создавать иерархию, но не превращать элементы в 3D-объекты.
- Меню и выпадающие списки не имеют сложных эффектов, а только тонкие тени или
разделительные линии, что типично для material, но в очень упрощенном виде.
rg.ru
- Главное меню и блоки новостей оформлены в виде простых надписей на белом фоне
- Фон страницы в основном белый с цветными
акцентами в оранжевых и серых тонах, без плавных переходов.
- Иконки и кнопки выполнены простыми контурами и плоскими фигурами, без теней,
рельефа или объемных эффектов.
- Используется монохромная палитра для текста и иконок, что характерно для
flat.
- Элементы интерфейса не имеют теней глубины или бликов, которые обычно
характерны для 3D или material-дизайна.
2.
Есть ли на сайте избыточные элементы или
неудачно используемые компоненты других дизайн-моделей? Если да, то каких и в
каких раздела pchela.news
На мой взгляд на сайте нет избыточных элементов и неудачно использованных
элементов других дизайн-моделей
Как и с первым сайтом, в rg.ru нет избыточных элементов и неудачно использованных элементов
других дизайн-моделей
3.
Что на ваш взгляд является главным
преимуществом рассматриваемого вами сайта? А недостатком? Если бы вы вносили
коррективы, то во что именно?
Преимущества: минимализм, нет элементов дизайна, которые препятствовали
бы удобному восприятию новостного контента
Этот же минимализм можно причислить и к недостаткам сайта, нет элементов,
выделяющих сайт на фоне остальных таких же плоских новостных.
Я бы в принципе сменила дизайн-модель полностью на достаточно популярный
морфизм.
rg.ru
Как и в первом случае преимуществом является минимализм, отсутствие неудачных
элементов дизайна, которые препятствовали бы удобному восприятию новостного
контента.
Этот же минимализм можно причислить и к недостаткам сайта, нет элементов,
выделяющих сайт на фоне остальных таких же плоских новостных.
Я бы в принципе сменила дизайн-модель полностью на достаточно популярный
морфизм.
4.
Сделайте общий вывод - какой из сайтов
лучше с точки зрения дизайн-модели и почему?
С
точки зрения дизайн-модели, сайт pchela.news выглядит лучше, благодаря
современному flat-дизайну с яркими визуальными элементами и удобной навигацией
и создает меньше визуальной перегрузки благодаря воздуху между блоками а rg.ru
имеет более традиционный, менее современный дизайн, подходящий для более
глубокого и детального изучения материалов, но уступающий pchela.news по легкости восприятия.
Комментарии
Отправить комментарий