А нужен ли резиновый шаблон сайту?

rezinoviy_sait

Вы не раз уже слышали выражение "резиновый шаблон, резиновая тема". Вот давайте сегодня об этом и поговорим.

Я предлагаю вам сегодня вспомнить тот день, когда вы публиковали свою первую статью на блоге. И все казалось таким красивым, необычным, уникальным. Но, все течет, все изменяется…

И вот, глядя на своих собратьев по цеху, вам уже начинает что-то не нравиться и появляется непонятный зуд в ладошках. И тут-то ваш блог и ждут большие изменения.

Этот сайт менял свою «шкурку» уже четыре раза. И я совсем не уверена, что этот раз последний.

Хочется еще отметить, что на дизайн сайтов в интернете существует такая же мода, как и на все остальное. Раньше сайты старались делать яркими, со множеством крупных картинок. Да и мастерство блоггеров еще несколько лет назад, даже начинающих, было не на таком уровне, как сегодня.Сегодня даже новичок может сделать потрясающий по оформлению сайт.

Я, например, училась в Партнерском Клубе Профессионалов

 и очень благодарна за те знания, которые там получила.

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

Статичный сайт (фиксированный).

Такой сайт разрабатывается под определенную ширину монитора, в основном используется 1024*768, как самая распространенная. Эти виды сайтов имеют жесткую разметку (структуру) расположения различных блоков.

Плюсы. Такие сайты очень легко создаются. И их можно легко обогатить различными дизайнерскими элементами.

Такие сайты одинаково смотрятся во всех операционных системах, их элементы не «разбегаются» в разные стороны.

Минусы.  При использовании более широкого монитора по бокам появляются пустые поля, которые обычно либо заливаются цветом, либо заполняются «фоном». И вроде бы ничего страшного. А вот если окно браузера становиться меньше, то внизу появляется линия прокрутки. Т.е. для того, чтобы прочесть материал пользователю нужно постоянно двигать изображение по монитору. И это очень большой минус, т.к. сейчас все больше пользователей переходят на различные мобильные устройства.

Резиновые сайты.rezinivij-sait2

Это совершенно другой подход. Если в фиксированных сайтах все прописывается как правило, в пикселях, то в этом случае  все размеры прописываются через % (% от ширины монитора).

Все содержимое сайта распределяется по всей его доступной ширине. Если ресурс просматривают на мониторе маленького размера, то основное поле с текстом сжимается, но при этом не теряется размер шрифта и читатель не испытывает неудобств.

Если вы будете подбирать себе темы с резиновым шаблоном, то обратите внимание на небольшой нюанс.

Есть резиновые темы, у которых сайдбары не отрываются от основного поля. Т.е. основное поле сжимается до определенного размера, не теряя читабельности и без появления прокрутки внизу. А вот в определенный момент все, «его терпение лопается», и сжимание прекращается. Далее он уже отображается как фиксированный. Причем часто сайдбар остается в полном размере, а вот поле с текстом начинает скрываться. И просмотреть его полностью уже можно только при помощи появляющегося внизу скролинга.

А есть темы, у который сайдбары «плавающие», например, как у меня в этой теме. Т.е. при сжимании изображения по ширине в определенный момент сайдбар «отрывается» от основного блока и спускается вниз, после основного текста. Кнопки меню так  же очень шустро перестраиваются. Поэкспериментируйте.

Плюсы. Думаю, тут понятно. Сейчас число пользователей, использующие мобильные устройства, растет в геометрической прогрессии. Поэтому очень важно сохранить читабельность вашего ресурса.

Минусы. Тут могу возникнуть сложности с дизайном. Дело в том, что графические элементы фиксированного размера, а вот блоки, где вы их располагаете, меняются в зависимости от размеров экрана. Поэтому сайты с резиновой адаптивной версткой отличаются более лаконичным дизайном.

Так же еще может возникнуть проблема с отображением сайта в различных браузерах. И, открыв свой сайт, например, в  IE вы можете увидеть не очень приятную картину. Для того, чтобы этого не произошло, нужно, чтобы в кодах сайта некоторые моменты были прописаны для каждого браузера отдельно.

Ну что ж. Что такое резиновый шаблон | сайт думаю теперь вам понятно. У обоих вариантов есть свои плюсы и минусы. Выбор за вами.

И еще один момент. Цветовая схема вашего сайта.

cvetovaya-palitra-923Я не буду здесь описывать диаграммы сочетаемых цветов и пр. Обычно я ими не пользуюсь. Дело в том, что глядя на эти кружочки, сложно представить как же они будут выглядеть на плоскости. К тому же у каждого цвета существует такое множество оттенков, что и передать сложно. Я предпочитаю сначала видеть картинку целиком, а потом уже «растаскивать» ее на коды цветов для оформления различных элементов.

Для подбора цветовой палитры я использую сайт INCOLORBALANCE. Там вы увидите огромное количество уже готовых палитр. А вот номер цвета можно узнать при помощи маленькой одной маленькой программки. Напишу о ней на следующей неделе + дам ссылку на скачивание. Не пропустите статью!

Подписаться на обновления

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

.

.

Это важно и интересно: 

Если вы решили все же поменять тему на своем сайте, то вам тщательно продумать  план работ над блогом. Особенно если вы еще новичок.

При смене шаблона не забудьте, что некоторые плагины могут с ним начать конфликтовать. Внимательно проверьте работу каждого из них.

Будьте внимательны! "Честные" люди очень любят подключать к чужим ресурсам различные свои программки, которые организовывают с вашего сайта так называемый "мобильный редирект". А такие сайты очень не любят поисковые системы. Вам это надо?

10 thoughts on “А нужен ли резиновый шаблон сайту?

  1. IncolorBalance — отличная штука! спасибо, очень приятный ресурс подсказали.

  2. Ирина, добрый день. Да, классный сайт, там столько подборок, что даже глаза разбегаются!!! Хочется прям все и сразу!

  3. Здравствуйте, Ирина! Когда заходила по рассылке, осознавала (естественно!), что к Вам иду, а когда зашла, все же перепроверила, не узнала блога! :)
    Непривычно! В первый момент даже подумала, что предыдущий дизайн мне нравился больше. Хотя, наверное, это не дизайн, а цветовая гамма мне ТА была ближе. я просто люблю более спокойные цвета. Эта действительно не обычная! Уже почти привыкла, симпатично! :)

    Я у себя тоже меняла «шкурку», как Вы говорите три раза, надеюсь, что на последнем шаблоне остановлюсь, тем более, что он платный.

    Вас поздравляю с обновкой! И, как всегда, дальнейшего процветания! :rose:

  4. Здравствуйте, Галина! Рада вновь вас видеть! Согласна, что цветовая гамма (мягко говоря) необычная. Но знаете, что интересно — я пересмотрела на сайте с картинками море вариантов, сделала даже выборку. Эту картинку я положила в папку «сомнительно». Но все равно, постоянно возвращалась к ней. Что-то все меня притянуло…
    А у вас в гостях я тоже была — просто замечательный сайт! Я помню первые варианты, преображение потрясающее!
    Успехов вам!

  5. Мне очень понравился новый дизайн, цвета глаз радуют и у других такого нет, что немаловажно. Я у своего дважды наряд поменяла и пока не хочу, хотя… кто меня знает, я же девочка, имею право мнение изменить :yahoo:
    Забыла поздороваться: Здравствуйте , Ирина, рада вашему возвращению.

  6. Добрый вечер! Какой у вас вкусный сайт!!! Сочетание цветов просто карамельное!
    И вы правы — почему бы и не поменять одежку сайта «под настроение»? Главное, чтобы глаз радовал :rose:
    Рада видеть Вас вновь!

  7. У меня шаблон сайта платный, там удобная функция смены цвета. Можно под настроение поменять и даже под цвет помады. Мне нравятся сайты со светлоыми спокойными тонами, где ничего не отвлекает, но некоторые умудряются столько реклдамы понавешать, ужас. Особенно тизерная раздражает. Зашла на один кулинарный сайт, вроде всё удобно и понятно, но рядом с рецептом мелькает голая попа, даже аппетит пропал, закрыла и ушла.

  8. Да, Ольга , я с вами совершенно согласна! Вообще я не понимаю, почему тизерная реклама вся такая пахабная….

  9. У вас интересный сайт, интересная палитра. Буду вас читать и понемногу изучать. У меня в основном сайты на дле. А вордпресс только начал изучать.Буду рад помощи и сам помочь

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>