Другие языки программирования и технологии

При разработке web дизайна

При разработке web дизайна какие брать размеры? Я новичок в этом деле и не понимаю ещё как дизайнеры создают дизайн веб страницы зная, что у всех пользователей разные по ширине и высоте мониторы. Как же они ищут компромисс?
Собственно, дизайн может быть разного типа.

Фиксированный макет - ширина макета подгоняется под одно из стандартных разрешений. Поскольку у браузера есть еще собственные функциональные и декоративные элементы, то ширина макета делается меньше, чем стандартное разрешение по ширине. Например, для 800х600 стандартная ширина макета - 768px (сейчас уже практически не используется) , для 1024х768 - 960 пикселей (классическая сетка. см. например http://960.gs/ ), но при желании можно пользовать и 980, и чуть более - почти до 1000. Для 1280х1024(720) сетка обычно берется от 1140 до 1200 пикселей шириной.
Для бОльших разрешений фиксированный макет не делают, как правило.

Резиновые - растягивается по ширине экрана (обычно боковые колонки имеют фиксированную ширину, а растягивается основной контент, но могут и все растягиваться) . Сейчас - устаревший тип. Штука в том, что очень уж большие экраны имеются. И очень маленькие (мобильники) . На большом экране строка растягивается и становится нечитаемой, на маленьких тоже неудобно. Резина с ограничениями минимального и максимального размера - полу-резина. Блоки растягиваются и сжимаются только до определенной ширины (например, ширина лэйаута меняется в пределах от 768 до 1200 пикселей)

Эластичные - размеры элементов привязываются к размерам шрифта. В "обычном" состоянии работает как фиксированный. Редко применяется. Особенно сейчас - можно считать устаревшим.

Комбинированные - часть макета (обычно шапка и подвал) резиновые, другая часть - фиксированная.

Адаптивные - новый тип. Дизайн адаптируется под разные экраны. Может меняться вид и расположение блоков. Для каждого размера экрана может делаться собственный макет. http://habrahabr.ru/post/125247/

Для заказчика макет в любом случае подается в одной из стандартных сеток (даже резиновый) - например, 960 по ширине. Фиксированный - он и есть фиксированный.
Если макет адаптивный, то делается несколько вариантов под стандартные устройства и экраны.
Высота макета не важна (если не стоит специфическая задача: сделать горизонтальный макет - с прокруткой по горизонтали, или страница и ширине, и по высоте всегда адаптируется под окно - FullScreen). Как правило, высота макета определяется самим контентом на странице.
Стандартные разрешения: Разрешения экранов, http://en.wikipedia.org/wiki/Computer_display_standard
Обзор генераторов сеток для макетов: http://designbeep.com/2012/01/18/20-popular-css-grid-generators-to-simplify-design-process/
ВВ
Вова Веретельник
60 970
Лучший ответ
Поищи в яндексе, что такое "резиновый дизайн", "резиновая вёрстка".
А некоторые просто берут некую минимальную ширину страницы (напимер, 1024 пикселя) , считая, что с устройств с более низким разрешением к ним не будут заходить. И по бокам оставляют пустое место.
Евгений Курлов
Евгений Курлов
17 415
Ты хоть основы почитай сначала, дизайнер бля.
Алексей Иванов
Алексей Иванов
14 048
почитай ководство лебедева поможет, результат 200%