Оценка сайта 72.ru Каримова Алина Александровна ФЖЗ-301

мая 26, 2026

Креативное письмо, верстка и веб-дизайн. Экзаменационное задание №1. Модель верстки сайта

Выполнила: Каримова Алина Александровна

ОБЩАЯ ХАРАКТЕРИСТИКА:

Для оценочной работы я взяла сайт 72.ru, одно из самых популярных медиа Тюменской области. В целом, графический интерфейс понятен и удобен для пользования, в потоке скроллинга сайта, можно перейти на любой нужный раздел. Большими "окнами" выделены главные новости сегодняшней повестки. Визуально сайт приятен для его прочтения, блоки не налезают друг на друга, реклама выделена отдельной колонкой, что делает удобнее просмотр информации.

ТИП ВЕРСТКИ:

Рандомизированная верстка.
У сайта преобладает золотая середина, он не является зеркальным, где левая часть "зеркалит" правую и наоборот. К хаотично-рваному он также не относится.
Симметричные элементы: хедер, основная колонка с новостями, сайдбар, футер, симметричен с так называемым центром сайта.

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

КОЛОНОЧНЫЙ МАКЕТ:

Наиболее вероятный вариант: Grid Layout (CSS Grid).
Признаки:

В коде сайта встречаются конструкции display: grid и grid-template-columns (это можно проверить через инспектор).
Сайт новостной, с типовыми блоками (главная, колонки, карточки) — Grid идеально подходит для таких макетов.

Альтернатива, но менее вероятная: никакого колоночного макета в готовом виде нет — используется ручная вёрстка на флоатах или таблицах (display: table), но это было бы архаично для крупного СМИ., скорее всего, использован Grid Layout.

ЕСТЬ ЛИ ЭКРАННАЯ АНИМАЦИЯ?
Да, есть.
На сайте применяется CSS-анимация — например, для значка уведомлений было найдено правило @keyframes badge-animation. Также используются переходы (transition), например, для плавного появления/исчезновения меню.

ТИПОГРАФИКА САЙТА:
На сайте используется стандартный гротеск вроде Roboto или Inter. Шрифт хорошо читается благодаря открытому рисунку даже в мелком размере, а контраст между жирными заголовками и легким основным текстом помогает навигации. Минус — отсутствие индивидуальности (типичный новостной «шаблон»), но плюс — высокая практичность.

ЮЗАБИЛИТИ:
Вертикальное меню на сайте, отображает актуальные новости, включая видеопосты и срочные статьи.
мобильная версия адаптирована: сайт корректно отображается на смартфонах (используется адаптивная вёрстка).

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

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

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

Влияние вёрстки на восприятие информации
Крупная главная новость с изображением безусловно привлекает внимание первой – понятно, что именно это событие является самым важным по мнению редакции. Так как тип верстки рандомизированный, это облегчает восприятие информации. За счет того, что блоки распределены, где-то ниже или выше, имеются также "рваные" фрагменты, это облегчает восприятие и не создает "визуальный шум".

72.ru — это один из главных источников новостей для Тюменцев, он удобен в использовании, не перегружен рекламой, а все новости и рубрики распределены в удобном для пользователя порядке.