Беспристрастные рассуждения - первый шаг к резиновым сайтам
Уже много лет среди веб-дизайнеров и сочувствующих не утихают споры насчет того, должен ли дизайн сайта подстраиваться под ширину окна браузера или нет. Все чаще в своей практике я натыкаюсь именно на утверждение о том, что дизайн должен быть фиксированным. Я с этим не согласен и пройти мимо просто не могу.
Одно из самых распространенных и одновременно ничем не подкрепленных высказываний выглядит следующим образом: «Большинство западных сайтов сделаны именно так и это правильно.» Есть множество причин, действительно оправдывающих такой подход. Но, как ни странно, основная причина, по которой на западе сплошь и рядом фиксированная верстка, кроется в их неумении верстать «резиново». Из шести западных книг о веб-дизайне в пяти будет написано, что сделать тянущийся сайт - это технически невыполнимая задача. На самом же деле такая задача выполнима, только придется потрудиться. Как дизайнеру, так и верстальщику.
Создавать сайты фиксированной ширины - значит идти по пути наименьшего сопротивления. Так на западе, похоже, когда-то повелось и в этом нет ничего плохого, я считаю. Однако, «резиновые» сайты, на мой взгляд, в большинстве случаев все же выигрывают у фиксированных.
Основная причина проста и известна всем, даже начинающим. Резиновый сайт занимает всю площадь окна браузера и пользователь в состоянии сам выбирать, при какой ширине ему удобно смотреть сайт, а при какой нет. Сайт фиксированной ширины как бы говорит нам: «Меня не волнует, что у тебя окно браузера 1280 пикселей в ширину. Вот тебе 800, ешь, что дают.» (800, а не 1000, из-за вездесущих нетбуков). Делая сайт фиксированной ширины, мы совершаем серьезную ошибку. А именно, идем на поводу у людей, которые разворачивают браузер во все 1680 пикселей ширины экрана, заботимся о них. Ведь мы не хотим, чтобы живому человеку пришлось читать строки текста длиной в полторы тысячи пикселей, это же не удобно. Забота о пользователях - это святая обязанность любого дизайнера и веб-мастера. Но нельзя, заботясь об одних, лишать выбора других. Надо проявлять заботу о пользователях, давая им возможность выбрать. Я хочу смотреть на большинство сайтов при ширине экрана в 1280 пикселей и очень не хочу, чтобы кто-нибудь запрещал мне это.
Кстати, насчет строк длиной в полторы тысячи пикселей. Я очень часто наталкиваюсь на фразы вроде этой: «В газетах используется колоночная верстка, потому что есть предельная длина строки, которую может воспринимать читатель. Если растянуть текстовую строку на 2000 пикселей, читать такую страницу будет невозможно». Это типичное утверждение из брошюр с названиями вроде «Юзабилити для чайников» или «101 совет, как сделать свой сайт удобным». И это утверждение... верно. Почти. В нем много правды, но еще больше заблуждений. Во-первых, надо различать форматы. Размер газеты у всех в руках одинаковый и его физически нельзя подстроить под себя, газета бумажная. Окно браузера, как известно, не бумажное и у всех различается. Обладатели больших экранов просто делают окно побольше и попросторнее, а владельцы нетбуков вынуждены довольствоваться жалким полумилионом пикселей. Во-вторых, не существует предельной длины строки, которую может воспринимать читатель. Проверьте сами - почитайте любую запись в ЖЖ. Уверен, вас нигде не замкнет, вы, как и все, прочитаете весь текст от начала и до конца. Правда в том, что чем длиннее строка, тем сложнее читать текст. Здесь-то и кроется задача для дизайнера: сделать так, чтобы при ширине окна от 800 до, предположим, 1300 пикселей строка не становилась экстремально длинной. Одно из решений задачи - верстка в несколько колонок.
Еще многие утверждают, будто сайты обязаны баннерам. Разумеется, говорят они об этом не так, а примерно следующим образом: «Веб-сайт - это инструмент продаж и надо выгодно позиционировать его рекламные площади» (по мнению многих менеждеров, подобная фраза должна вызывать у заказчика приступ безоговорочной уверенности в профессионализме исполнителя). Говоря проще, сайт не может быть тянущимся, потому что некоторые его элементы (баннеры) обладают фиксированной шириной. Это заблуждение соседствует с заблуждением о том, что нельзя сделать хороший баннер, ширина которого может динамически изменяться. В большинстве случаев можно, надо лишь задаться такой целью. Проблема в том, что большинство рекламодателей, присылающих вам баннеры для размещения, такой целью задаваться не станет. Но и тут, в зависимости от ситуации, есть множество решений. Возьмем стандартный размер 240х400. Во-первых, мы можем просто выравнять баннер по левому краю или отцентровать в тянущейся колонке, во-вторых, никто не мешает нам сделать одну из колонок шириной в 240 пикселей и не тянуть ее вовсе.
Многие, похоже просто не подумав, зачисляют в плюсы фиксированной верстки фиксированное же расположение элементов на странице. Мол, поиск как был в 100 пикселях от последнего пункта меню, так там и остался. Здесь достаточно сказать, что размер окна браузера вы, скорее всего, меняете один раз - при первом запуске. Поэтому для вас поиск всегда будет находиться в 100 пикселях от меню, для кого-то другого в 120, для кого-то третьего в 50, но для всех по отдельности - на одном и том же месте. И если уж об этом заговорили, то я почти уверен, что люди ориентируются на странице не по расстоянию в пикселях, а по якорям. Якорем может быть заметный элемент, угол окна браузера, все что угодно. Зайдя в первый раз на сайт, вы запомнили, что поиск находится в правом верхнем углу, а не в ста пикселях от последнего пункта меню.
Можно перечислить еще множество доводов в пользу «резиновых» сайтов, но я не вижу в этом особого смысла. Просто всем надо запомнить по правилу. Пользователям, что растягивать браузер во весь экран не нужно (разумеется, это относится к большим экранам, если у вас 11" ноутбук, тяните смело :-), а веб-мастерам и дизайнерам, что размер окна браузера у всех разный, а сайт везде должен смотреться одинаково хорошо.
И отдельным абзацем еще вот что. Многие считают, будто сайты надо «тянуть», потому что так велел Артемий Лебедев, а многие, что даже забавно, по той же самой причине абсолютно уверены в обратном. В разных формулировках в интернете можно встретить одну и ту же фразу: «Есть набор глупостей, в которые в России принято свято верить, потому что так думает „сам” А. Лебедев...». Вместо имени известного дизайнера, в конец предложения можно вставить имя любого авторитетного специалиста в любой из областей. После этого сразу станет понятно, что проблема кроется в стремлении людей воспринимать авторитетное мнение, как нечто непоколебимое. Это, опять же, путь наименьшего сопротивления. Так вот: мне почему-то кажется, что сайты надо делать тянущимися не потому, что кто-то так сказал, а потому что это удобно.
Одно из самых распространенных и одновременно ничем не подкрепленных высказываний выглядит следующим образом: «Большинство западных сайтов сделаны именно так и это правильно.» Есть множество причин, действительно оправдывающих такой подход. Но, как ни странно, основная причина, по которой на западе сплошь и рядом фиксированная верстка, кроется в их неумении верстать «резиново». Из шести западных книг о веб-дизайне в пяти будет написано, что сделать тянущийся сайт - это технически невыполнимая задача. На самом же деле такая задача выполнима, только придется потрудиться. Как дизайнеру, так и верстальщику.
Создавать сайты фиксированной ширины - значит идти по пути наименьшего сопротивления. Так на западе, похоже, когда-то повелось и в этом нет ничего плохого, я считаю. Однако, «резиновые» сайты, на мой взгляд, в большинстве случаев все же выигрывают у фиксированных.
Основная причина проста и известна всем, даже начинающим. Резиновый сайт занимает всю площадь окна браузера и пользователь в состоянии сам выбирать, при какой ширине ему удобно смотреть сайт, а при какой нет. Сайт фиксированной ширины как бы говорит нам: «Меня не волнует, что у тебя окно браузера 1280 пикселей в ширину. Вот тебе 800, ешь, что дают.» (800, а не 1000, из-за вездесущих нетбуков). Делая сайт фиксированной ширины, мы совершаем серьезную ошибку. А именно, идем на поводу у людей, которые разворачивают браузер во все 1680 пикселей ширины экрана, заботимся о них. Ведь мы не хотим, чтобы живому человеку пришлось читать строки текста длиной в полторы тысячи пикселей, это же не удобно. Забота о пользователях - это святая обязанность любого дизайнера и веб-мастера. Но нельзя, заботясь об одних, лишать выбора других. Надо проявлять заботу о пользователях, давая им возможность выбрать. Я хочу смотреть на большинство сайтов при ширине экрана в 1280 пикселей и очень не хочу, чтобы кто-нибудь запрещал мне это.
Кстати, насчет строк длиной в полторы тысячи пикселей. Я очень часто наталкиваюсь на фразы вроде этой: «В газетах используется колоночная верстка, потому что есть предельная длина строки, которую может воспринимать читатель. Если растянуть текстовую строку на 2000 пикселей, читать такую страницу будет невозможно». Это типичное утверждение из брошюр с названиями вроде «Юзабилити для чайников» или «101 совет, как сделать свой сайт удобным». И это утверждение... верно. Почти. В нем много правды, но еще больше заблуждений. Во-первых, надо различать форматы. Размер газеты у всех в руках одинаковый и его физически нельзя подстроить под себя, газета бумажная. Окно браузера, как известно, не бумажное и у всех различается. Обладатели больших экранов просто делают окно побольше и попросторнее, а владельцы нетбуков вынуждены довольствоваться жалким полумилионом пикселей. Во-вторых, не существует предельной длины строки, которую может воспринимать читатель. Проверьте сами - почитайте любую запись в ЖЖ. Уверен, вас нигде не замкнет, вы, как и все, прочитаете весь текст от начала и до конца. Правда в том, что чем длиннее строка, тем сложнее читать текст. Здесь-то и кроется задача для дизайнера: сделать так, чтобы при ширине окна от 800 до, предположим, 1300 пикселей строка не становилась экстремально длинной. Одно из решений задачи - верстка в несколько колонок.
Еще многие утверждают, будто сайты обязаны баннерам. Разумеется, говорят они об этом не так, а примерно следующим образом: «Веб-сайт - это инструмент продаж и надо выгодно позиционировать его рекламные площади» (по мнению многих менеждеров, подобная фраза должна вызывать у заказчика приступ безоговорочной уверенности в профессионализме исполнителя). Говоря проще, сайт не может быть тянущимся, потому что некоторые его элементы (баннеры) обладают фиксированной шириной. Это заблуждение соседствует с заблуждением о том, что нельзя сделать хороший баннер, ширина которого может динамически изменяться. В большинстве случаев можно, надо лишь задаться такой целью. Проблема в том, что большинство рекламодателей, присылающих вам баннеры для размещения, такой целью задаваться не станет. Но и тут, в зависимости от ситуации, есть множество решений. Возьмем стандартный размер 240х400. Во-первых, мы можем просто выравнять баннер по левому краю или отцентровать в тянущейся колонке, во-вторых, никто не мешает нам сделать одну из колонок шириной в 240 пикселей и не тянуть ее вовсе.
Многие, похоже просто не подумав, зачисляют в плюсы фиксированной верстки фиксированное же расположение элементов на странице. Мол, поиск как был в 100 пикселях от последнего пункта меню, так там и остался. Здесь достаточно сказать, что размер окна браузера вы, скорее всего, меняете один раз - при первом запуске. Поэтому для вас поиск всегда будет находиться в 100 пикселях от меню, для кого-то другого в 120, для кого-то третьего в 50, но для всех по отдельности - на одном и том же месте. И если уж об этом заговорили, то я почти уверен, что люди ориентируются на странице не по расстоянию в пикселях, а по якорям. Якорем может быть заметный элемент, угол окна браузера, все что угодно. Зайдя в первый раз на сайт, вы запомнили, что поиск находится в правом верхнем углу, а не в ста пикселях от последнего пункта меню.
Можно перечислить еще множество доводов в пользу «резиновых» сайтов, но я не вижу в этом особого смысла. Просто всем надо запомнить по правилу. Пользователям, что растягивать браузер во весь экран не нужно (разумеется, это относится к большим экранам, если у вас 11" ноутбук, тяните смело :-), а веб-мастерам и дизайнерам, что размер окна браузера у всех разный, а сайт везде должен смотреться одинаково хорошо.
И отдельным абзацем еще вот что. Многие считают, будто сайты надо «тянуть», потому что так велел Артемий Лебедев, а многие, что даже забавно, по той же самой причине абсолютно уверены в обратном. В разных формулировках в интернете можно встретить одну и ту же фразу: «Есть набор глупостей, в которые в России принято свято верить, потому что так думает „сам” А. Лебедев...». Вместо имени известного дизайнера, в конец предложения можно вставить имя любого авторитетного специалиста в любой из областей. После этого сразу станет понятно, что проблема кроется в стремлении людей воспринимать авторитетное мнение, как нечто непоколебимое. Это, опять же, путь наименьшего сопротивления. Так вот: мне почему-то кажется, что сайты надо делать тянущимися не потому, что кто-то так сказал, а потому что это удобно.