разделителна способност на екрана и интернет страници
Резюме: оптимизиране на сайтове за 1024x768, но се използва плаващ дизайн, който се простира точно под всякаква резолюция - от 800x600 до 1280x1024.
Един от най-често задаваните въпроси в моя курс по "Уеб" - Основни съвети са очевидни "При какви резолюция ние коригират своите проекти?":
- Оптимизиране за 1024x768 - е най-често срещаната разделителна способност на екрана до момента. Разбира се, трябва да се съсредоточи върху решаването на екраните на целевата аудитория. В бъдеще, размер ще се промени. разделителната способност на екрана може да се наложи да се промени, ако сайтът е създаден за интранет, където клиентът дава на служителите си големи монитори.
- Не е необходимо да се създаде сайт само при определена разделителна способност. Тъй като размерите на потребителското екраните варират. Също така, посетителите са не винаги "максимално" браузърите си (особено ако те имат големи екрани).
- Използвайте "плаващ" дизайн. , разпростряла по конкретната размера на прозореца (да се избягва едномерни статични дизайни).
Към днешна дата, около 60% от всички монитори се определя на 1024x768 пиксела. За сравнение - около 17% от монитора се определя на резолюция 800x600 пиксела, така че е съвсем очевидно, че не е необходимо да го оптимизира по тази резолюция. Също така е очевидно, че никой не може да се игнорира 17%, както и да се създаде страница, която се нуждае от повече пространство, отколкото е в действителност.
оптимизация на страница за 1024x768
Когато казвам "оптимизация", искам да кажа, че вашата страница трябва да се появи и да изпълнява оптимално в резолюцията на разпространението на екрана. По този начин ние не можем да забравим за други резолюции. Ето защо аз препоръчвам "плаващ" дизайн.
Трите най-важни критерии за оптимизиране на уеб страници под определена резолюция:
- Първоначалният преглед. види дали потребителите са ключова информация, без да превъртат? Това е компромис между броя на показаните елементи и как подробна информация за всеки елемент.
- Четливост. тъй като текстът в определена ширината на колоната е лесен за четене? (Optimialnaya дължина низ.)
- Естетика. колко добре се показва на страницата, ако всички елементи на правилния размер и на правилното място? Дали всички елементи са правилно подравнени - например, дали подписът в непосредствена близост до снимката и т.н.
В сайта има и да се работи с по-малки и по-големи прозорци размер, но тези ситуации не са критични. По-малко от половин процент от потребителите работят с резолюция от 640x480. За тези потребители, сайтът трябва да бъде показано с доста приемливи отклонения.
Както първия критерий - винаги трябва да е наясно с превъртането на страниците. Обикновено потребителите не обичат превъртане (в новата ми книга е описано подробно, заедно със статистика, които показват колко потребители преминете различни видове страници). Не забравяйте - когато създавате дизайна, винаги помислете колко потребители информация вижте, ако превъртите един или два на цял екран.
Преминаващ и първоначален преглед, зависи от размера на екрана: колкото по-голям екран, колкото повече информация, това показва, и толкова по-малко трябва да направите завъртания. Това е мястото, където трябва да бъде оптимизирана за 1024x768: без да се налага да преминете, за да покаже най-важното съдържание (както е необходимо, за да се гарантира, че важна информация остава видима при 800x600).
големи екрани
Много потребители са с големи екрани. Понастоящем около 18% използват най-малко равна на резолюцията на 1280x1024 пиксела. Процент на потребителите, с големи екрани се разраства, но не толкова бързо, колкото бих искал.
Големи монитори - най-лесният начин да се подобри производителността. Тези, които печелят по-малко от 50 000 $ на година, трябва да има разделителна способност на екрана от поне 1600x1200. дисплей с плосък панел с резолюция по-малко от $ 500 струва. Така че, докато големи дисплеи увеличи производителността с най-малко 0,5%, тази инвестиция ще се изплати за по-малко от една година (типично корпоративно режийни удвоява цената на компанията се основава на един човек; винаги да помним, че в която и изчисляване на изпълнение е необходимо да се използва стойността на работата, а не заплата).
Аз лично ползване на дисплея с резолюция от 2048x1536 пиксела, като в същото време не се обади на този монитор е страхотно. През следващите 10 години, щях да се очаква, че монитори 5000h3000 резолюция стане стандартния разтвор, поне сред професионалистите.
Започвайки с 1600x1200, потребителите рядко се простират техните браузъри на цял екран, тъй като има малки уеб сайтове се показват правилно на такива решения. Големите прозорци магически опростяват работата с таблични данни, графичен дизайн, както и много други задачи. След този дълъг, но не се прилага към настоящото парадигма на интернет сайтове. Днес интернет потребители с големи екрани използват допълнително свободно място в няколко други приложения прозорци паралелно да сърфирате в Интернет.
В бъдеще, моля интернет потребителите, най-вероятно ще се нуждаят отделни страници, както и някои други парадигма. Или може би дори метафора, като новини, хартия или друг таблото, ще се прояви в най-добрата светлина.
Във всеки случай, необходимостта от нова парадигма няма да се промени тези препоръки: оптимизиране на 1024x768, но не се създаде дизайн само за тази резолюция. Страници трябва да работят по всяко резолюция от 800x600 до 1280x1024 или повече.
- превод на статията: umade.ru
Jakob Nielsen толкова очевидно остаряла.
Нещата за които той пише повече от един път, описан от много други изследователи уеб използваемост.
Гумени или еластични дизайн ще звучи по-добре.
И наистина: CSS таксита. Nielsen не nifiga разберете техническите възможности, които са на разположение сега, и тъй като понякога се мята минало.
Всеки дизайнер-програмист някога попита тези въпроси в състояние да отговори на тях себе си. Полезна информация в статията - нула.
Gobbr, за които Nielsen остарял? Когато Runet ще започне да слуша съветите му, хората ще трябва да лети до Юпитер.
Максим, да - CSS еднозначно таксита. Само макс ширина и мин-ширина от които са за тази тема.
Korzhukov, всеки дизайнер-програмист? Всеки, който създава един вид портал, помислете за себе си, ако дори малко ровене в код CMS-двигателя. Но как тромав и смешен поглед на своите творения?
Но мисля, че вниманието към изпълнението на резолюцията е твърде близо. Това е един от огромен брой други фактори.
Дори и да завърши статията не го направи. Ние всички разбираме колко важно е да не се правят на размера на сайт 1600 × 1024, тъй като някои (като например I) няма да го види. И за да напише статия, според мен, по тази тема, не си струва, това нюанс е описан в всяка книга за HTML.
Между другото моето лично мнение: сайт е най-добре да се направи това, какво би той 800x600 изглеждаше (поне докато не ще пусне на седмия изследовател с раздели) Тъй като много от хората, които видях на практика и видяха в тази статия се използва изследовател. (тези, които все още го използвате) в прозоречен режим.
P.S не съди строго за първи път в сайта. художник
Всъщност, разговорът не е за това. Време е да изхвърлим пикселите и точките на HTML и CSS, и отидете на интерес.
Пикселите са допустими само IMG тагове, а дори и след това само защото "рак Web" избута нормалните векторни формати вата за които потребителите плащат терабайта допълнителен трафик. Но доставчици спечелени "рак Web" не е един megabucks, така че всички те са на ръцете, краката, опашки и рога "зад".
Това Nielsen някак си мълчи. Или просто не е преведена?
Просто мразя, когато ширината на 3/5 от екрана на монитора, задръжте празно колона отдясно и отляво. Това е наистина проблем, който трябва да се говори.
Не мога да разбера защо толкова много щикове прегърнали тази статия. Радвам се, напротив, да, ние имаме това, което е написал Nielsen отдавна е често срещано явление, но ако се вгледате в западните сайтове, има различна тенденция, твърди определени обекти, без дори да погледне, че е все едно, защото да. Но ако "техни" уеб дизайнери обръщат специално внимание на тази статия, че би било хубаво да се види превръщането на Западна Интернет. И това е добре, че Нилсен говори на интернет страниците на каучук.
Смятате добре да добавите малко практика. И се оказа, твърде воднисти.
Не трябва да бъде оптимизирана за специфични решения, най-добрият вариант - гумен блок дизайн в CSS а, истината е понякога по-добро използване на таблицата с CSS.
1280x1024 делът нараства. Но 800 600 все още се губи позиции. Надяваме се, че след година или две, а това razershenii няма да бъдат забравени.
Благодарим Ви!
Аз, като начинаещ помогна.
Не мога да разбера как хората седят в 1024x768 ... И има хора, които седят с тази резолюция на екрана 19 ". В края на краищата, това е най-общо mozahizm ...
PS: IMHO 800600 не е yuzaet 17%)
Всички страници винаги са оптимизирани за резолюцията от 800 × 600, например, никога не съм браузър не разкрие целия екран, и когато браузърът се появява хоризонтално превъртане някак си вече неудобно страница изглежда много по-хубав превъртане нагоре и надолу, отколкото, когато това се добавя от дясно на ляво.
> Не разбирам как хора седят на
> 1024x768 ... И има хора, които седят с
> Резолюция на екрана 19 ". В края на краищата, това е най-общо
> Mozahizm ...
Това е абсолютно нормално. Ако се вгледате внимателно, след което b_o_lshih разделителна способност на екрана започва да трепти по-видими, независимо от времето за реакция на монитора. Защото очите, естествено, всеки проблясък от полза не излиза, но ако няма избор, е желателно да се сведе до минимум последствията. Особено, защото истинската голяма победа не даде разрешение (с изключение на няколко от иконите, пуснати на работния плот). И не говорим за големия брой прозорци, които могат да се използват паралелно, спестяване на време: този път ще загубите при затваряне на прозореца, като се стреми вместо да дръпне мишката, за да в горния десен ъгъл и кликнете изпълни. дългогодишния ми опит на програмиста показва, че нуждата от две или повече, които не са разположени в близост до прозорци, дори и за Drag # 038; Drop'a, да не говорим за по-простите неща.
> Делът на 1280x1024 расте. Но все пак 800600
> Губи позиции. Надяваме се, че една или две години, както и за
> Razershenii това ще бъде забравен.
Напразно. Празен надежда. След няколко години, мисля, че това ще бъде възможно да се говори за последствията от използването на по-високи резолюции. Малките деца не са съзнателно предоставят книги с големи букви.
Съгласен съм с Дмитрий - деца съзнателно предоставят книги с големи букви.
Аз лично седна за известно време при 1280x1024 и осъзнах, че визията не е достатъчно (и аз съм фотограф, наред с други неща).
От друга страна виждам - всеки, който го обича. по този начин. Имам един приятел, така че той по принцип не обича да промените екрана, за да разгледаме, макар и слабо зрение.
По отношение на обектите - IMHO, че всеки сайт трябва да бъде удобен за потребителя, така че да бъдат dozhen "каучук", хоризонтална сърфиране досадно никого, така че тялото ни е предназначено.
около 17% от информацията, която седи на 800 600 остарели. Не повече от 12% или дори по-малко.
Опит гума на портал, новинарски емисии, както и с един куп пълна информация като текст и графики, и така нататък до 800 600 и 1600x1200 търси приблизително еднакво. трудно. така, че гумите няма да завършат с разрешителни за разсейване.
IMHO гума и то само в рамките на 3-те най-популярни решения.
-
Flicker, когато се увеличава разделителната способност - лоша скорост на опресняване на екрана. По-големият екран и по-високо качество - толкова по-висока честота може да се настрои към определена резолюция. Но с появата на TFT става от значение. Yuzayut тръба вече до голяма степен само дизайнери, които за качество tfteshnik пари не е достатъчно.
Всичко зависи от проекта. Уверете се, каучук или в средата. Определено не е в лявата страна, особено в дясно
Каучук - насочва ясно! разделителна способност екрани растат бързо ... и промени в дизайна, не са много често срещана черта на сайта!
Гумени в средата на не повече от 1000 и повече!
Основното нещо - положението в търсенето
Най-добре е да се изработи сайт не се привързват към резолюцията, и пишат като процент от дължината и ширината!
На снимката се простира не достави!
Здравейте на всички! Моля, обяснете! Имам една снимка, че аз искам да го сложа в (разделителната способност на картината на 1024 * 768) на фона, но ако монитора 800 * 600 в HTML изглежда превъртане в дясно. Възможно ли е да се направи така, че картината се регулира на резолюцията, тоест, ако резолюцията на 1024 * 768, картината е 1024 * 768, ако 800 * 600, а след това на снимката е 800 * 600 беше да HTML. Видях един куп сайтове с такъв чип!
Сергей, като картина на заден план, чрез CSS, трябва да публикувате снимка на голям размер, така че автоматично да се поберат по-високата резолюция. Това е всичко.
На segodneshny Day 1024 на 768 LCD замени стандарти
1024 на 768 вече е много остаряла.