Вы не раз уже слышали выражение "резиновый шаблон, резиновая тема". Вот давайте сегодня об этом и поговорим.
Я предлагаю вам сегодня вспомнить тот день, когда вы публиковали свою первую статью на блоге. И все казалось таким красивым, необычным, уникальным. Но, все течет, все изменяется…
И вот, глядя на своих собратьев по цеху, вам уже начинает что-то не нравиться и появляется непонятный зуд в ладошках. И тут-то ваш блог и ждут большие изменения.
Хочется еще отметить, что на дизайн сайтов в интернете существует такая же мода, как и на все остальное. Раньше сайты старались делать яркими, со множеством крупных картинок. Да и мастерство блоггеров еще несколько лет назад, даже начинающих, было не на таком уровне, как сегодня. Сегодня даже новичок может сделать потрясающий по оформлению сайт.
Сейчас юзабилити развивается в двух направлениях: это или минимизация или скурпулезно разрисованный уникальный дизайн. Уверена, что блуждая в сети, вы и сами заметили эту тенденцию. Но перед тем, как задумываться о смене дизайна, нужно учесть один важный момент: формат вашего будущего сайта.
Статичный сайт (фиксированный).
Такой сайт разрабатывается под определенную ширину монитора, в основном используется 1024*768, как самая распространенная. Эти виды сайтов имеют жесткую разметку (структуру) расположения различных блоков.
Плюсы. Такие сайты очень легко создаются. И их можно легко обогатить различными дизайнерскими элементами.
Такие сайты одинаково смотрятся во всех операционных системах, их элементы не «разбегаются» в разные стороны.
Минусы. При использовании более широкого монитора по бокам появляются пустые поля, которые обычно либо заливаются цветом, либо заполняются «фоном». И вроде бы ничего страшного. А вот если окно браузера становиться меньше, то внизу появляется линия прокрутки. Т.е. для того, чтобы прочесть материал пользователю нужно постоянно двигать изображение по монитору. И это очень большой минус, т.к. сейчас все больше пользователей переходят на различные мобильные устройства.
Резиновые сайты
Это совершенно другой подход. Если в фиксированных сайтах все прописывается как правило, в пикселях, то в этом случае все размеры прописываются через % (% от ширины монитора).
Все содержимое сайта распределяется по всей его доступной ширине. Если ресурс просматривают на мониторе маленького размера, то основное поле с текстом сжимается, но при этом не теряется размер шрифта и читатель не испытывает неудобств.
Если вы будете подбирать себе темы с резиновым шаблоном, то обратите внимание на небольшой нюанс.
Есть резиновые темы, у которых сайдбары не отрываются от основного поля. Т.е. основное поле сжимается до определенного размера, не теряя читабельности и без появления прокрутки внизу. А вот в определенный момент все, «его терпение лопается», и сжимание прекращается. Далее он уже отображается как фиксированный. Причем часто сайдбар остается в полном размере, а вот поле с текстом начинает скрываться. И просмотреть его полностью уже можно только при помощи появляющегося внизу скролинга.
А есть темы, у который сайдбары «плавающие», например, как у меня в этой теме. Т.е. при сжимании изображения по ширине в определенный момент сайдбар «отрывается» от основного блока и спускается вниз, после основного текста. Кнопки меню так же очень шустро перестраиваются. Поэкспериментируйте.
Плюсы. Думаю, тут понятно. Сейчас число пользователей, использующие мобильные устройства, растет в геометрической прогрессии. Поэтому очень важно сохранить читабельность вашего ресурса.
Минусы. Тут могу возникнуть сложности с дизайном. Дело в том, что графические элементы фиксированного размера, а вот блоки, где вы их располагаете, меняются в зависимости от размеров экрана. Поэтому сайты с резиновой адаптивной версткой отличаются более лаконичным дизайном.
Так же еще может возникнуть проблема с отображением сайта в различных браузерах. И, открыв свой сайт, например, в IE вы можете увидеть не очень приятную картину. Для того, чтобы этого не произошло, нужно, чтобы в кодах сайта некоторые моменты были прописаны для каждого браузера отдельно.
Ну что ж. Что такое резиновый шаблон | сайт думаю теперь вам понятно. У обоих вариантов есть свои плюсы и минусы. Выбор за вами.
И еще один момент. Цветовая схема вашего сайта.
Я не буду здесь описывать диаграммы сочетаемых цветов и пр. Обычно я ими не пользуюсь. Дело в том, что глядя на эти кружочки, сложно представить как же они будут выглядеть на плоскости. К тому же у каждого цвета существует такое множество оттенков, что и передать сложно. Я предпочитаю сначала видеть картинку целиком, а потом уже «растаскивать» ее на коды цветов для оформления различных элементов.
Для подбора цветовой палитры я использую сайт INCOLORBALANCE. Там вы увидите огромное количество уже готовых палитр. А вот номер цвета можно узнать при помощи маленькой одной маленькой программки.