Веб-дизайн

Пожалуй, дичайший из встречавшихся мне примеров бессмыслицы в веб–дизайне — это залинкованные на большие графические файлы «ноготки» (стр. Й 58), на самом деле представляющие собой те же полноразмерные файлы, уменьшенные лишь масштабированием атрибутами height и width.

Функции

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

Для некоторых элементов веб–страницы, чаще всего реализуемых в виде графических вставок (а именно для заголовков, стр.200, и элементов навигации, стр.205), выполняемая ими функция важнее, чем чисто дизайнерские особенности, так что я счел возможным вынести их обсуждение в предыдущую, более техническую по тематике главу. Здесь же нам предстоит познакомиться с принципами создания других, не менее характерных для веб–дизайна жанров графики: фонов, логотипов, баннеров и визуалов.

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

ВЫСТАВОЧНАЯ ГРАФИКА

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

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

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

Эта двухступенчатая схема позволяет иногда решить и проблему визуальной несовместимости выставочной графики с дизайном самого сайта. Страница с «ноготками», особенно если их собрано несколько, определенно выигрывает от строгого дизайна, объединяющего как выставленные образцы друг с другом, так и данную страницу с другими частями сайта. На странице же с полноразмерной графикой (разумеется, в любом случае содержащей только одно изображение) дизайн как таковой может отсутствовать вообще, а роль HTML обычно сводится к установке фонового цвета (лучше всего нейтрального по тону — черного, белого или серого), прописыванию заглавия и центровке изображения относительно границ окна.

ФОНЫ