Веб-дизайн - вопросы форматирования страниц сайта

Давайте уточним понятия.

«Резиновым» веб-дизайн называется тогда, когда страница раскрывается на весь экран по ширине независимо от установленного разрешения монитора (пример - веб-сайт компании «Финевротур»). То есть, например, на разрешениях 800*600 и 1600*1200 веб-страница будет «распахнута» на всю ширину экрана.

«Фиксированный» веб-дизайн - когда ширина страницы устанавливается жестко в пикселах и не зависит от разрешения монитора (пример - веб-сайт магазина «Инструменты BOSCH в Москве»). Как правило, сейчас при разработке фиксированного веб-дизайна ориентируются на разрешение монитора 800 на 600 пикселов - весьма распространенного. То есть на таком разрешении монитора страница занимает весь экран, а на мониторах с большим разрешением - только часть экрана.

Возникает закономерный вопрос - в каких случаях какой вид веб-дизайна следует использовать?

Раньше модным было использование «фиксированного» веб-дизайна. И это не удивительно. Только такое построение веб-страницы дает дизайнеру возможность разместить материал так, как он считает нужным. И то, конечно, далеко не со 100%-ной уверенностью. В различных браузерах веб-сайт все равно выглядит по-разному.

Сейчас же мода качнулась в сторону «резинового» веб-дизайна. И это тоже понятно. Слишком дорого место на веб-странице, чтобы оставлять его пустым, ничем не заполняя.

Так как же правильно?

Истина, как всегда, посередине:

- если информационное наполнение веб-страниц достаточно богато;
- если содержание (информация) очевидно главнее, чем ее отображение на веб-сайте -
следует использовать «резиновый» веб-дизайн. Как правило, такой вид веб-дизайна практикуется на информационных порталах, новостных и подобных им веб-сайтах.

Если же:

- объем информации на каждой странице веб-сайта ограничен;
- очень важно, чтобы посетитель видел информацию именно так, как задумал это веб-дизайнер -
следует использовать «фиксированный» веб-дизайн. Как правило, на основе «фиксированного» веб-дизайна строятся сайты-каталоги. И действительно, представьте себе, что небольшой текст и иллюстрация «размазаны» по всему экрану. Зрелище может быть очень впечатляющим - и совсем не в пользу компании. С другой стороны, большой текст, вытянутый узкой вертикальной лентой, раздражает посетителя, который не может понять, почему этот текст не сделали раскрывающимся на весь экран.

Комбинированные варианты (когда часть страниц - «фиксированный» веб-дизайн, а другая часть - «резиновай») пока не очень распространены. Проблема заключается в том, что если сайт имеет на разных страницах различный тип веб-дизайна, восприятие такого сайта очень затрудняется. Тем не менее, на некоторых веб-сайтах уже встречаются подобные комбинации.

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

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

Устоявшегося или преобладающего мнения здесь нет - это вопрос вкуса. Вкуса веб-дизайнера и вкуса заказчика. Выровненная по центру страница выглядит более традиционно. Можно даже сказать, классически (пример - веб-сайт компании «Систематом»). Несимметричность же страницы, получающаяся в результате ее смещения в левую часть, придает веб-сайту оригинальность и необычность (пример - веб-сайт компании «Премакса»). Но решение этого вопроса всегда индивидуально. В своей практике мы используем разные виды веб-дизайна, исходя из конкретных особенностей веб-сайта, предпочтений заказчика и своего видения ситуации.

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

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

Но мода меняется. Ведь еще совсем недавно фиксирование страницы по ширине было наиболее употребительным приемом. При этом ориентировались на разрешение экрана 640*480, а не 600*800, как сейчас. Считалось, что оформление является самым главным в сайте. Поэтому вопросам оформления подчинялся весь процесс создания сайта. Размещение сайта по центру экрана было также стандартом де-факто. Все крупные информационные сайты были построены по этому принципу. Да и сейчас многие из них так и остались – фиксированный по ширине сайт, содержание, выровненное по центру.

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

Таким образом, представления о том, что такое хороший веб-сайт, постоянно изменяются. Проводятся новые исследования поведения посетителей веб-сайта, анализируются их предпочтения, привычки. Целые лаборатории крупных компаний работают в этой области. Естественно, результаты этих исследований немедленно используются профессиональными веб-студиями при разработках сайтов для своих клиентов.

Да и сами привычки Интернет-пользователей меняются. Люди все чаще работают в Интернете - эта среда становится для них более дружелюбной, комфортной, удобной. И, естественно, информационно насыщенной – спрос на информацию рождает предложение этой информации. Формируются новые стандарты оформления веб-сайтов и размещения на них информации. Появляются целые научно-практические направления – например, «Информационная архитектура сайта». Поэтому то, что сегодня кажется правильным, неизбежно потребует переделок в будущем. Но для Интернета, как наиболее динамично развивающейся среды, это неизбежный процесс.

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