ФЖЗ-401. Креативное письмо, дизайн и верстка печатных и сетевых СМИ. Экзаменационное задание №1. Сравнительный анализ дизайна сайтов
https://www.chel.kp.ru/
- Чистая сетка, четкая типографика, схематические иконки. Сайт основан на современном Flat Design, с акцентами на модульную сетку и минимализм. Присутствуют тонкие элементы Material Design, такие как адаптивные кнопки, но они не доминируют.
- Этому соответствуют чистые блоки контента, схематические иконки и обилие "воздуха" (пробелов) между элементами. Типографика и сетка — главные инструменты структурирования.
- Выделенные рекламные блоки. Их визуально уменьшили, чтобы они не так сильно бросались в глаза, но они все равно остаются визуально активными. "Информационный обвес", в виде блоков рекомендуемых статей, опросов, цитат.
- Главные преимущества - это проработанная блочная система и адаптивный дизайн, они упрощают навигацию и чтение на сайте. Недостатки - визуальная перегруженность из-за плотного потока новостей, рекламы и дополнительных виджетов. Я бы внесла коррективы в формате размещения рекламы.
- Чистая сетка, четкая типографика, схематические иконки. Сайт основан на современном Flat Design, с акцентами на модульную сетку и минимализм. Присутствуют тонкие элементы Material Design, такие как адаптивные кнопки, но они не доминируют.
- Этому соответствуют чистые блоки контента, схематические иконки и обилие "воздуха" (пробелов) между элементами. Типографика и сетка — главные инструменты структурирования.
- Выделенные рекламные блоки. Их визуально уменьшили, чтобы они не так сильно бросались в глаза, но они все равно остаются визуально активными. "Информационный обвес", в виде блоков рекомендуемых статей, опросов, цитат.
- Главные преимущества - это проработанная блочная система и адаптивный дизайн, они упрощают навигацию и чтение на сайте. Недостатки - визуальная перегруженность из-за плотного потока новостей, рекламы и дополнительных виджетов. Я бы внесла коррективы в формате размещения рекламы.
https://vecherka.su/
Мягкие тени, объемные кнопки, "плоские" иллюстрации. На сайте смешанная модель, где на базовый Flat Design наложены элементы неоморфизма.
Ключевой признак — "выступающие" кнопки и карточки с мягкими тенями, характерные для неоморфизма. При этом иллюстрации и некоторые иконки выполнены в плоском стиле.
- Псевдообъемные элементы в навигации и формах, использование нестандартных шрифтов в заголовках, которое может снижать читабельность.
- Главные преимущества - это уникальный и запоминающийся визуальный стиль, выделяющий сайт на фоне типовых новостных ресурсов, но его нужно доработать. Недостатки - низкая практичность неоморфных элементов, интерактивные зоны плохо различимы.
Я бы внесла коррективы в том, чтобы доработать стиль и усилить контрастность интерактивных элементов.
Вывод:
С точки зрения дизайн-модели и ее реализации, сайт "Комсомольской правды" является более успешным.
Он демонстрирует системный, профессиональный подход, ориентированный на пользователя. Его дизайн служит удобству миллионов читателей, обеспечивая скорость и четкость восприятия информации.
https://vecherka.su/
Мягкие тени, объемные кнопки, "плоские" иллюстрации. На сайте смешанная модель, где на базовый Flat Design наложены элементы неоморфизма.
Ключевой признак — "выступающие" кнопки и карточки с мягкими тенями, характерные для неоморфизма. При этом иллюстрации и некоторые иконки выполнены в плоском стиле.
- Псевдообъемные элементы в навигации и формах, использование нестандартных шрифтов в заголовках, которое может снижать читабельность.
- Главные преимущества - это уникальный и запоминающийся визуальный стиль, выделяющий сайт на фоне типовых новостных ресурсов, но его нужно доработать. Недостатки - низкая практичность неоморфных элементов, интерактивные зоны плохо различимы.
Я бы внесла коррективы в том, чтобы доработать стиль и усилить контрастность интерактивных элементов.
Вывод:
С точки зрения дизайн-модели и ее реализации, сайт "Комсомольской правды" является более успешным.
Он демонстрирует системный, профессиональный подход, ориентированный на пользователя.
Его дизайн служит удобству миллионов читателей, обеспечивая скорость и четкость восприятия информации.
Комментарии
Отправить комментарий