Сайт Студии Лебедева: третья версия
Дизайн и интерфейс сайта Студии Лебедева всегда делались с расчетом на максимальный срок службы. Первая версия сайта просуществовала около трех лет. Вторая — более трех. Сегодняшняя — третья версия — должна проработать не менее шести лет.
Первая версия |
Вторая версия |
Третья версия |
Основные отличия нового дизайна: максимальная простота, понятность и удобство в использовании. Модульная сетка сайта осталась неизменной — базовый растягивающийся шестиколонник используется нами на вебе и на бумаге с 1999 года.
Черная «шапка» с логотипом теперь соответствует стилю наших визиток, бланков и конвертов. Ликвидированы рамки, линейки и прочие элементы, являющиеся графическим мусором. Многие разделы переехали на новое место, а некоторые были удалены совсем, так как повторялись на сайте в нескольких местах.
Как и в случае со второй версией, которая за свою жизнь менялась раз пятьдесят, новый сайт студии будет развиваться каждый день.
Было:  Заголовок страницы помимо своей обычной задачи выполняет роль индикатора уровня вложенности. |
Стало:  Заголовок является именно заголовком (принадлежность страницы к сайту студии очевидна из контекста). |
 Двустрочное основное меню. Проблема с навигацией: раздел «Закулисы» находится в первой строке, а содержимое страницы — через вторую строку. Стрелки у пунктов меню указывают вправо, являясь фактически декоративными элементами. |
 Однострочное основное меню. Принцип ориентирования — «где подсвечено, там и находимся». Вторая строка навигации появляется только при необходимости и соответствует логике вложенности. Стрелки выполняют роль указателей и подсказок: «раздел „Портфолио“ остался выше, мы в подразделе „Закулисы“, раздел „Инвентарь“ — в другом месте». |
 Список ссылок разделен буллитами и горизонтальными линейками. |
 Буллиты говорят сами за себя — разные строчки спутать невозможно. |
 Для заполнения пространства используется левая колонка черного цвета с мелким текстом. Место для подзаголовка пустует, так как вписать туда все равно нечего. |
 Колонка переезжает направо — с заполнением пространства проблем не остается. Мелкий текст подчеркивает колонку, но не претендует на ее полное заполнение. |
 Рамки без нужды подчеркивают модульную сетку сайта. Для начала поиска необходимо нажать Enter. |
 Строка поиска растянута по сетке и не требует декоративных рамок. Кнопка «Найти» добавляет еще один способ начать поиск и одновременно выполняет роль названия строки: слово «поиск» уже не требуется. |
