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

 

1)Укажите сайт СМИ, который вы рассматриваете. В целом оцените его графический интерфейс - кажется ли он вам удачным или нет?

Сайт: 31tv.ru https://31tv.ru/

Интерфейс сайта можно охарактеризовать как функциональный, но перегруженный. Дизайн выполнен в классической манере региональных информационных порталов: акцент сделан не на эстетике, а на плотности подачи контента.

Интуитивно понятное расположение основных блоков (последние новости, погода, курс валют).

Избыток рекламных баннеров и виджетов визуально «засоряет» пространство, что затрудняет фокусировку на основном контенте. Графический стиль выглядит несколько устаревшим из-за обилия мелких графических элементов.

2) Укажите тип верстки на этом сайте (симметричная, рваная или рандомизированная). Аргументируйте

 

На сайте используется симметричная верстка.

Контент организован в жесткие вертикальные колонки и горизонтальные строки. Основная лента новостей занимает центральную часть (широкая колонка), а боковые панели (сайдбары) содержат дополнительные виджеты и навигацию. Соблюдается строгая геометрия блоков, выровненных по сетке, что типично для новостных ресурсов, стремящихся к упорядоченности.

 

3) Предположите какой колоночный макет использован на сайте - Grid Layout, Foundation или Bootstrap,а возможно такого макета нет вообще? Есть ли на выбранном вами сайте экранная анимация?

Поиск по коду (Ctrl+F) по ключевым словам col-md, col-lg дает множество результатов. Это указывает на использование фреймворка Bootstrap (или его модификаций). Сайт построен на классической 12-колоночной сетке, что позволяет ему корректно адаптироваться под разные разрешения экранов. Признаков использования Grid или Foundation в явном виде не обнаружено.

 

4) Охарактеризуйте типографику сайта - тип шрифта, если можете установить - то и сам шрифт. Насколько на ваш взгляд используемый шрифт удобен?

Тип шрифта: На сайте используются классические шрифты без засечек (Sans-Serif), такие как Open Sans или Roboto (стандарт для веб-интерфейсов).

Выбор шрифта удачен. Он обладает хорошей читабельностью даже при малых размерах. Высокая контрастность текста по отношению к фону позволяет быстро сканировать заголовки. Однако из-за большого количества текста на экране (верстка «плотная») глаз читателя быстро устает.

 

5) Охарактеризуйте юзабилити сайта. Насколько верстка сайта СМИ удачна в целом? Влияет ли она на ваше восприятие информации, и если да, то как?

Верстка сайта выполнена на «твердую четверку» с точки зрения технического исполнения, но проигрывает в пользовательском опыте.

Верстка «тяжелая» из-за большого количества блоков и рекламы. Это создает эффект «информационного шума», из-за чего пользователю сложнее выделить главную новость дня. Внимание рассеивается.

Модель верстки удачна тем, что позволяет разместить огромный объем контента на одной странице. Это хорошо для тех, кто ищет конкретную новость через поиск или ленту, но некомфортно для спокойного чтения лонгридов.

Верстка подчеркивает оперативность издания — видно, что сайт «живой» и постоянно обновляется, однако дизайн требует оптимизации для снижения когнитивной нагрузки на пользователя.