ARTHand История дизайна Газета.Ru: как печатный ритм стал цифровым

Газета.Ru: как печатный ритм стал цифровым

Досье № 10 · История российского интерфейса

Первая ежедневная интернет-газета искала собственную полосу: от «ушек» 1999 года до сложной редакционной сетки и знака, способного жить отдельно от названия.

Период
1999—2012
Главы
5
Кадры
10

Содержание

Пять поворотов в истории проекта

Визуальная хроника

Десять подтверждённых кадров

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

Первая версия Газеты.Ru

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

Студия Артемия ЛебедеваИсточник: Первая версия Газеты.Ru ↗
02

Четвёртая версия: первая полоса

Главная тема получает большую карточку, а соседние колонки разводят новости, комментарии и дополнительные материалы.

Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗
03

Фоторепортаж и выходной выпуск

Одна система допускает более визуальную подачу, когда сам формат материала требует другого темпа.

Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗
04

Полоса раздела и заметка

Сравнение страниц показывает редакционную грамматику: масштаб заголовка и количество колонок зависят от роли материала.

Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗
05

Обновлённый знак Газеты.Ru

Перо превращается в компактную букву-символ, которая узнаётся в иконке и не требует каждый раз писать полное название.

Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗
06

Горизонтальная версия знака

Символ и надпись выстраиваются для длинных форматов, сохраняя контраст пера и строгой типографики.

Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗
07

Вертикальная версия знака

Компактная композиция работает на обложке и небольшом цифровом носителе, не теряя редакционного характера.

Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗
08

Поиск метафоры пера

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

Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗
09

Проверка силуэта

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

Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗
10

От эскиза к системе

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

Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗