Креативное письмо, верстка и веб-дизайн. Задание №1. Модель верстки сайта.
Анализируемый сайт: tass.ru
Графический интерфейс
Строгий, современный и профессиональный. Цветовая гамма часто выдержана в нейтральных тонах. Акцентный цвет — темно-синий, добавочные — персиковый, зеленый. Стиль оформления подходит под запрос целевой аудитории, а также отражает статусность СМИ. Строгость подчеркивают и формы блоков с острыми углами. Верстка аккуратная и минималистичная.
Тип верстки сайта
Рандомизированная. Большинство элементов расположено симметрично друг к другу, с опорой на их функционал. Слева и справа страницы сверстанные блоки в основном повторяются. Но! Есть "перебивики" между блоками, которые разделяют блоки прямой верстки. Возможно, это решение было принято для создания небольшой динамики.
![]() |
| но все равно все остается правильно и красиво :) |
Колоночный макет
Скорее всего «ТАСС» использует фреймворк Bootstrap. Да сайте есть небольшое количество элементов с анимацией. Например, движение нижней панели при прокрутке.
Типографика сайта
На сайте есть шрифты без засечек для заголовков для основного текста. Это делает текст более читаемым и удобным для восприятия. Шрифт — Golos, он прекрасно подходит для экранов с невысоким разрешением, его плотность и рисунок улучшают читаемость больших текстов, а ширина набора упрощает прочтение длинных слов, которых очень много в русском языке.
Юзабилити сайта
Сайт прост и удобен для пользователей. Главные аспекты, которые делают его одним из самых сильных на рынке:
1) Простой и понятный интерфейс. Нет ничего лишнего. Краткая информация и конкретная визуализация новостей
2) Навигация. Сверху нет привычного нам меню, но по нажатию кнопки на панели (представила ее в вопросе выше) открывается большое меню, которое успешно доведет пользователя до интересующей информации
3) Все элементы кликабельны, нет кричащих и ярких кнопок, но интуитивно понятно, что по нажатию новость будет открыта




Комментарии
Отправить комментарий