Веб-дизайн

Первая страница корпоративного сайта, конечно, тоже может содержать последние новости (или, по крайней мере, ссылки на них). Вспомним, однако, что главная цель такого сайта — создание образа фирмы. Чтобы решить эту задачу уже на первой странице, корпоративный сайт чаще всего пользуется большой, яркой, тщательно подобранной фотографией или рисованной графикой, метафорически иллюстрирующей деятельность фирмы, работу ее главного продукта или важнейшую из последних новостей. Как и фотографии на журнальных обложках, это изображение–визуал (стр. 288) становится центром композиции, самой активной ее частью.

Сайты веб–дизайнеров — особый подвид корпоративных сайтов — обычно весьма немногословны: авторы справедливо считают, что их дизайн должен говорить сам за себя. И опять–таки, эта черта дизайнерского сайта доводится до абсурда на его первой странице, — которая обычно не содержит вообще никакого текста, кроме названия фирмы и надписей на кнопках навигации (если же текст и есть, то чаще всего он нарочито загадочен, многозначителен и ни в коем случае не прямолинейно–рекламен). Вместо текста основное пространство страницы либо заполнено тщательно подготовленным, «ударным» визуалом или логотипом фирмы, либо просто оставлено пустым. Вспомним, что говорилось о роли пустого и заполненного пространства в дизайне на стр.89; для дизайнерских сайтов всегда характерно активное использование пустоты, подчеркивающей их эстетский, антипрагматический, «не от мира сего» стиль.

Всплеск и вскрик. Нередко пустота на дизайнерских сайтах столь обильна (опять каламбур), что она не только растекается по всей первой странице сайта, но и выплескивается с нее в третье измерение, образуя сплэш–страницу (англ. splash page) — своего рода заставку, прихожую, суперобложку сайта. Расположенная первой сплэш–страница, как правило, не содержит ничего, кроме логотипа фирмы или визуала (часто анимированного), и единственной своей ссылкой, привязанной к этому изображению, ведет на главную (хотя теперь уже не «первую») страницу сайта. На случай, если посетитель не догадается щелкнуть по этой единственной ссылке, тег МЕТА (стр. 40) автоматически перенесет его туда спустя какое–то время.

Отсутствие другого содержимого позволяет вывешивать на сплэш–странице довольно объемистую (иногда до 100 Кб) анимированную графику, показывающую способности дизайнера во всем их блеске. Однако и простой, без анимации, логотип фирмы в центре пустой страницы прекрасно справится со своей задачей, — представив зрителю главное действующее лицо начинающейся феерии дизайна и сделав небольшую паузу, чтобы дать утихнуть аплодисментам. Кроме психологической артподготовки посетителя, приучения его «малыми дозами» к стилю лежащего впереди сайта, сплэш–страница способна решать и вполне практические задачи: русскоязычные сайты нередко выносят на нее меню выбора языка и/или кодировки, а особо заботливые любят здесь же объявлять о предпочтительных для просмотра этого сайта броузерах и даже указывать оптимальные размеры окна (этой теме посвящен следующий раздел).

Формат страницы

Предыдущую главу я начал с рассмотрения размера как важнейшего визуального аспекта объектов в дизайне. Раздел, посвященный дизайну веб–страниц, логично поэтому начать с обзора размерных отношений и ограничений формата в веб–дизайне.

Стандартной единицей измерения размеров и расстоянии на веб–странице является пиксел, мельчайший неделимый атом изображения. Физический размер пиксела на разных компьютерах разный — он определяется размером и разрешением экрана. Впрочем, различия эти невелики, так что габариты веб–страниц, их элементов, да и вообще любой компьютерной графики измеряют именно в пикселах, пренебрегая неравенством этих единиц у разных устройств вывода.

Существует, однако, один особый случай, когда разницу в физических размерах пикселов игнорировать уже нельзя. Когда пользователь пытается напечатать копию страницы на принтере, броузер, зная, что разрешение печатающего устройства во много раз больше разрешения экрана, масштабирует графику так, чтобы стандартная веб–страница как раз помещалась по ширине на лист бумаги. При этом каждый экранный пиксел передается несколькими пикселами принтера.