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