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

Всплеск и вскрик

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

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

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

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

что габариты веб-страниц, их элементов, да и вообще лю­бой компьютерной графики измеряют именно в пикселах, пренебрегая неравенством этих единиц у разных устройств

вывода.

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

Все это означает, что понятие разрешения как количества пикселов, приходящихся на единицу физического расстоя­ния (сантиметр или дюйм), в веб-графике можно полностью игнорировать. Работая с изображениями в Photoshop'e или другом растровом редакторе, вы можете не обращать ника­кого внимания на цифры разрешения («resolution») — вас могут интересовать только ширина и высота картинки в пик­селах. Берегитесь сантиметров, дюймов и прочих единиц реального мира — они способны вас только запутать. И все-таки — каково физическое разрешение компьютерного экрана? Хо­тя величина эта меняется из-за множества почти случайных обстоятельств (она зависит не только от паспортного размера экрана дисплея и количества пикселов по вертикали и горизонтали, но и от модели дисплея, положения ручек настройки, иногда даже от положения измеряемой области на экране), традиционно принято считать, что среднее значение разрешения экрана составляет 96 dpi на компьютерах с Windows (в режиме 800x600 на 15-дюймовом мониторе) и 72 dpi на Макинтошах.

Дата добавления: 2015-05-26