Газета.Ru: как печатный ритм стал цифровым
Досье № 10 · История российского интерфейса
Первая ежедневная интернет-газета искала собственную полосу: от «ушек» 1999 года до сложной редакционной сетки и знака, способного жить отдельно от названия.
- Период
- 1999—2012
- Главы
- 5
- Кадры
- 10
Содержание
Пять поворотов в истории проекта
Глава 1 · 1999—2007
Газета без бумажного оригинала
Цифровое издание берёт у газеты дисциплину заголовка и полосы, но использует ссылки, обновления и разную глубину чтения.Глава 2 · 2007
Разные темпы чтения
Фоторепортаж, раздел и короткая заметка не обязаны выглядеть одинаково, если их связывает общая редакционная грамматика.Глава 3 · 2012
Знак для цифрового издания
Когда название должно жить в иконке приложения и маленькой вкладке, одной текстовой строки уже недостаточно.Глава 4 · 2012
Масштаб и пропорция
Айдентика проверяется не на одном красивом логотипе, а на способности менять компоновку без потери характера.Глава 5 · 2012
От метафоры к системе
Хороший знак проходит путь от десятков ассоциаций к форме, которая спокойно выдерживает ежедневное использование.Визуальная хроника
Десять подтверждённых кадров
Первая версия Газеты.Ru
Три графических «ушка», рубрики и главная колонка переносят газетную дисциплину в браузер, не копируя бумажную полосу буквально.
Студия Артемия ЛебедеваИсточник: Первая версия Газеты.Ru ↗Четвёртая версия: первая полоса
Главная тема получает большую карточку, а соседние колонки разводят новости, комментарии и дополнительные материалы.
Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗Фоторепортаж и выходной выпуск
Одна система допускает более визуальную подачу, когда сам формат материала требует другого темпа.
Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗Полоса раздела и заметка
Сравнение страниц показывает редакционную грамматику: масштаб заголовка и количество колонок зависят от роли материала.
Студия Артемия ЛебедеваИсточник: Четвёртая версия Газеты.Ru ↗Обновлённый знак Газеты.Ru
Перо превращается в компактную букву-символ, которая узнаётся в иконке и не требует каждый раз писать полное название.
Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗Горизонтальная версия знака
Символ и надпись выстраиваются для длинных форматов, сохраняя контраст пера и строгой типографики.
Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗Вертикальная версия знака
Компактная композиция работает на обложке и небольшом цифровом носителе, не теряя редакционного характера.
Студия Артемия ЛебедеваИсточник: Знак Газеты.Ru ↗Поиск метафоры пера
Процесс начинается с десятков способов соединить первую букву и журналистский инструмент, а не с полировки одного случайного эскиза.
Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗Проверка силуэта
Эскизы упрощаются до формы, которая должна оставаться читаемой в маленькой иконке и рядом с длинным названием.
Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗От эскиза к системе
Выбранная идея проверяется в нескольких пропорциях и сочетаниях, прежде чем стать частью повседневного интерфейса издания.
Студия Артемия ЛебедеваИсточник: Процесс создания знака Газеты.Ru ↗








