Другие языки программирования и технологии
При разработке 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/
Фиксированный макет - ширина макета подгоняется под одно из стандартных разрешений. Поскольку у браузера есть еще собственные функциональные и декоративные элементы, то ширина макета делается меньше, чем стандартное разрешение по ширине. Например, для 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/
Поищи в яндексе, что такое "резиновый дизайн", "резиновая вёрстка".
А некоторые просто берут некую минимальную ширину страницы (напимер, 1024 пикселя) , считая, что с устройств с более низким разрешением к ним не будут заходить. И по бокам оставляют пустое место.
А некоторые просто берут некую минимальную ширину страницы (напимер, 1024 пикселя) , считая, что с устройств с более низким разрешением к ним не будут заходить. И по бокам оставляют пустое место.
Ты хоть основы почитай сначала, дизайнер бля.
почитай ководство лебедева поможет, результат 200%
Похожие вопросы
- помогите в начинаниях и дальнейшем развитии по web разработке и дизайну
- Вопрос по WEB Дизайну/программированию - внутри фото.
- Граждане дизайнеры и любители web-дизайна, оцените пожалуйста web-страничку учебного заведения.
- С чего начать обучение Web-дизайну?
- Посоветуйте программу для web-дизайна
- Я хочу научиться web дизайну.Что для этого нужно?
- Очередность постижения web дизайна при сайтостроение
- Web дизайн, как что учить?
- Подскажите набор приложений для профессионального занятия web-дизайном.
- люди хочется научиться web-дизайну с чего начать....что подсоветуете????