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

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

Для задания я выбрала сайт 74.ру. Портал с последними свежими новостями Челябинска и Челябинской области. 

В целом интерфейс удачный. Выглядит скомпоновано и органично. Производит впечатление современного портала. Закругленные рамки визуально смягчают страницу. 

На странице много информации, но она сгруппирована по понятным критериям. На глаз воспринимается легко. Информация структурирован, есть шапка с погодой, общая лента новостей и боковая панель с контентом.

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

На сайте 74.ру тип верстки рандомизированный. Четкой симметрии нет, но и рваной ее не назвать. Есть колонки, расположенные на одной высоте или одинаковые по ширине. То есть верстка рандомизированная. Есть рваные элементы, но в целом симметрия соблюдена. 

Я бы все таки придерживалась рандомизированного варианта.

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

При первом взгляде я предположила, что макет использовался Bootstrap. 

При поиске через код страницы это предположение подтвердилось. 

Экранная анимация на сайте присутствует. Поиск по @keyframes дает множество результатов. 

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

На мой взгляд шрифт удобный и легкочитаемый. При проверке узнала, что тип шрифта - рубленый, шрифт Robot. На мой взгляд шрифт подходящий, ничего лишнего, глазом считывается легко, без запинок и отвлечения. 

Заголовки выделены жирным шрифтом, что также помогает визуально разделять информацию. 

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

Верстка сайта удачна. Она построена по принципу газетного портала - широкая шапка, лента + сайдбар. Это напрямую влияет на восприятие информации. 

Сетка Bootstrap соответствует стандартам крупных медиа. Типографика и относительно симметричная сетка делают восприятие информации легким и предсказуемым, читать удобно. 

Все отдельные блоки визуально разделены, что позволяет легко визуально определить нужную область.

Информация находится не в три, а даже в 2 клика. Думать ничего лишнего не нужно, все интуитивно понятно.

Все это позитивно влияет на восприятие информации, по-моему личному  мнению.