Резиновые сайты
Создано Евгений Злобин в октября 12, 2008
Делать резиновые сайты или статику – вот в чем вопрос.
Резиновый – нет
Если сайт выглядит как картинка и в дизайне всё строго на своих местах, элементы закреплены на жестких позициях, то в этом случае резиновая верстка может погубить всю красоту и изящность. Все элементы разъедутся, текст станет абсолютно нечитабельным. Все пропорции будут нарушены. Дизайнер будет крыть вас благим матом за то, что вы испортили весь сайт. Из оправданий только: «заказчик захотел резиновый сайт». Спорить с заказчиком – дело неблагодарное.
Возьмем, к примеру, газету. Представьте какой был бы ужас, если бы текст в газете был на всю ширину. Ведь не зря в газете всё делится на несколько колонок. Иначе читать было бы утомительно для глаз, да и попросту неудобно.
Помимо всего прочего растровая графика, в отличии от векторной, всегда имеет фиксированные размеры. И растягиванию без изменения в качестве не подлежит.
Резиновый – да
Самизнаетекто, в одном из своих видео рассказывал о том, что все сайты в его студии делаются с резиновой версткой, т.е. подразумевающей под собой растягивание по всей ширине экрана. Все остальные сайты он называет «скриншотами«. Да, у Тёмы сайты очень легкие, воздушные, им необходим простор. Но возьмем, к примеру, работы студии Пирогова. У них получаются сайты насыщенные графикой и резиновость большинству из них только навредит. Но и скриншотами язык не поворачивается их назвать.
Выводы
Мне кажется резиновость, в основном, подходит только для информационных сайтов (новостные порталы, форумы), где графика в дизайне используется по минимуму. А вот применять резиновую верстку или нет – нужно решать по обстоятельствам. Если при «резине» всё выглядит гармонично и эстетически верно, то так и оставить.
Постовой
Компания «Пневмотехника» предлагает различные компрессоры и компрессорное оборудование. Вам нужны компрессоры? Тогда мы идем к вам )
Может быть Вам это интересно?
- похожие записи не найдены
© "Паутина фриланса".
Тэги: Верстка, создание сайтов
У меня первый дизайн блога был «резиновый». второй – нет! При этом второй смотриться явно лучше (да и мне нравится больше, иначе не сменил бы). А вообще – все зависит от потребностей владельца ресурса.
Делал я как-то сайтик… у меня 19 дюймов моник, на нём и больше – всё чудесно… но однажды я пересел за компьютер с 15-дюймовым монитором и решил взглянуть на детище… сказать, что было ужасно – ничего не сказать…
Все зависит от функциональности сайта, и целей которые он преследует.
Взять к примеру сайты на платформе CMS DLE, я задумался переделать свой шаблон , он у мну не резиновый… Хорошо хоть прежде чем переделывать хватило ума перекючится на стандартный резиновый шаб и посмотреть. Сказать, что было убого ничего не сказать… Крайне неудобно читать текст на широкоформатном монике, напрягаютс глаза. Хоть «Самизнаете» кто и гуру но я тут с ним не соглашусь, не для всех сайтов подходит резиновый дизайн…
Естественно, резиновость сайта задумывается на стадии создания дизайна, а не на стадии верстки.
Поэтому ситуация, когда дизайнер делает фиксированный сайт, а его верстают резиной — из разряда клинических случаев.
Аргумент о широкоформатных мониторах — не аргумент. Для того тебе и дают широкий формат, чтобы ты не тянул браузер на всю ширину, а мог поставить два окна браузера, или, скажем, браузер, медиаплеер и мессенджер.
Более 1280 тянуть браузер вообще смысла нет. 1440 — уже перебор, а на 1920 любой сайт будет выглядеть нелепо. Я уж не говорю про 2560.
Пример с сайтами студии Пирогова имеет место быть, но это дело каждого. Я не люблю сайты-картинки, в большинстве случаев это рисование ради рисования. А сайт — это в первую очередь функционал. А функция сайта в большинстве случаев — предоставлять информацию.
Андрей, безусловно основное предназначение сайтов – предоставлять информацию. Но не стоит забывать о сайтах-визитках, где очень важно создать красочный и привлекательный дизайн.
По всей видимости, речь идет о промо-сайтах, этаких цирковых шатрах, привлекающих зрителя яркостью и необычностью. Согласен, такие штуки как правило насыщены графикой.
Но, кстати, и такие сайты можно делать резиновыми, если постараться.
личное дело владельцев сайта каким они хотят его видеть
Я – за резиновые дизайны. Если сайт не резиновый, то он должен обязательно влазить на 1024х768. А на мониторе 1600х1200 он будет смотреться слишком сиротливо, огромная часть экрана будет пустовать. Так что резина, резина и еще раз резина!
а я резиновые больше уважаю… вот только не даются они мне (( а css подучить все руки не доходят )
Резиновая верстка в 70% нарушает первичный дизайн.
Когда дизайнер создает макет в фотошопе, она строго указывает шириину, чаще всего дизайнеры работаютс шириной 1000 пикселей.
Все элементы разложены по полочкам для этой ширины. Куда не шло если оон будет потом по ширине растягиваться до 1280, это еще нормально… Но если у человека широкоформатник? С разрешением 1140х900 или еще больше… Он увидит ужасную картину…
Я сам довольно неплохо владею версткой, валидный код, только блочная верстка, и если клиент начинает настаивать на резиновой ширине, то я в 90% случаях отказываюсь выполнять, а потом через несколько дней они же стучаться и просят отверстать статику.
Александр, разработка сайта под резиновую верстку сложнее, никто с этим не спорит. Но сайт — это все-таки не картинка, это скорее приложение, которое скачивается через интернет и рендерится браузером.
А для приложения нормально уметь растягиваться на весь экран. С другой стороны — это далеко не всегда нужно.
Откройте, например, окошко мессенджера. Вы его разворачиваете на весь экран? Надо ли это вам?
У меня разрешение монитора 1920 по ширине, но браузер занимает 1000-1200 пикселей максимум.
Заказчик — далеко не всегда эталон рационализма и логики, и тот факт, что на его 30 дюймовом мониторе сайт разваливается при растягивании на весь экран — не показатель того, что резиновый сайт это плохо.
Кстати, дизайнер, делает макет сайта с шириной в 1000 пикселов не потому, что считает, что сайт не будет растягиваться, а потому, что фотошоп пока что не умеет делать динамические макеты и задавать отступы в процентах
Когда мода на «резину» пройдет всё встанет на свои места, и данная стратегия будет использоваться лишь в той мере, какая реально необходима.
Андрей, я очень часто встречаю дизайнеров, которые создают макеты шириной: 1200, 1400 и один раз видел 1600.
Но это были именно под резинки, где то у меня в архивах валяются подобные макеты.
Я думаю что мода на резинку очень скоро пройдет. В последнее время мне все реже и реже попадаются на верстку резиновые макеты.
Александр, я думаю, что нет никакой «моды», есть отношение каждого конкретного дизайнера к этой проблеме, и это личное отношение обусловлено какими-то собственными мотивами.
По сути «мода» может иметь место только в головах заказчиков, которые имеют право попросить сделать резину или фиксированный вариант.
По сути, у обоих вариантов есть и свои плюсы и свои минусы, но, скажем, лично мне ближе сайты без жестких конструкций.
Александр, последнее время все больше и больше сайтов делаются ограниченными по ширине. Недавно знакомые меняли дизайн у них был резиновый сайт и делать новый диз хотели резиновым, поа не увидели как их сайт смотрится на широкоформатном монике… В итоге был сделан сайт ограниченный по ширине 1024. У основной массы пользователей разрешение мониторов все таки 1024х768. Я правда сделал бы еще уже))))
Я сторонник всеобщей резиновости. Неризиновая верстка думаю подходит только для визиток и промо – сайтов.
Могу точно сказать что на широкоэкранных мониках резиновые сайты смотрятся намного хуже.
Могу точно сказать, что, если вы растягиваете на широкоэкранном монике браузер на всю ширину, то вы зря купили широкоэкранный моник.
Андрей, зря Вы так.
У меня широкоформатный монитор, но браузер я всегда разворачиваю на все сто, так как обычно открыто довольно больше кол-во вкладок, да и все таки привык уже к 100% ширине браузера…
та же фиксированная верстка 1000 пикселей смотрится изумительно при разрешении 1400х1050…
Сегодня верстал сайтег, фактически статика, резинкой верстанул шапку и футер, блок контента статичный… отверстал бы резиново, даже не представляю как смотрелся бы этот ужас…
Хороший резиновый сайт получится только в связке хороший дизайнер + хороший верстальщик, причем с привлечением верстальщика уже на этапе дизайна.
Сам делал несколько сайтов с резиновым дизайном, действительно довольно интересно, даже какой-то азарт просыпается.
Самая большая проблема, действительно – продумать такой принцип чтобы приемлемо смотрелось и при 800х600 и при 1600х1200, особенно учитывая огромный прорыв в диагонали современных мониторов.
Всё-таки резиновый рулит, просто его сложнее грамотно сделать, чтоб потом косяки не повылезали.
Веня Таганский, резиновый по всем параметрам сложнее, безусловно. Но бывает случается верстать такой дизайн, который ну никак не может быть резиновым. Как уже писали выше, особо убого такой сайт выглядит на 22» мониторах.
Столько споров, а про компромиссное решение все забыли. Существует же max-width, которое и поможет избежать дурацкого вида страницы на больших мониторах. Да, с поддержкой этого дела у актуальных браузеров не все в порядке, но решения проблемы есть.
Вячеслав, согласен, часто это оптимальное решение. Но с другой стороны — есть сайты, которые не смотрятся ущербно, хоть при ширине 1000, хоть 2000 пикселов. Думаю, к этому стоит стремиться
Самое замечательное это гармония сделаной работы. . . Когда глядишь и радуешься. . .
А вообще точно и прямо о «резине» сказать нельзя. . .Вы друзья не говорите категорично. . . Самое главное что-бы сделаный сайт нравился заказчику, а если самому не нравится то это не главное =)))))))))
Просто денег взять по больше надо и тогда какой он там, резиновый иль нет, большое значения играть нЕ буДеТ ! ! ! ! ! ! ! ! ! !
Сайты прототип презерватива)
В последнее время стараюсь делать именно «резину» везде и для всех. Да, сложно стало. Да разрешение экрана сильно разница от мизерных нетбуковских до «за 2000″ на огромных панелях под 30 дюймов. На больших мониторах, кстати, нерезиновый дизайн все-таки сиротливее смотрится занимая 20-30% ширины экрана
Основной рабочий диапазон от 1024 до 1920, на сегодняший день, должен быть охвачен.
Интересно сколько пользователей с разрешением меньше 1280 по горизонтали. И как долго они продержатся
Anton, если интересно, то почему бы статистику не посмотреть? К примеру, по данным bigmir – 35%
Я за резиновость сайтов, мне они намного больше нравятся со стороны дизайна. а фиксированные часто смотрятся глупо на вайдскринах.. А их сейчас очень много стало.
А может истина посередке? Может быть? Вот пара сообщений только было о комбинированных технологиях.
Всем понятно что резинить текст можно только в каких то пределах иначе за строчкой одной но длиииииииинннннннной замучается глазами бегать чел.
Можно же делать не чисто резиновый но и не чисто статику. Комби???
У кого какие мнения по этому?
Хоттабыч, думаю актуально применять и min-width, и max-width, чтобы не растягивалось больше нужной ширины и не терялась читабельность.
Резина не резина, если дизайн продуман он будет смотрется красиво, если конечно корявого верстальщика взять
щас у всех экраны большие резина фигня, а на пол экрана не смотрится тоже, короче кому как, хотя приходится делать когда заказчик требует
Соглашусь. Экраны у всех большие,а заказчик при виде растяжки просто воет. При наличии большого содержания картинок все ползет.