BATMAN. The Knight of the Night
Сайт посвящён художественным фильмам о Бэтмене — с первого полнометражного фильма 1966 года и до сегодняшнего дня. Мрачный, как фильмы Тима Бёртона; яркий, как фильмы Джоэля Шумахера; минималистичный, как фильмы Кристофера Нолана. Есть фотографии режиссёров, композиторов и основных персонажей каждого фильма.
Шапки на страницах сделаны в виде небольших flash-анимаций. На главной странице звучит заглавная тема Дэнни Эльфмана. Меню находится в самом низу и появляется из мрака Готэма как бэт-сигнал.
Основываясь на классических фильмах Тима Бёртона, сразу решили, что сайт будет преимущественно тёмным. По задумке, меню должно быть не просто текстовым, а с какими-то небольшими картинками. Смотрим на обложки фильмов и пытаемся понять, что можно использовать:
Появляется идея использовать логотипы Бэтмена: на большинстве обложек они есть, причём все отличаются друг от друга. Это замечательно, но на трёх обложках логотипов нет. Более глубокое изучение вопроса показывает, что «классическая» серия выходила в коллекционном издании c обложками, сделанными в одном стиле:
То, что надо. Располагаем логотипы в ряд и делаем надписи тем же шрифтом, что и в фильмах Бёртона:
Отлично. А когда фильмов станет очень много, добавим в меню красивую прокрутку.
Теперь нужно сделать ссылку для возврата на главную страницу, и делать её надо в этом же стиле. Изучаем историю логотипов Бэтмена, чтобы на их основе нарисовать новый:
В итоге рождается вот такая летучая мышка — узнаваемая с одной стороны и совершенно новая с другой:
Что касается наполнения сайта, решаем сначала сделать шаблон для внутренних страниц. На них кроме текстовой части должны быть фотографии главных действующих лиц, к которым решаем добавить лица режиссёров и композиторов (музыка является неотъемлемой частью фильма, и во всех этих фильмах она звучит 90% времени). Пробуем как-то скомпоновать имеющийся материал:
Выглядит как-то несуразно: фотографии слишком большие и кажутся оторванными от текста; место расходуется нерационально, очень много чёрной пустоты. Надо расположить элементы более компактно, а заголовку отвести больше места. Меню будет располагаться в самом низу страницы и как бы появляться из тьмы. Переделываем шаблон:
Главную страницу совмещаем со страницей «О сайте», чтобы в меню осталось только нужное:
Через 3 года возникла необходимость немного переделать сайт — в основном, увеличить фотографии и сделать сайт более приятным для просмотра. Прикидываем, как это будет выглядеть:
Из других улучшений: увеличен размер и изменён цвет шрифта для лучшего восприятия; добавлены фотографии Бэтмобилей, а также информация о людях, получивших «Оскар» и «Золотую малину»; переделаны все шапки с учётом шрифтов, использующихся в фильмах; ну и так, по мелочам.
