Skip to main content

Веб-дизайн и размер экрана или разрешение

Адаптивный Дизайн Сайта (Особенности Создания) 2019 (Апрель 2025)

Адаптивный Дизайн Сайта (Особенности Создания) 2019 (Апрель 2025)
Anonim

Разрешение веб-страницы - большое дело. Многие сайты, преподающие веб-дизайн, написали об этом, и в зависимости от того, кому вы верите, вы должны проектировать страницы для самого низкого общего знаменателя (640x480), самого общего разрешения (800x600) или самой передовой (1280x1024 или 1024x768). Но, правда, вы должны создать свой сайт для клиентов, которые приходят к нему.

Факты о разрешениях экрана

  • 640x480 не мертв
  • Хотя 640x480 не так распространен, как раньше, эта резолюция все еще существует. Старые компьютеры, ноутбуки с меньшими экранами, нетбуки и люди, которым нужны большие шрифты, используют это разрешение. Даже если вы решите не создавать свою страницу в этом разрешении, вы должны протестировать свой сайт в этом разрешении.
  • 800x600 очень распространен
  • Многие руководства по дизайну веб-сайтов рекомендуют создавать веб-сайты с разрешением 800x600. Хотя эта резолюция более распространена в Интернете в целом, это может быть не так для ваших клиентов. Если вы планируете перепроектировать свой веб-сайт, найдите несколько недель, чтобы проанализировать статистику своего браузера, чтобы определить наиболее распространенные разрешения, используемые ваш клиентов.
  • 1024x768 намного чаще
  • Экраны становятся все больше и 1024x768 - это другой популярный размер для дизайна, потому что у многих дизайнеров есть мониторы, которые поддерживают это изначально. Но эта резолюция может быть довольно трудно читать для многих людей. 14-дюймовый монитор для ноутбука может поддерживать 1024x768, но текст практически не читается. И ноутбуки очень популярны.
  • 1280x1024 и выше реже
  • В основном вы увидите эти большие разрешения на настольных компьютерах или ноутбуках класса high-end. Но часто при этих больших размерах клиенты не просматривают полноэкранный режим. Поэтому разработка сайта с шириной более 1000 пикселей приведет к созданию горизонтальных полос прокрутки на большинстве экранов.

Храните эти Резолюции в разуме

  • Не каждый максимизирует свой браузер
  • Если вы определяете, что ваши клиенты просматривают 1024x768, вы можете создавать страницы, для которых требуется горизонтальная прокрутка. Зачем? Поскольку пока они просматривают эту резолюцию, они не максимизируют свое окно браузера, поэтому 800x600 могут лучше подойти к окну их браузера.
  • Не забудьте браузер Chrome (не браузер Google Chrome)
  • Браузеры вычитают до 50 пикселей вправо и влево и 200 пикселей сверху и снизу для собственного использования для таких вещей, как полосы прокрутки, панели инструментов и контейнер окна. Это называется браузером. Поэтому, если вы создадите таблицу шириной 800 пикселей, клиенты с максимальными браузерами на экранах с разрешением 800x600 должны будут прокручиваться по горизонтали.

Как обрабатывать размер экрана на основе разрешения

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

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

  3. Проверьте свой сайт с различными разрешениями:Измените свой собственный размер экрана (измените разрешение экрана Windows или разрешение экрана Macintosh) или используйте инструмент тестирования.

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