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

 Анализ сайта информационного агентства «Верстов.Инфо» (https://www.verstov.info/):

1. Общая оценка графического интерфейса Сайт: Verstov.info (Магнитогорское информационное агентство). Оценка: Интерфейс выглядит устаревшим. Он напоминает дизайн региональных СМИ конца 2000-х или начала 2010-х годов. Плюсы: Высокая плотность информации (сразу видно много новостей), привычная структура для постоянных читателей. Минусы: Избыток визуального шума, нагромождение баннеров, мелкий шрифт и отсутствие свободного пространства. Интерфейс нельзя назвать удачным с точки зрения современных стандартов, так как он перегружен и заставляет пользователя тратить лишние усилия на поиск главного.

2. Тип верстки На сайте используется симметричная (блочная) верстка. Контент четко распределен по вертикальным колонкам. Соблюдается строгая иерархия: центральная колонка - для основных новостей, боковая - для рубрик, рекламы и информеров. Все блоки имеют фиксированные границы и выровнены относительно друг друга по сетке. Рваной верстки, где блоки накладываются друг на друга или расположены хаотично не наблюдается.                                       3. Колоночный макет и анимация При анализе кода страницы можно сделать следующие выводы: Сетка сайта построена на фреймворке Bootstrap в сочетании с Grid Layout.  Макет на сайте используется Bootstrap. На сайте практически отсутствует сложная анимация. Поиск по ключевому слову @keyframes выдает либо пустой результат в основном коде, либо минимальные технические записи в подключаемых CSS-файлах. Анимация ограничена простейшими эффектами при наведении курсора и, возможно, работой рекламных баннеров. Это сделано для максимально быстрой загрузки сайта на слабых устройствах.

4. Типография Используется преимущественно Sans-serif. Основной шрифт Arial, Helvetica или стандартные системные шрифты . Шрифт достаточно мелкий. Для информационного портала это спорное решение с одной стороны, это позволяет уместить больше заголовков на экране, с другой затрудняет чтение длинных статей. Межстрочный интервал довольно плотный, что снижает читабельность при длительном просмотре.

5. Юзабилити и восприятие информации Юзабилити на среднем уровне для регионального СМИ. Меню сверху и слева позволяет быстро перейти в нужный раздел, но из-за обилия мелких ссылок в них легко запутаться. Благодаря Bootstrap сайт подстраивается под мобильные устройства, что является критически важным. Верстка создает ощущение информационного потока или газетного листа. Она подчеркивает оперативность новостей, но мешает концентрации. Внимание пользователя постоянно отвлекается на мигающие баннеры и яркие плашки в боковых колонках.

Итог: Верстка удачна для тех, кто заходит просканировать заголовки за минуту, но она не комфортна для вдумчивого чтения. Информация воспринимается как фрагментарная и суетливая.