Оптимальная ширина сайта и разрешение монитора

+24

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

Итак, у нас отрисован макет (не адаптивный) . Показываем макет заказчику, например обычного разрешения 1024 px.

Чтобы избежать трудностей, в случае, если мы не знаем какое разрешение нужно клиенту( мало ли, забыли спросить и тд и тп, хотя это недопустимо, но человеческий фактор всегда есть, а значит и ситуации могут быть разные, но вообще, конечно, этот момент обязательно нужно выяснять при составлении тз), стоит отрисовывать макет с учётом его растяжения хотя бы до 1400 рх., что бы при вёрстке не возникло сложностей.
Минимальную ширину мы поставим 960 пх. ( у разработчиков бытует своё видение этих размеров, в данном случае это наше мнение, основанное на собственном опыте).

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

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

 

Ведь очень часто увидев на широкоформатном мониторе сайт, заказчик приходит к вам: «Ааааа, спасите!!!! Моего сайта тут не видно!!»

Вот тут-то и спасёт сделанный сайт с учётом  полурезиновой вёрстки.

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

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

Бывают случаи, когда клиент настаивает вопреки всем аргументам например на фиксированной ширине сайта 960 рх., тогда в этом случае, чтобы как то уменьшить эффект пустоты в мониторе есть выход, например использовать графику (картинка, текстура) на фоне сайта  в ширину 1400 – 1900 с плавным полупрозрачным переходом картинки на фон. Такой вариант будет как то компенсировать пустоту экрана графикой.
Как вариант: тоже, по моему личному мнению, достойный выход.

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

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

Советую рекомендовать клиенту полурезиновую вёрстку и на основе этого отрисовку макетов с её учётом.
Минимальная ширина сайта, как правило, 960/980 рх., максимальная 1680 рх

(на данный момент развития технологий)

Понравилась статья? Поделись с друзьями:

Комментарии ()

    Категории
    События студии все
    Популярное
    Последнее