|
|||||||||||||
*** |
Долго ли тянуться резине?Автор: Ольга Кобякова Очень часто клиенты, заказывая дизайн сайта, требуют, чтобы сайт был масштабируемым, не особенно задумываясь, зачем им это нужно. Любой web-мастер знает, что технически выполнить это ненамного сложнее, чем сделать сайт с неизменяемыми размерами. Я предлагаю разобраться с эстетической и эргономической сторонами вопроса. Что же все-таки движет заказчиками — удобство в использовании или просто дань моде? Хотелось бы заметить, что мода на «резиновые» сайты (к слову, термин «резиновый» означает, что если окно браузера раскрыть на весь экран, то и страница растягивается во всю ширину, внутреннее наполнение при этом масштабируется; статический же сайт сохраняет заданные размеры) возникла в те времена, когда мониторы были маленькие, и владелец 15" мог, развернув сайт на весь экран, свысока поглядывать на своих коллег, работающих за мониторами похуже. Тогда это было действительно нужно. Просматривать сайт шириной меньше 20 см. не очень-то удобно. Растягивание сайта иногда позволяло, вдобавок, избавиться от вертикального скроллинга. У владельцев маленьких мониторов просто вошло в привычку раскрывать окно браузера на весь экран. Теперь же все чаще можно видеть в офисах 17- и 19-дюймовые мониторы. И не только у дизайнеров и менеджеров. Интересно наблюдать, как владельцы нового большого монитора первое время раскрывают сайт на весь экран, но уже через несколько дней оставляют эту привычку. В чем причина? Вряд ли в эстетике, далеко не все на нее обращают внимание. Хотя надо отметить, что грамотно сделанный сайт имеет законченный, уравновешенный и продуманный вид. В нем просматриваются вертикали. Все его элементы (картинки, блоки текста, формы, кнопки и пр.) скомпонованы и взаимосвязаны. В таком сайте нет перекосов (когда с одной стороны сгруппированы, например, картинки и текст, а с другой пусто). Нет и необоснованных пустот, не несущих никакой визуальной нагрузки. А ведь при растягивании «картинка» сайта зачастую просто распадается на кусочки, теряется всякая связь элементов. Невозможно сохранить устойчивость содержания при изменении формы и размера.
Часто заказчики просят именно для наполненных большим количеством информации сайтов делать растягиваемый дизайн. Но дело в том, что сайты, имеющие сложную структуру, содержат в себе множество страниц, как наполненных текстом, так и пустых, а часто еще ряд страничек с формами для заполнения. Во что превращаются такие страницы, можно увидеть на Рис. 2. Непросто расположить на большом поле узкую форму таким образом, чтобы она красиво смотрелась. В подобных сайтах вообще трудно избежать пустых страниц, таких как, например, «Контакты», или содержащих форму всего с парой окошек для ввода текста. Вот и появляются ненужные картинки и бестолковые подсказки, не несущие никакой полезной информации и добавленные с единственной целью — заполнить пустоты. А вот на Рис. 3 — пример «жесткого» центрированного дизайна сайта. Пропорции соблюдены. Все очень просто, красиво и удобно. Но самое главное, такой сайт намного комфортнее для чтения. Разве удобно все время перебрасывать взгляд с левого края экрана на правый? А если монитор 21- или 22-дюймовый? Обратите внимание, что сайт http://www.lib.ru/, содержащий преимущественно большие объемы текста, не растягивается по ширине. Попробуйте провести нехитрый эксперимент. Скопируйте с того же lib.ru несколько страниц какого-нибудь произведения в Notepad, раскройте окно на всю ширину экрана и попробуйте почитать. Для этого придется все время вертеть головой вдоль экрана. Особенно это касается людей с недостатками зрения. Но даже если вы в состоянии охватить всю ширину экрана взглядом, так или иначе глазу, перемещающемуся вдоль длинных строк, приходится значительно сильнее напрягаться, чтобы не потерять строку, чем при чтении коротких. Так может, web-дизайнеру стоит задуматься о том, почему, например, типография не размещает текст в газете или жюрнале во всю ширину полосы, а разбивает на столбцы? А газету, в отличие от монитора, намного легче расположить перед глазами так, чтобы было удобно для чтения. Думаю, «резиновые» сайты еще продержатся недолго, пока не пройдет период повального перехода на жидкокристаллические мониторы. Матрицы — пока довольно дорогое удовольствие, и не все могут купить сразу что-то большее, чем 15-17". А дальше проблема станет очевидной. Альтернатива — все тот же жесткий дизайн. Возможно, текст, разбитый на колонки — почему бы не позаимствовать лучшие традиции у той же газеты? Особенно это удобно для коротких текстовых блоков — например, новостей, анекдотов или рецептов (Рис. 4). Суть в том, что весь текст разбит на независимые по смыслу кусочки, отвечающие, однако, общей теме страницы. Размещение их в 2—3 столбца улучшит восприятие. Да и для масштабируемого сайта наличие 3-х центральных полос и 1 — 2-х боковых, содержащих меню и вспомогательную информацию, улучшит удобство чтения. При раскрытии такого сайта на весь экран ширина полосы останется удобной для глаза. Разумеется, сейчас речь идет уже о больших мониторах, хотя иногда даже сайт шириной около 30 см., разбитый на 5—6 колонок, смотрится очень интересно. Возможно, с увеличением размеров мониторов придется увеличивать количество колонок «резинового» сайта. Хотя в таком случае монитор метровой ширины придется комплектовать каким-нибудь роликовым устройством — чтобы двигать экран перед глазами, а не танцевать вдоль него :-). Удачи!
Источник: http://www.mycomp.com.ua/
| |||||||||||||||||||||||
| |||||||||||||||||||||||
Copyright © Internet
Zone, info@izcity.com Условия использования материалов смотрите здесь. |