Статьи о создании и продвижении сайтов, заработке в сети и софте

Что лучше, резиновый дизайн сайта или фиксированный?

Два дня у меня ушло на разработку нового дизайна для данного блога, и наконец я вчера установил его на сайт.

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

Я сделал версию для мобильных телефонов, наконец, реализовал адаптивный дизайн, потом, доделал форму комментариев, добавил возможность оставлять комментарии используя форму комментирования от Вконтакте.

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

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

А остальное место по краям занимает фоновая картинка. Учитывая, что сейчас у многих мониторы с разрешением экрана до 2000 пикселей в ширину, посетителям сайта будет удобнее читать текст, контент не будет «растекаться» как море.

Уже сегодня, судя по показателям Яндекс Метрики, посетители проводят больше времени на сайте, им здесь нравится, и я надеюсь, улучшение поведенческих факторов приведет к ощутимому росту посещения моего блога.

И так, это было предисловие, теперь непосредственно о теме.

Я хочу поделиться с вами своими наблюдениями насчет расширяемого и фиксированного дизайна.

Как вы поняли, раньше мне нравился резиновый сайт, но теперь мое мнение изменилось, и больше предпочитаю фиксированный дизайн.

Хотя, резиновый дизайн можно сделать так, чтобы больше1280 пикселей не расширялся, и если разрешение экрана окажется меньше, скажем, 900 пикселей, переключился на адаптивный дизайн.

Но и в таком случае надо будет сделать подходящий задний фон, чтобы на мониторах с большим разрешением сайт смотрелся симпатично.

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

Так, при старом дизайне моего блога, если ширина экрана оказалась больше 1900 пикселей, в шапке сайта справа была видна белая область, поскольку фон шапки не просто заливка, а картинка.

Так же, проблемы могут появиться при разрешении экрана меньше 700 – 800 пикселей в ширину. Самое главное, это будут проблемы посетителей сайта, из-за смещения некоторых элементов они могут не увидеть нужный им контент.

Поэтому, на мой взгляд, либо делать резиновый экран с небольшим диапазоном 900 – 1400 пикселей в ширину, либо сразу сделать фиксированный дизайн, благо, его делать проще и быстрее.

Но при разработке фиксированного дизайна одно надо учитывать – фон надо сделать либо заливкой, либо выбрать бесшовные фоны маленького размера.

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

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

Таким образом, при создании или заказе дизайна сайта нам следует учитывать следующее:

1. Адаптивный дизайн. Просто жизненно необходимо. У меня до этого не было адаптивного дизайна, и мои сайты в гугле показывались только тем пользователям, кто заходил с компьютера.

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

2. Лучше фиксированный либо ограниченно резиновый дизайн, так проще избежать всяких нестыковок в отображении сайта.

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

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

Это простые житейские советы от любителя в веб-дизайне, но, как показывает моя практика, соблюдение даже этих простых правил позволяет увеличить посещаемость сайта.

Комментарии

Аватар пользователя Лена

У меня широкий формат экрана, ваш черный фон с обоих сторон занимает много места. Стоило бы либо менять фон, либо сделать, как вы выразились, ограниченный резиновый в пределах 1000-1700 пикселей

Аватар пользователя Admin

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

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