АРХИВ СТАТЕЙ ЖУРНАЛА «МОЙ КОМПЬЮТЕР» ЗА 2003 ГОД

Долго ли тянуться резине?

• Все журналы \ Номер 15/238 `2003 от 14.04.2003 \ Долго ли тянуться резине?

Ольга КОБЯКОВА. byaka@homesoftid.com

Очень часто клиенты, заказывая дизайн сайта, требуют, чтобы сайт был масштабируемым, не особенно задумываясь, зачем им это нужно. Любой web-мастер знает, что технически выполнить это ненамного сложнее, чем сделать сайт с неизменяемыми размерами. Я предлагаю разобраться с эстетической и эргономической сторонами вопроса. Что же все-таки движет заказчиками — удобство в использовании или просто дань моде?

Хотелось бы заметить, что мода на «резиновые» сайты (к слову, термин «резиновый» означает, что если окно браузера раскрыть на весь экран, то и страница растягивается во всю ширину, внутреннее наполнение при этом масштабируется; статический же сайт сохраняет заданные размеры) возникла в те времена, когда мониторы были маленькие, и владелец 15" мог, развернув сайт на весь экран, свысока поглядывать на своих коллег, работающих за мониторами похуже. Тогда это было действительно нужно. Просматривать сайт шириной меньше 20 см. не очень-то удобно. Растягивание сайта иногда позволяло, вдобавок, избавиться от вертикального скроллинга. У владельцев маленьких мониторов просто вошло в привычку раскрывать окно браузера на весь экран.

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

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

Вот примеры, подобранные мною из предложенных Google вариантов на первое пришедшее в голову слово «молоко». Что проку от масштабируемости сайта на Рис. 1? Пустота посередине и полезная информация по бокам. Выискивая нужное, придется крутить головой, просматривая тексты в разных углах экрана. Кстати, заметьте, что вертикального скроллинга избежать не удалось даже на этой полупустой страничке.

Часто заказчики просят именно для наполненных большим количеством информации сайтов делать растягиваемый дизайн. Но дело в том, что сайты, имеющие сложную структуру, содержат в себе множество страниц, как наполненных текстом, так и пустых, а часто еще ряд страничек с формами для заполнения. Во что превращаются такие страницы, можно увидеть на Рис. 2. Непросто расположить на большом поле узкую форму таким образом, чтобы она красиво смотрелась. В подобных сайтах вообще трудно избежать пустых страниц, таких как, например, «Контакты», или содержащих форму всего с парой окошек для ввода текста. Вот и появляются ненужные картинки и бестолковые подсказки, не несущие никакой полезной информации и добавленные с единственной целью — заполнить пустоты.

А вот на Рис. 3 — пример «жесткого» центрированного дизайна сайта. Пропорции соблюдены. Все очень просто, красиво и удобно. Но самое главное, такой сайт намного комфортнее для чтения. Разве удобно все время перебрасывать взгляд с левого края экрана на правый? А если монитор 21- или 22-дюймовый? Обратите внимание, что сайт http://www.lib.ru, содержащий преимущественно большие объемы текста, не растягивается по ширине. Попробуйте провести нехитрый эксперимент. Скопируйте с того же lib.ru несколько страниц какого-нибудь произведения в Notepad, раскройте окно на всю ширину экрана и попробуйте почитать. Для этого придется все время вертеть головой вдоль экрана. Особенно это касается людей с недостатками зрения.

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

Думаю, «резиновые» сайты еще продержатся недолго, пока не пройдет период повального перехода на жидкокристаллические мониторы. Матрицы — пока довольно дорогое удовольствие, и не все могут купить сразу что-то большее, чем 15-17". А дальше проблема станет очевидной.

Альтернатива — все тот же жесткий дизайн. Возможно, текст, разбитый на колонки — почему бы не позаимствовать лучшие традиции у той же газеты? Особенно это удобно для коротких текстовых блоков — например, новостей, анекдотов или рецептов (Рис. 4). Суть в том, что весь текст разбит на независимые по смыслу кусочки, отвечающие, однако, общей теме страницы. Размещение их в 2—3 столбца улучшит восприятие. Да и для масштабируемого сайта наличие 3-х центральных полос и 1 — 2-х боковых, содержащих меню и вспомогательную информацию, улучшит удобство чтения. При раскрытии такого сайта на весь экран ширина полосы останется удобной для глаза. Разумеется, сейчас речь идет уже о больших мониторах, хотя иногда даже сайт шириной около 30 см., разбитый на 5—6 колонок, смотрится очень интересно. Возможно, с увеличением размеров мониторов придется увеличивать количество колонок «резинового» сайта. Хотя в таком случае монитор метровой ширины придется комплектовать каким-нибудь роликовым устройством — чтобы двигать экран перед глазами, а не танцевать вдоль него :-).

Удачи!

Идёт загрузка...

Данную страницу никто не комментировал. Вы можете стать первым.

Ваше имя:
Ваша почта:
Комментарий:
Введите символы или вычислите пример: * Обновить