прочтение материалы (буклеты, веб-сайты)
обязаны иметь хоть что-то под своей блестящей поверхностью — какой-то сюжет,
интригу, «скрытый смысл», требующий для своего обнаружения не которого усилия
мысли. Разумеется, эти глубинные слои должны работать на содержимое верхнего
информационного слоя, делать более явной его структуру, облегчать его
восприятие и делать его более интересным,
а вовсе не
обязательно «загадочным».
Есть такая «подкорка» и
в дизайне моего сайта. Я постарался, однако, ограничить «пир подсознания»
графической составляющей дизайна, оставив текст страницы оплотом однозначности.
Фотографические визуалы, занимающие в композиции ключевое положение слева от
описания компании и сменяющие друг друга в зависимости от положения мыши (рис.
80), были подобраны таким образом, чтобы протянуть смысловые связи между
четырьмя фрагментами
описательного текста
справа и четырьмя разделами навигационной панели внизу. Итак, вот авторская
интерпретация (лишь одна из возможных) главных смысловых связей страницы: 1
• Глаз — «we are» — «portfolio»: «Смотрите, кто мы такие * и что мы можем делать».
• Часы — «offering»
— «interested?»: «Если вы заинтересованы, не тратьте время, напишите нам, чтобы обсудить наши предложения».
• Инструменты — «specializing» — «classes»: «Учитесь пользоваться дизайнерскими инструментами».
• Игрушечный самолет — «integrating» — «dmitry»: «Познакомьтесь с автором и с его творчеством в разных жанрах».
Возвращаясь к дизайну,
перечислим основные отношения баланса и поддержки, визуально скрепляющие
страницу:
• Одна сплошная светлая
горизонтальная полоса вверху страницы (под «Dmitry Kirsanov Studio») уравновешивается
тремя пунктирными параллельными полосами в навигационной панели внизу.
• Зона вытянутых по
вертикали градиентов вверху страницы сменяется доминированием горизонтальных
градиентов в центре и внизу.
• Широкая виньетка в
самом верху, составленная из элементов логотипа, начинает собой диагональ,
сходящую к выполняющей роль «подписи» копии логотипа в правом нижнему углу.
Эта «зеленая» диагональ пересекается с «текстовой» диагональю, протянутой от
описания компании в правой половине центральной части к навигационной панели и
далее к левому нижнему углу (в котором расположен перевешивающий все другие по
информационной насыщенности раздел portfolio и список latest additions).
Навигация
Все внутренние страницы
сайта www.kirsanv.com следуют в своем дизайне общему плану, заданному на main.htmi. Возьмем для примера
страницу с текстовым содержимым (рис. 81). Ее центральная часть разделена по
вертикали на два неравной ширины столбца: пустой левый, отмеченный лишь
уменьшенной копией фотографии с первой страницы (а именно — изображением
часов,
Рис. 81
Текстовая страница
Рис.
Главная / web программирование / web технологии 