Веб-дизайн
Шрифт:
Собственно говоря, этот пока что принципиально неустранимый недостаток же вряд ли вообще является недостатком. Мельтешения кадров и задыхающихся, едва поспевающих за событиями голосов дикторов нам вполне хватает и в телевизоре, а невозможность посмотреть через Интернет, скажем, полноценные отрывки из фильмов — беда не настолько серьезная, чтобы считать ее преодоление первоочередной задачей развития сети. Потенциал свободной, всепланетной информационной среды, пусть и ограниченной Шестом и почти статическими изображениями, не раскрыт еще и на сотую долю, и перед всеми, кто работает в этой области, — включая дизайнеров — расстилается необозримое поле неисследованных возможностей.
Наконец, третий и последний источник ограничений, который я не раз упоминал в гл.1, вызван причинами скорее историческими, чем техническими:
Неудивительно, что дизайнеры не очень–то любят соблюдать официальные стандарты HTML: ведь одной из провозглашенных Консорциумом W3 целей стандартизации является именно поддержка альтернативных (чисто текстовых, звуковых и т. п.) средств доступа к веб–содержимому (стр. 34) — то есть, по сути, узаконение того самого разнобоя, следствием которого является принцип «общего знаменателя». Именно для того, чтобы не относиться к Консорциуму W3 как к душителю творческой свободы, стоит потратить некоторое время на знакомство с историей развития и идеологией языка HTML и связанных с ним технологий (стр. 19).
От общего к частному. Веб–сайт как единицу дизайна естественно рассматривать на двух уровнях: уровне сайта как целого и уровне отдельной веб–страницы (граница между ними проходит примерно там, где приоритет организации содержимого сменяется приоритетом организации пространства). Однако прежде чем говорить о внутреннем устройстве сайта, нам нужно будет выяснить, какие вообще бывают сайты, чем они отличаются друг от друга, какие цели ставят перед собой и как эти цели влияют на общий стиль и частные особенности их дизайна. Затем мы попробуем взглянуть на типичный сайт «с птичьего полета», чтобы выделить его характерные части и разобраться в назначении и конфигурации связей между ними.
Вторая часть главы начинается с раздела о размерах в веб–дизайне и о формате страницы как одном из ключевых параметров ее оформления. Затем мы подробно рассмотрим главные составные части страницы — заголовки и разделители, инструменты навигации, текстовые блоки, таблицы, — обращая основное внимание на те требования к ним, которые вытекают из общих принципов информационного дизайна, но не забывая и о сложившихся традициях их оформления (не всегда, увы, этим требованиям отвечающих). Последний раздел этой главы посвящен технике позиционирования материала на веб–странице и тем инструментам, которые существуют для этого в HTML и CSS.
Типы сайтов
Наше знакомство с веб–дизайном логичнее всего начать с классификации веб–сайтов. Я проведу эту классификацию по самому естественному принципу — по принципу принадлежности владельца сайта к той или иной категории, пользуясь тем, что эта классификация хорошо коррелирует с распределением сайтов по стилю, а главное — по качеству дизайна.
Причины этой корреляции очевидны: хотя вкусы и способности отдельных людей и даже целых организаций могут сколь угодно сильно выбиваться из общей картины, все же дизайнерская надстройка продолжает, по Марксу, благополучно определяться экономическим базисом. Если любитель в состоянии сделать себе домашнюю страницу на профессиональном уровне, он либо станет в конце концов профессиональным дизайнером, либо останется очевидным для всех исключением из правил. И наоборот, если серьезная компания пока обходится любительского уровня сайтом, со временем она либо находит все–таки средства на приличный дизайн, либо разоряется и просто прекращает свое существование.
Первый шаг. Самая массовая и самая непритязательная категория веб–сайтов — личные страницы (англ. home pages), по традиции называемые «страницами», хотя многие из них представляют собой полноразмерные сайты.
Обычно личная страница становится
первой (и чаще всего последней) пробой пера тех жителей Интернета, кого перестала удовлетворять пассивная роль зрителя и читателя. Конечно, подавляющее большинство эта роль вполне устраивает; тем не менее количество личных страниц студентов и программистов, журналистов и государственных служащих, ученых и псевдоученых, активистов и гомосексуалистов, даже пенсионеров и грудных младенцев в современном Интернете просто поражает воображение. Не будем обсуждать здесь осмысленность создания и ценность содержания этих страниц (на эту тему я уже высказывался на стр.6); достаточно заметить, что с точки зрения дизайнера подавляющее большинство этих страниц никакого интереса не представляет.
Рис. 46Примерное распределение четырех основных типов спитое ни диаграмме «дизайн–содержание». Обратите внимание, что по горизонтали и вертикали отложена сложность, а никак не качество дизайна и содержания соответственно. В противном случае пришлось бы поменять мести–ми 1 и 2 по горизонтали, а 2 и 3 — по вертикали
Их авторам можно лишь посоветовать проникнуться строгой красотой академического стиля (стр. «150) и по возможности пользоваться им одним. Это не только избавит их от (вполне возможно, совсем не вызывающих у них восторга) мук творчества, но и сделает более ясной (для самих авторов в первую голову) структуру подаваемого материала, его внутреннюю логику, а следовательно — и его объективную ценность. Я прекрасно понимаю, насколько дико прозвучит этот совет для тех, кто искренне считает изобилие шикарной графики и рекламно–никчемных образцов новейших технологий главным признаком достойных уважения страниц. Собственно говоря, вы можете с чистой совестью пропустить мимо ушей мое ворчание — тот факт, что вы настолько интересуетесь дизайном, что дочитали книгу до этой точки, уже гарантирует, что сами вы не принадлежите к этой категории.
Особенная, легко узнаваемая манера оформления и подачи материала, свойственная большинству личных страниц, — прямое следствие тех мотивов, которыми, сознательно или бессознательно, руководствуются их создатели. Тщеславному желанию заявить о себе можно давать волю, только если вам действительно есть что сказать или показать миру. Иначе личная страница становится похожей на худшую разновидность страниц коммерческих — на рекламные страницы фирм, которым нечего рекламировать (боюсь, спам уже успел приучить нас к этому кажущемуся парадоксу).
В мире. org Не столь многочисленная, но куда более интересная разновидность веб–сайтов — сайты некоммерческие, принадлежащие всевозможным добровольным объединениям, временным проектам, международным или благотворительным организациям. К этой же категории можно отнести и многочисленные страницы учебных заведений, университетов и научных центров, официальные сайты некоммерческих программных проектов (например,www.lynx.browser.org), а также организаций вроде ISO (www.iso.ch) или Консорциума W3 (www.w3.org).
Эти сайты уже не производят такого обескураживающего впечатления, как личные страницы, и это понятно — сайт, не приносящий материальной выгоды и не тешащий чьего–то персонального самолюбия, никто не станет создавать без действительной необходимости. А самое главное — никто не будет пытаться сделать для такого сайта сногсшибательный дизайн, если это не очень–то нужно и если автор сам знает, что особых способностей к оформительству у него нет.
Конечно, грань между личными и некоммерческими сайтами довольно условна. Стоит автору чем–нибудь серьезно увлечься и захотеть увлечь этим своих посетителей, как страница его приобретает явственные черты некоммерческого или даже контент–сайта. Есть верный признак, позволяющий легко отличить такие сайты от сайтов коммерческого толка: каждая страница некоммерческого сайта знает, что она хочет сказать своим читателям, и знает, зачем им это нужно. Результатом этого является логичное и последовательное оформление, часто — сознательное использование академического стиля (который и получил свое название по этому типу сайтов) и, в целом, почти полное отсутствие желания пустить пыль в глаза.