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

1) Сайт: 74.ru – новостной портал Челябинска.

Графический интерфейс можно оценить, как удачный для новостного портала.

Его сильные стороны:

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

Среди недостатков можно отметить:

•        высокую плотность рекламных блоков, которые разрывают контент.
•        обилие «вирусных» заголовков.
•        некоторую перегруженность главной страницы при первом посещении.

2) Тип верстки: рваная.

Аргументация:

·       Карточки новостей имеют разную высоту – где-то крупное изображение, где-то только текст, где-то видео

·       Ширина колонок разная.

·       Баннеры и рекламные вставки нарушают ритм сетки.

·       Симметрии нет даже в верхней части — логотип слева, погода и курс валют посередине, меню растянуто неравномерно.

3) На сайте 74.ru используется колоночный макет - Grid Layout. Также на сайте используется дисплейная анимация.

 

4) На сайте 74.ru используется шрифт Roboto. Заголовки набраны жирным шрифтом, а основной текст – обычным. Цвет текста – тёмно-серый, что даёт хороший контраст. Я бы оценила шрифт на 9 из 10. Roboto – очень надёжный, проверенный шрифт для сайта. Контрастность текста на 74.ru достаточная, глаза не напрягаются. Но есть нюанс, Roboto – очень распространённый шрифт, он стоит на каждом втором сайте. Это функционально и привычно, но лишено индивидуальности. Сайт выглядит стандартно, без выраженного визуального характера. Если подвести итог: шрифт удобный, читабельный, не раздражает.

5) Юзабилити можно оценить как хорошее, с некоторыми нюансами.

Сильные стороны:

·       быстрая загрузка страниц.

·       корректное отображение на смартфонах и планшетах.

·       наличие понятной навигации.

·       удобный поиск по сайту.

Слабые стороны:

·       избыток рекламы, который может отвлекать от основного контента.

·       в мобильной версии некоторые элементы становятся слишком мелкими.

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