Защо гумени сайтове

Защо гумени уеб сайтове?

Аз вярвам, че вярата, че сайтът трябва да бъде каучук - един от най-вредните за установени вярвания в уеб дизайна. Сайтът може да бъде гума, но това не трябва да бъде. И "дръпне" не би трябвало изобщо.

Това, което прави факта, че сайтът се простира широко? Повече информация ние не слагам - ние просто увеличаване на пълнежа и ширина на текстови блокове. В редки случаи (Лебедев Студио Магазин), което наистина се използва ширината на екрана - когато увеличаване на резолюцията относно правото има нови продукти.

При определяне на разделителната способност на екрана, която е предназначена за сайта, аз предлагам да се действа по следния начин:

Определяне на резолюцията, с която сайтът ще изглежда най-добре. Например, тя е 1024 × 768.
Определяне обхвата на разрешенията, при които сайтът ще "изглежда добре". Да приемем, от 800 х 600-1600 х 1200.
Ако даден сайт изглежда най-добре с резолюция 1024 × 768, защо се простират до 1600? Дори и да изглежда толкова добре при 1024 пиксела. Рядък сайт е все по-добре, когато е изтеглен над 1024.
Ако е необходимо, и ако е възможно да се наложи един сайт, така че е приемливо да се търси по-ниска резолюция (800 пиксела). Ако за тази цел ще трябва да жертват удобството на тези потребители, които следи подкрепа 1024 и повече пиксели, са отново обмислят дали да въвеждат по-голямата част от неудобство в името на малцинството?

На снимката - парчета www.artgorbunov.ru сайт снимки на екрани на различни резолюции. Виждаме, че шрифта, размера на шрифта и разстоянието между редовете не се променя в зависимост от резолюцията. Но защо, в този случай, промените дължината на низа? В края на краищата, той има добре дефинирана оптимален диапазон четливост.

Всъщност, дори и при резолюция от 800 × 600 страница лесно да се настанят, като линия, както това става при 1280 × 1024. Дължината на низ е в близост до оптимума при 1024 × 768. Защо ще го намали за по-ниски резолюции и да се увеличи за голям?

Единственото оправдание, че виждам тук - това е хармоничното взаимодействие на текстов блок пропорции с пропорциите на страницата (монитор или прозорец на браузъра). "Голям стил" в типографията, може би не по-малко важно от четливост, но това не трябва да намаляват надеждността. (Пример влошаване - участък линия; симбиоза например - разположен в множество колони).

Съгласен съм с вас, че всички обобщения са опасни, в това число, обаче, и това е. За да се смята, че "разтягане" на всички редовете и колоните - неизменни закона на дизайн екран, малко късоглед. Въпреки това, аз не мисля, че е най-доброто решение за "тухла" оформление сайтовете на компанията Apple и останалата част от света на корпоративния основните политически сили. Тя трябва да се увеличи размера на шрифта в браузъра една стъпка към аргументите за оптималната дължина на низа моментално загубил смисъла си.

Физическа резолюция на екрана - не е от размера на прозореца на браузъра, но само горната граница. Екранът може да бъде 1024 768 × 752 × 698 размера на прозореца е отворен.

Основната опасност на повърхностно разбиране на статистиката - използването на средни стойности за вземане на решения. Средна - брутно абстракция, която не се прилага в рамките на настоящото статистика, без останалите параметри на разпределението.

И накрая, в вида на екрана няма смисъл да работят пиксела: размер на шрифта - основна единица на всеки печат на окото - определен от потребителя.

Обърнете. Съвет на пиксела в типографията на екрана

Верста "каучук" сайт, дизайнерът може да избере как да прегледате информацията, ще се адаптира към непредсказуем размер на прозореца. Изкуството е да изберете ширината на колоните и структурата на различни видове материали. Не е задължително "дръпне" всички в един ред. Като правило, че няма смисъл да се простират на масата - колоната, а напротив, че е необходимо да се съберат възможно най-много. елементи на формата могат да се променят качествено, когато преминават през определена граница.

Както вие, така демонстрира пример на страницата "съвет" се намира в "нормална реакция" на съвременния екран и в границите, разрешени за удобно четене. С прекомерното разтягане на големи монитори може да се контролира чрез ограничаване на максималната ширина на текстови колони или увеличаване на размера на шрифта чрез увеличаване на ширината на прозореца.

Надявам се, скъпи съветници демонстрират своите собствени примери за "интелигентно участък".

И се увеличили всички останали единици.

Интересното - разтягане до определен лимит (обикновено 1300 пиксела). Факт е, че много често няма смисъл да дръпне още:
- Хората с по-висока разделителна способност не е разораването на браузъра на цял екран;
- основната колона линия става твърде дълго, когато голяма ширина;
- да се подготвят снимки (закачки, банери) е много по-лесно, когато знаеш границата на ширината на колона;

Това е удобен начин да имате контрол над мрежата и в същото време да се съобразят с малки и висока резолюция.

Чудя се дали е възможно да се определи максимална ширина в ем?

Възможна. Смята се, тогава все още в пиксели.

Вероятно, че "умен оформление" се отнася до програмен код, който се определя от потребителя резолюция, съответно се променя елементи на страницата. В идеалния случай, тези обекти могат да се променят и размера на графични елементи, като например икони и илюстрации, за да по-големи за по-високи резолюции. Знам само един начин да го направя - с помощта на Java-скрипт. В случаите, когато потребителят е забранено изпълнението на скриптове, трябва да предоставите на компромис версия на оформлението.

Плаващ или в края на сайта - тя е по-скоро въпрос на идеология. За някои, това е важно да се използват цялата ширина на екрана, за да я увеличите функционалност. За някой по-важна от естетиката настроени широчина, размер на шрифта и разстояние между редовете. Струва ми се, че зад гърба дизайн е по-подходящ за информационни ресурси и уеб интерфейс. Докато фиксиран - за корпоративни и рекламни сайтове.

"Най-накрая, в вида на екрана няма смисъл да работят пиксела: размер на шрифта - основна единица на всеки печат на окото - зададе от потребителя"

Тук възниква въпросът: ако шрифта - основна единица, защо размера на колоните (като artgorbunov.ru) се определя от размера на прозореца, а не на размера на шрифта? И защо днес е толкова малко сайтове, които zaverstany се основава на размера на шрифта? Освен yahoo.com нищо не ми идва на ум.

Всички фиксирана хоризонтална и вертикална пространство определено в EM, т. Е. Независимо от текущия размер на шрифта. Опитайте да увеличите шрифта: Поле служба в логото ще се увеличи пропорционално.

Ширината на колоните, разбира се, се дава като процент. Сайт защото каучука.

През последните години, ние се придържаме към такава практика: страница гума, но до 1280 пиксела, ако страницата е по-широк след това съдържанието да остане широк през 1280 г. и е в центъра.

CSS:
#maindiv макс ширина: 1280px;
ширина: 100%;
ширина: експресия (document.body.clientWidth> 1280 "1280px": "100%");
>

HTML:

.........

Много, много интересна тема! В действителност, в този момент, нито един от участвалите не е доволен от отговора. Да, най-вероятно, вариант с максимална Хирон пасва най-добре. Но тук възниква един и същ въпрос: как да се определи ширината? Александър цитира примера на 1280, Юри - 1300. Защо?

Мисля, че основната идея на гумено оформление - не реши за потребителя. . Това означава, че дори ако собственик на огромен широкоекранен монитор и собственик на малък интелигентни PDA устройства се насладите на 100% (ширината на екрана;) Теоретично, това е именно тази възможност, при условие компетентен оформление ще даде най-добрия резултат.

Мисля, че можете да добавите няколко колони по широк екран. Това ще позволи на широк екран не трябва да превъртите и да видим смилаеми широчина на всяка информация, както и PDA устройства обръщане надолу. И там е, но (тя описва Юджийн): загубил единна работа със сайта на различни екрани. Защо е къщата, което виждаме (и свикне!) За едно подреждане на елементи, както и по време на работа и трябва да се чудя pereprivykat?

И все пак, можете просто да се увеличи шрифтове, изображения (често се разглежда този подход светкавица), но това не помогне да се справят с промяната в съотношението на екрана.

Аз не виждам никаква еднозначен отговор, и Аз ще бъда благодарен, ако някой може да помогне да се изяснят си мисли мъгла. Разбира се, има и изключителни случаи, когато отговорът е прост, Артьом цитиран такива примери, те не причиняват проблеми (nakleechki, ширината на колоните на мрежата, и така нататък. Г.). Пример kaledarem не е напълно подходящ за: по-голям от броя на колоните, по-малките те варират в абсолютни стойности в различна ширина екран. Но когато става въпрос за един чифт от три части говорител, не е лошо гледа Х-резолюция, а след това с увеличаване на X пъти 3 всички много се промениха.

Ако имате малък монитор (например 1280 × 800), а вие искате да видите как ще се държи, разработен от Вас или друга гума сайт на големия екран (например 2560 х 1600), не бързайте да се търси монитор с висока разделителна способност, защото просто намаляване на размера на шрифта на половина, и резултатът е, че без значение колко обекта е отворен за два пъти по-голям монитор. То ще се разглежда като различни блокове един от друг и грозен между тях формира голям празен "дупка". Стандартни течни оформления могат да бъдат разглеждани като офис сайт изглежда добре на всяка резолюция.

Гумени сайт прави на DSS kveris много изгодно ще изглежда на устройства от всякакъв резолюция.