Как обращаться с веб-дизайнером с слишком широким экраном? - PullRequest
1 голос
/ 26 октября 2011

Я продолжаю получать 2000x1500 веб-дизайна (изображения для перехода на реальный сайт).У меня разрешение экрана 1280x1024.

На моем мониторе веб-сайт выглядит очень плохо (все кажется слишком большим).

Сейчас я работаю с основным фоном с размером фона., Я позиционирую / измеряю некоторые вещи с помощью%, но этого недостаточно, и получается действительно сложно обрабатывать (тоже плохо масштабируется).

Можно ли обрабатывать каждый отдельный объект, чтобы сделать их размер относительнымна размер экрана?Вроде как "функция масштабирования", но для обработки html + css ...

Ответы [ 2 ]

6 голосов
/ 26 октября 2011

Посмотрите на данные Google Analytics для ваших пользователей за последний месяц или тоже.Аккуратные данные.Покажите график дизайнера, объясните, какие разрешения имеют ваши пользователи, и попросите их создать страницы меньшего размера!

Если у вас нет данных, вот гистограмма, показывающая% трафика с различными размерами экрана за последние 3 месяцав США на всех сайтах работает счетчик статистики.

http://gs.statcounter.com/#resolution-US-monthly-201107-201109-bar

В идеале вы должны разрабатывать для различных размеров.Один из вариантов будет:

  • 300px в ширину - для мобильных устройств с веб-браузерами
  • 748px в ширину - который обслуживает устройства среднего размера, а также iPad в портретном режиме
  • 1218 пикселей - Для ноутбуков стандартного размера * Ширина 1017 *
  • 1378 пикселей - Для больших мониторов

(размеры от http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/)

1 голос
/ 26 октября 2011

Посмотрите на отзывчивый веб-дизайн. В основном вы разрабатываете для различных диапазонов разрешений. http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ и
http://www.abookapart.com/products/responsive-web-design

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...