Перейти к содержимому


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 516 9 тем, 59 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 312 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 300 0 тем, 25 сообщений, 8 баллов репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 210 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #5

    WGN (worldgamenews.com)
    Очков активности: 186 Вне конкурса за определение пользователя месяца

  • Фотография Игорь Ку
    #6

    Игорь Ку (dudesday.ru)
    Очков активности: 157.5 4 темы, 9 сообщений, 5 баллов репутации

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 75 10 тем, 20 сообщений, 1 балл репутации

  • Фотография yuran
    #8

    yuran (yurbol.ru)
    Очков активности: 42 1 тема, 25 сообщений, 1 балл репутации

  • Фотография Zevss
    #9

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография falka
    #10

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 24.10.2018
Топ 5 участников по репутации


Какая ширина сайта оптимальна?

#1 Olenka

Olenka
  • Неактивные
  • 23 сообщений
  • Репутация: 0
0

Отправлено 27 October 2012 - 12:13

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

 

 

  • 0

#2 sae

sae
  • Неактивные
  • 269 сообщений
  • Репутация: 79

Отправлено 27 October 2012 - 15:47

Olenka, существует на мой взгляд 2 основных подхода определения ширины сайта:

1. Фиксированная верстка.

пример: Вконтакте

Ширина задается в определенном количестве пикселей, чуть меньше горизонтального показателя самого популярного разрешения. Как правило от 900 до 1000 пикселей, чтобы все уместилось на пятнашках и нетбуках (1024x768 и 1024x600), а также на семнашках и ноутбуках среднего класса (1366x768).


2. Адаптивная верстка

пример: Газета.ру

Ширина всех или части элементов задается в процентах, чтобы сайт заполнял все пространство монитора/дисплея смартфона или планшета. Такой вариант подходит, на мой взгляд, только для сайтов с большим количеством контента и различных блоков информации. Иначе все вытянется в длинную узкую соплю на 1920 пикселей ^_^.

Есть конечно и варианты, когда стили сайта устанавливаются для каждого разрешения разные через javascript. Или когда задается минимальная и максимальная ширина (допустим от 1000 до 1600 пикселей). Тогда сайт растягивается в пределах данных показателей.
  • 0

#3 Mosha

Mosha
  • Неактивные
  • 21 сообщений
  • Репутация: 2

Отправлено 27 October 2012 - 16:59

Насколько мне известно нормальная ширина от 960 до 1000 пикселей. А, с другой стороны оптимальный размер для каждого пользователя разный, но лучше ориентироваться на большинство, я так думаю. Поэтому ориентир делать надо на разрешение экрана 1024*768
  • 1

#4 ivanovna

ivanovna
  • Неактивные
  • 21 сообщений
  • Репутация: 0

Отправлено 28 October 2012 - 14:19

А если сайт уже готов, то как-то можно выяснить ширину, с которой он сделан? А то может быть у меня неправильная, мне о ей, вообще, ничего не говорили.
  • 0

#5 sae

sae
  • Неактивные
  • 269 сообщений
  • Репутация: 79

Отправлено 28 October 2012 - 15:07

ivanovna, существует два варианта ^_^:

1. Вы даете ссылку на ваш сайт, и здесь вам скажут, какая у вас ширина и тип верстки.

2. Кликните по основному блоку с информацией на вашем сайте правой кнопкой и выберите Просмотр кода элемента или Проинспектировать элемент или Исследовать элемент в зависимости от браузера. Внизу откроется окошко с текстом верстки. Поводите по её элементам курсором мыши, и когда будет подсвечен основной блок )ширину которого надо узнать), то в правом верхнем углу блока должен быть и его размер (ширина - это первый показатель).
  • 0

#6 ssabbass

ssabbass
  • Неактивные
  • 280 сообщений
  • Репутация: 33

Отправлено 14 October 2013 - 01:16

А то может быть у меня неправильная, мне о ей, вообще, ничего не говорили.

Просто оцените сайт с разных мониторов или используйте для этих целей эмуляторы разного расширения (кстати, можно просто менять разрешение монитора или использовать масштабирование). Если всё нормально смотрится, то какая разница, что у Вас там за ширина...
  • 0

#7 Diablero

Diablero
  • Неактивные
  • 36 сообщений
  • Репутация: 6

Отправлено 21 October 2013 - 12:56

Насколько мне известно нормальная ширина от 960 до 1000 пикселей. А, с другой стороны оптимальный размер для каждого пользователя разный, но лучше ориентироваться на большинство, я так думаю. Поэтому ориентир делать надо на разрешение экрана 1024*768


Полностью поддерживаю Mosha. Я обычно при создании сайтов брал ширину 1100 пикселей (считая минимальную ширину современных мониторов 1280). Не так давно я четко и ясно осознал, что поторопился с мыслями о том, что у большинства уже минимум 1280, так что лучше брать максимальную ширину не адаптивной верстки 1000 пикселей.
  • 0

#8 narolskay

narolskay
  • Пользователь
  • 731 сообщений
  • Репутация: 30

Отправлено 21 October 2013 - 14:50

Сайты на мой взгляд по ширине 900 пикселей смотрятся старомодно, да и грех не воспользоваться лишними пикселями в пользу своего сайта.
  • 0

Ищете хостинг?  Beget.ru - месяц бесплатного тестирования, бесплатный перенос сайта!

 



#9 ssabbass

ssabbass
  • Неактивные
  • 280 сообщений
  • Репутация: 33

Отправлено 21 October 2013 - 19:10

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

900 можно и расширить до 1000, но НЕ более. 1000 (ширина сайта) + 24 (вертикальная прокрутка браузера) = 1024 пикселя - оптимальная ширина! Ведь мониторы 1024х768 еще стабильно используются. Например, у меня такой :)
  • 0

#10 WhiteIce

WhiteIce
  • Неактивные
  • 30 сообщений
  • Репутация: 2

Отправлено 21 October 2013 - 23:49

Для фиксированных дизайнов не более 1000px, например есть стандарты 990 или 960 (чтобы удобно было делать колонки кратные / 2,3,4,6,12).
Мне нравится вариант с резиновой шириной, (если нет никаких противоречий с концепцией дизайна=), от 1000 до 1400px, потому что на мониторах >21" ширина 1000px уже выглядит не очень - на широкоформатном мониторе посредине сайт и по бокам пустое пространство почти такого же размера
  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85


Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru