ФЖЗ-301. Креативное письмо, верстка и веб-дизайн. Иванов А.С.

1. Сайт

Современный сайт «Ленты.ру» прошёл долгий путь от газетной вёрстки 1999 года до технологичного новостного портала.

2. Тип вёрстки и макет

Главная страница использует адаптивную, «резиновую» вёрстку, которая подстраивается под ширину экрана – будь то широкий монитор или экран ноутбука. Всё построено по модульному принципу: блоки вроде «Главные новости», «Последние новости», «Популярное» чётко отделены друг от друга и логически упорядочены. Это позволяет быстро пробежаться по странице взглядом и найти главное. Ещё одно важное изменение произошло в конце 2021 года: сайт убрал постоянное боковое меню, спрятав его за иконкой в левом верхнем углу. Так освободилось больше места под контент – сейчас это считается хорошим тоном в медиадизайне.

3. Колоночный макет

Я обнаружил в коде сайте слово "layout", что скорее всего подразумевает использование Grid Layout. На сайте «Ленты.ру» экранная анимация практически отсутствует.

4. Шрифты

Сайт придерживается строгой и минималистичной типографики. Шрифты выглядят нейтрально и функционально, ничего не отвлекает от текста. Скорее всего, используются гротески (рубленые шрифты) – они хорошо читаются на экране и создают образ серьёзного, делового издания. Кстати, при редизайне в 2013 году редакция сама признала, что прежний «уютный» вид сайта был на самом деле беспорядочным набором шрифтов и форматов. С тех пор в этой области сделали очень много.

5. Удобство использования (Юзабилити)

Скорость загрузки для «Ленты» – один из главных приоритетов, потому что для новостного сайта каждая секунда на счету. Главная страница устроена так, чтобы в одном экране дать полную картину дня. Самые важные блоки – «Главные новости», «Последние новости», «Популярное» и «Популярные видео» – находятся вверху, их видно сразу. В некоторых разделах работает алгоритмическая выдача, которая показывает наиболее релевантный контент. Кроме того, у сайта есть качественная мобильная версия и собственное приложение – так что читать новости с телефона или планшета тоже удобно.

Вывод:

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