Каков типичный размер области просмотра на экране 1024x768?

Question

Я занимаюсь разработкой веб-приложения и хочу знать, какой самый большой размер (x и y) я могу разработать.

По состоянию на январь 2008 года около половины пользователей используют экраны 1024x278, и, вероятно, менее 10% используют экраны меньшего размера. (Пользователи телефонов и карманных компьютеров являются здесь исключением.) Поэтому мы проектируем минимальный размер экрана 1024x768.

Однако , это размер экрана, и когда мы выкладываем наш контент, нам нужно знать размер viewport . Есть свидетельство , что у большинства пользователей развернут браузер, но все равно нужно вычесть пространство для украшений ОС и хрома браузера. Люди настраивают свой хром, поэтому нет единого «правильного» ответа; Я иду на разумную границу, которая будет соответствовать большинству пользователей.

Я вижу множество дизайнеров , которые говорят, что они используют ширину 960 пикселей, потому что она имеет много факторов и может быть равномерно разделена - но прежде чем принять решение об этом, я хочу узнать максимальный размер , с которым я могу справиться, тогда я мог бы использовать несколько меньше. Я видел максимальную ширину 960, 974 или даже 990 в кавычках ... мои собственные эксперименты, кажется, показывают ширину 1000 работ. ОК.

Высоты еще труднее найти: я считаю, что могу подойти к вертикальной области просмотра, высотой 595 пикселей, в браузерах, которые я пробовал, со стандартными настройками ОС и хрома по умолчанию. Но я не очень много пробовал, и я бы предпочел увидеть более авторитетный источник. Конечно, кто-то еще сделал это исследование и сделал это лучше меня.

Итак, мой настоящий вопрос заключается в следующем: какой самый большой размер области просмотра я могу проектировать и ожидать, что он будет соответствовать без полос прокрутки для 80-90% всех пользователей?

Answer 1

У меня открыт Firefox с размером (включая хром) 1024x1000. Я не просматриваю полный экран.

Мой Chrome включает в себя строку меню, панель навигации (с маленькими значками), панель инструментов закладок, панель вкладок, полосу прокрутки справа и строку состояния внизу.

Мой реальный порт просмотра ровно 1000x843.

Answer 2

Ширина 960px - это хороший размер, потому что он так делится. 1000 пикселей будет слишком большим для многих систем. Ширина полосы прокрутки плюс кадрирование в Vista / Firefox составляют примерно 33 пикселя.

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

Мой видовой экран в Firefox с открытыми вкладками, быстрыми ссылками и отличным расширением панели инструментов веб-разработчика составляет всего 572 пикселя при значении 1024x768.

Если вы используете панель инструментов веб-разработчика, одна из многих полезных функций - это возможность мгновенно изменить размер браузера до тех размеров, для которых вы его настроили: например. 1024x768, 800x600 и т. Д. Таким образом, вы можете видеть свой веб-сайт точно так же, как посетители с экранами такого размера.

Веб-разработчик стоит проверить: https://addons.mozilla.org/en-US/firefox/addon/60

Answer 3

Все ответы, которые вы уже нашли, вероятно, правильные.

Для обычного пользователя (стереотипный: Win XP или Vista, IE6-7, без пользовательских скинов) ширина, близкая к 1000px, вероятно, подойдет. Если пользователи изменили свои браузеры, не запустив их в полноэкранном режиме или не имеют собственных скинов в своих операционных системах, это число может измениться.

Если бы я проектировал для разрешения шириной 1024 пикселя, я бы, вероятно, выбрал ширину, близкую к 980 пикселей. Это все зависит от вас, и нет «один-единственный ответ». Где-то около 960-1000 пикселей, в зависимости от множества вещей.

Когда дело доходит до высоты страницы, не думайте об этом слишком много. Разместите самую важную информацию (навигацию, логотип, важный контент) в верхней части страницы, и не бойтесь позволить пользователю прокручивать страницу, чтобы найти остальное. Люди привыкли и знают, что должны прокручивать. Это естественное ограничение, с которым никто ничего не ожидает.

Для этой самой важной информации, вероятно, можно ожидать область просмотра с высотой около 550 пикселей или более.

Итак, ~ 980px * ~ 550px, вероятно, является более или менее стандартным окном просмотра для использования в качестве отправной точки: -)