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

 Жилина Анастасия ФЖЗ - 301

Креативное письмо, верстка и веб-дизайн. 

Задание №1. Модель верстки сайта.

Для работы выбран сайт https://ria.ru/ (РИА НОВОСТИ)

1) Графический интерфейс сайта РИА Новости (https://ria.ru/), имеет ряд особенностей, влияющих на восприятие пользователями.

Достоинства интерфейса:

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

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

Простота навигации — меню доступно сверху, быстро позволяет перейти в интересующие разделы («Политика», «Экономика», «Общество»).

Использование адаптивного дизайна, обеспечивающего удобство просмотра на мобильных устройствах.

Интерактивные элементы: карусели фотографий и видеоматериалов делают сайт визуально привлекательным.

Недостатки интерфейса:

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

Яркость цветов может утомлять глаза при длительном чтении.

Отсутствие индивидуального подхода — нельзя настроить ленту новостей под интересы конкретного пользователя (без регистрации).

Итоги:

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

Таким образом, дизайн сайта эффективен, но мог бы стать ещё удобнее при некоторых доработках.

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

Верстка сайта РИА Новости относится к типу «рваной» (или асимметричной). Вот почему:

Основные признаки рваной верстки:

Асимметрия блоков: Главная страница состоит из множества различных по размеру блоков, размещённых несимметрично относительно центральной оси. 

Разнообразие форматов: Контент представлен разными видами: крупные фотографии чередуются с текстом и небольшими блоками анонсов статей. Различия в размерах изображений и расположении текста усиливают впечатление динамичности.

Акцентирование внимания: Использование крупных баннеров и ярких цветовых акцентов помогает выделить важные материалы среди общего массива информации.

Рваная верстка характерна для новостных ресурсов, поскольку её цель — привлечь максимальное количество просмотров и задержать внимание посетителя. Асимметричность делает страницу менее монотонной и стимулирует пользователей переходить между материалами.

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

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

Вероятно, на сайте РИА Новости используется популярный фреймворк Bootstrap или аналогичный инструмент, обеспечивающий гибкую систему сеточной разметки (Grid Layout). Этот выбор обусловлен удобством разработки кроссбраузерных и адаптивных решений, поддерживающих разные устройства.

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

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

Сайт РИА Новости использует преимущественно стандартный веб-шрифт семейства sans-serif, близкий к Arial или Roboto. Данный выбор оправдан стремлением обеспечить максимальную читаемость даже на небольших экранах устройств. Шрифты подобраны нейтрально и функционально, подчеркивая информационную направленность ресурса.

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

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

Юзабилити и общее восприятие верстки:

Несмотря на некоторые недостатки (перегрузка информацией, недостаточно продуманное распределение блоков), сайт обладает высокой степенью удобства пользования:

Простое и интуитивное меню обеспечивает быстрый доступ ко всем основным разделам.

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

Высокая скорость загрузки способствует быстрому знакомству с материалом.

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

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