ARTLEBEDEV

Сайт Студии Лебедева: третья версия

Дизайн и интерфейс сайта Студии Лебедева всегда делались с расчетом на максимальный срок службы. Первая версия сайта просуществовала около трех лет. Вторая — более трех. Сегодняшняя — третья версия — должна проработать не менее шести лет.

Первая версия сайта Студии Лебедева

Первая версия
1996—1999

Вторая версия сайта Студии Лебедева

Вторая версия
1999—2002

Третья версия сайта Студии Лебедева

Третья версия
2003—…

Основные отличия нового дизайна: максимальная простота, понятность и удобство в использовании. Модульная сетка сайта осталась неизменной — базовый растягивающийся шестиколонник используется нами на вебе и на бумаге с 1999 года.

Черная «шапка» с логотипом теперь соответствует стилю наших визиток, бланков и конвертов. Ликвидированы рамки, линейки и прочие элементы, являющиеся графическим мусором. Многие разделы переехали на новое место, а некоторые были удалены совсем, так как повторялись на сайте в нескольких местах.

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

Было:

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

Стало:

Заголовок является именно заголовком (принадлежность страницы к сайту студии очевидна из контекста).

Двустрочное основное меню. Проблема с навигацией: раздел «Закулисы» находится в первой строке, а содержимое страницы — через вторую строку. Стрелки у пунктов меню указывают вправо, являясь фактически декоративными элементами.

Однострочное основное меню. Принцип ориентирования — «где подсвечено, там и находимся». Вторая строка навигации появляется только при необходимости и соответствует логике вложенности. Стрелки выполняют роль указателей и подсказок: «раздел „Портфолио“ остался выше, мы в подразделе „Закулисы“, раздел „Инвентарь“ — в другом месте».

Список ссылок разделен буллитами и горизонтальными линейками.

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

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

Колонка переезжает направо — с заполнением пространства проблем не остается. Мелкий текст подчеркивает колонку, но не претендует на ее полное заполнение.

Рамки без нужды подчеркивают модульную сетку сайта. Для начала поиска необходимо нажать Enter.

Строка поиска растянута по сетке и не требует декоративных рамок. Кнопка «Найти» добавляет еще один способ начать поиск и одновременно выполняет роль названия строки: слово «поиск» уже не требуется.