rezoluția ecranului și paginile de internet
Rezumat: optimizarea site-uri pentru 1024x768, dar utilizarea de proiectare plutitoare, care se întinde chiar sub orice rezoluție - de la 800x600 la 1280x1024.
Una dintre cele mai frecvente întrebări în cursul meu pe „Web“ - sfaturi de bază sunt evidente „Sub ce rezoluție am ajusta designul lor?“:
- Optimizare pentru 1024x768 - este cea mai comună rezoluția ecranului până în prezent. Sigur, trebuie să se concentreze pe rezoluția ecranelor de audiență țintă. În viitor, dimensiunea se va schimba. rezoluția ecranului poate fi necesar să se schimbe, dacă site-ul este creat pentru un intranet, în cazul în care clientul oferă angajaților lor monitoare mari.
- Nu este nevoie pentru a crea site-uri numai sub o anumită rezoluție. Deoarece dimensiunile ecranului de utilizator variază. De asemenea, vizitatorii nu sunt întotdeauna „maximizarea“ browserele lor (mai ales în cazul în care au ecrane de mari dimensiuni).
- Utilizați design „plutitor“. care se întindea sub dimensiunea specifică a ferestrei (a evita desene statice cu o singură dimensiune).
Până în prezent, aproximativ 60% dintre toate monitoarele sunt setate la 1024x768 pixeli. Pentru comparație - aproximativ 17% din monitorul este setat la o rezoluție de 800x600, deci este destul de evident că nu este nevoie să-l optimizeze în conformitate cu această rezoluție. De asemenea, este evident că nu se poate ignora 17%, și pentru a crea o pagină care necesită mai mult spațiu decât este de fapt.
pagina de optimizare pentru 1024x768
Când spun „optimizare“, vreau să spun că pagina dvs. ar trebui să apară și de a efectua în mod optim la rezoluția ecranului prevalență. În acest fel, nu putem uita de alte rezoluții. De aceea, eu recomand un design „plutitor“.
Cele trei cele mai importante criterii de optimizare a paginilor web sub o anumită rezoluție:
- Analiza inițială. văzut dacă utilizatorii sunt toate informațiile cheie fără a derula? Acesta este un compromis între numărul de elemente afișate și modul imagine detaliată a fiecărui element.
- Lizibilitate. deoarece textul într-o anumită lățime coloană este ușor de citit? (Lungimea șirului de caractere Optimialnaya.)
- Estetica. cât de bine este afișată pagina, în cazul în care toate elementele de dimensiunea corectă și locația corectă? Fie că toate elementele sunt aliniate în mod corespunzător - de exemplu, dacă semnătura lângă fotografie, etc.
Site-ul are, de asemenea, să lucreze cu ferestre de dimensiuni mai mici și mai mari, dar aceste situații nu sunt critice. Mai puțin de jumătate de procent din utilizatorii lucrează cu o rezoluție de 640x480. Pentru acești utilizatori, site-ul trebuie să fie afișate cu toleranțe destul de acceptabile.
În ceea ce privește primul criteriu - trebuie să fie întotdeauna conștienți de pagina de derulare. De obicei, utilizatorii nu le place defilare (în noua mea carte este descrisă în detaliu, împreună cu statisticile care arată cât de mulți utilizatori derula diferite tipuri de pagini). Amintiți-vă - atunci când creați de proiectare, ia în considerare întotdeauna cum se vedea de mult utilizatorii de informații, dacă navigați într-unul sau două ecran complet.
Scrolling și revizuirea inițială depinde de dimensiunea ecranului: cu atât mai mare ecran, mai multe informații arată, și cu atât mai puțin ce trebuie să faci rotiri. Acest lucru este în cazul în care trebuie să fie optimizat pentru 1024x768: fără a fi nevoie pentru a defila pentru a arăta conținutul cel mai important (după cum este necesar pentru a se asigura că informațiile critice rămân vizibile la 800x600).
ecrane mari
Mulți utilizatori au ecrane de mari dimensiuni. In prezent, aproximativ 18% de utilizare, cel puțin egal cu rezoluția de 1280x1024 pixeli. Procentul utilizatorilor cu ecrane de mari dimensiuni este în creștere, dar nu la fel de repede cum aș dori.
monitoare mari - cel mai simplu mod de a îmbunătăți performanța. Cei care castiga un minim de 50.000 $ pe an, ar trebui să aibă o rezoluție a ecranului de cel puțin 1600x1200. Afișaj cu ecran plat, cu o rezoluție mai mică de 500 $ în valoare. Deci, în timp ce display-uri mari crește productivitatea cu cel puțin 0,5%, această investiție va plăti pentru sine, în mai puțin de un an (deasupra capului corporatist tipic dublează costul companiei se bazează pe o singură persoană, amintiți-vă întotdeauna că, în orice calcul al performanței este necesară utilizarea valorii muncii, și nu un salariu).
Eu folosesc personal pe ecran cu o rezoluție de 2048x1536 pixeli, în același timp, eu nu numesc acest monitor este mare. In urmatorii 10 ani, mi-ar aștepta ca monitoarele de rezoluție 5000h3000 devenit soluția standard, cel puțin în rândul profesioniștilor.
Incepand cu 1600x1200, utilizatorii se întind rareori browserele lor ecran complet, deoarece există site-uri mici sunt afișate corect în astfel de rezoluții. Ferestrele mari magic simplifica lucrul cu date tabelare, design grafic, și multe alte sarcini. Odată ce această lungă, dar nu se aplică în paradigma actuală a site-urilor de Internet. Astăzi, utilizatorii de Internet cu ecrane mari utiliza spațiu liber suplimentar în mai multe alte aplicații Windows în paralel pentru a naviga pe Internet.
În viitor, vă rugăm să utilizatorii de Internet, cel mai probabil, nu vom avea nevoie de pagini individuale, și alte paradigme. Sau poate chiar o metaforă, cum ar fi o hârtie de știri sau alt buletin, se va manifesta în cea mai bună lumină.
În orice caz, necesitatea unei noi paradigme nu se va schimba aceste recomandări: pentru a optimiza 1024x768, dar nu crea un design doar pentru această rezoluție. Paginile ar trebui să lucreze la orice rezoluție, de la 800x600 la 1280x1024 sau mai mult.
- traducerea articolului: umade.ru
Jakob Nielsen atât de evident depășite.
Lucrurile despre care a scris mai mult de o dată descris de mulți alți cercetători web uzabilitate.
Cauciuc sau un design elastic ar suna mai bine.
Și într-adevăr: taxiuri CSS. Nielsen nu nifiga înțeleg posibilitățile tehnice sunt disponibile în prezent, și pentru că, uneori, zbate trecut.
Orice designer de-coder întrebat vreodată aceste întrebări în măsură să le răspundă el însuși. Informații utile în articol - zero.
Gobbr, pentru care Nielsen depășit? Când Runet va începe să asculte sfatul lui, oamenii vor trebui să zboare spre Jupiter.
Maxim, da - CSS unic taxiuri. Numai max-lățime și min-lățime, care sunt pentru subiect.
Korzhukov, orice designer-coder? Oricine creează un fel de portal, se consideră, în cazul în care chiar și un săpat puțin în codul CMS-motor. Dar cum neîndemânatic și ridicol privire de creațiile lor?
Dar cred că atenția la performanța rezoluției este prea aproape. Acesta este unul dintr-un număr foarte mare de alți factori.
Chiar termina articolul nu a făcut. Înțelegem cu toții cât de important este sa nu faca dimensiunea de site-ul 1600 × 1024, deoarece unele (ca atare, cum ar fi eu) nu-l va vedea. Și pentru a scrie un articol, cred că, pe acest subiect nu este în valoare de ea, această nuanță este descrisă în orice carte despre HTML.
Prin modul în opinia mea personală: site-ul este cel mai bun pentru a face acest lucru, ce-ar 800x600 uitat (cel puțin până când se va lansa al șaptelea Explorer cu file) Deoarece multe dintre oamenii am văzut în practică și a văzut în acest articol utiliza Explorer. (cei care încă îl folosesc) în modul stabilit.
P.S nu judeca strict pentru prima dată pe site-ul. artist
De fapt, conversația nu este vorba despre asta. Este timpul pentru a arunca pixeli si puncte de HTML si CSS, si du-te la un interes.
Pixelii sunt permise numai tag-uri IMG, și chiar și atunci numai pentru că „Web cancerului“ împins formatele normale vector w. pentru care utilizatorii să plătească terabiti de trafic suplimentar. Dar furnizorii de câștigat „Web cancer“ nu este unul Megabucks, astfel încât acestea sunt toate mâinile, picioarele, cozile și coarne „în spatele“.
Acest lucru Nielsen într-un fel tăcut. Sau pur și simplu netraduse încă?
Nu-mi place atunci când lățimea de 3/5 din ecranul monitorului țineți coloana goală în dreapta și stânga. Acest lucru este într-adevăr o problemă pe care trebuie să vorbești.
Nu înțeleg de ce atât de multe baionete îmbrățișat acest articol. Mă bucur dimpotrivă, da, avem ceea ce a scris Nielsen a fost mult timp un eveniment comun, dar dacă te uiți la site-uri occidentale, există o tendință diferită, site-uri fixe solide, chiar nu se uite la faptul că, la fel pentru că da. Dar dacă „ai lor“ designeri web să acorde o atenție specială acestui articol, ar fi frumos pentru a vedea transformarea Internet occidentale. Și este bine că Nielsen a vorbit pe site-urile de cauciuc.
Face bine pentru a adăuga un pic de practică. Și sa dovedit prea apos.
Nu trebuie să fie optimizate pentru o anumită rezoluție, cea mai bună opțiune - un design bloc de cauciuc în CSS, adevarul este, uneori, o mai bună utilizare a tabelului cu CSS.
1280x1024 cota este în creștere. Dar 800600 este încă pierde teren. Din fericire, un an sau doi, iar acest razershenii va fi uitat.
Vă mulțumim!
Eu, ca nou-a ajutat.
Nu înțeleg cum oamenii stau la 1024x768 ... Și sunt cei care stau cu această rezoluție pe un „ecran de 19. La urma urmei, este, în general mozahizm ...
PS: IMHO 800600 nu este yuzaet 17%)
Toate paginile sunt întotdeauna optimizate pentru rezoluția de 800 × 600, de exemplu, eu nu browser-ul nu dezvăluie întregul ecran, iar atunci când browser-ul apare defilare pe orizontală într-un fel deja pagina neconfortabil arată defilare mult mai frumos în sus și în jos, decât atunci când se adaugă la dreapta la stânga.
> Nu înțeleg modul în care oamenii stau pe
> 1024x768 ... Și sunt cei care stau cu
> Rezoluție pe un „ecran de 19. La urma urmei, acesta este, în general
> Mozahizm ...
Este absolut normal. Dacă te uiți atent, apoi b_o_lshih rezoluția ecranului începe să pâlpâie mai vizibile, indiferent de timpul de răspuns monitorului. Pentru ochi, în mod natural, orice licărire de beneficiu nu merge, dar dacă nu există nici o alegere, este de dorit să se minimizeze consecințele. Mai ales pentru că adevăratul câștig mare nu dau permisiunea (cu excepția celor mai multe dintre pictogramele plasate pe desktop). Și nu vorbesc despre numărul mare de ferestre, care pot fi utilizate în paralel, economisind timp: de data aceasta vei pierde atunci când închideți fereastra, cu scopul de a trage în schimb mouse-ul spre dreapta sus și faceți clic pe executa. mulții ani de experiență de programator indică faptul că necesitatea de a două sau mai multe ferestre non-dislocate în apropiere, nici măcar pentru Drag # 038; Drop'a, ca să nu mai vorbim de lucruri mai simple.
> Ponderea 1280x1024 crește. Dar încă 800600
> Pierde teren. Din fericire, un an sau doi, și despre
> Razershenii acest lucru va fi uitat.
În zadar. speranță goală. După câțiva ani, cred că va fi posibil să vorbim despre consecințele utilizării rezoluții mai mari. Copiii mici nu sunt cu bună știință oferă cărți cu litere mari.
Sunt de acord cu Dmitri - copii furnizează cu bună știință cărți cu litere mari.
Am stat personal pentru un timp la 1280x1024 și a dat seama că viziunea nu este suficient (și eu sunt un fotograf, printre altele).
Pe de altă parte, a se vedea - toată lumea îi place. așa. Am un prieten, așa că îi place, în general, pentru a schimba ecranul să se uite la, deși o vedere foarte slaba.
În ceea ce privește site-urile - IMHO că orice site-ul ar trebui să fie convenabil pentru utilizator, astfel încât să fie dozhen „cauciuc“, orizontal de navigare pe cineva enervant, astfel încât corpul nostru este proiectat.
aproximativ 17% din informațiile care stau pe 800 600 depășite. Nu mai mult de 12% sau chiar mai puțin.
Un cauciuc încerca pe un portal, fluxuri de știri, precum și cu o grămadă de informații complete sub formă de text și grafică, și așa mai departe la 800 600 și 1600x1200 în căutarea aproximativ egal. greu. astfel încât pneurile să nu se vor finaliza cu permise de dispersie.
cauciuc IMHO și apoi numai în cele 3 rezoluții mai populare.
-
Pâlpâire atunci când rezoluția este crescută - o rată de reîmprospătare a ecranului rău. Mai mare ecran și calitate mai mare - cu atât mai mare frecvență poate fi setat la o anumită rezoluție. Dar, odată cu apariția TFT devine relevantă. tub Yuzayut este acum în mare măsură doar designeri care pentru calitate tfteshnik bani nu este suficient.
Totul depinde de proiect. Asigurați-vă de cauciuc sau în mijloc. Categoric nu în partea stângă, în special în partea dreaptă
Cauciuc - taurasi clar! ecrane de rezoluție sunt în creștere rapidă ... și remodelări nu sunt o caracteristică foarte frecvente a site-ului!
Cauciuc în mijlocul nu mai mult de 1000 și mai mult!
Principalul lucru - poziția în căutare
Cel mai bine este de a proiecta un site nu devine atașat la rezoluție, și scrie ca procent din lungimea și lățimea!
In imagine se întinde nu dă!
Bună ziua tuturor! Vă rugăm să explicați! Am o imagine pe care vreau să-l pună în (rezoluția imaginii de 1024 * 768) de fundal, dar în cazul în care monitorul 800 * 600 în HTML apare defilare în dreapta. Este posibil să se facă astfel încât imaginea este ajustată la rezoluția, și anume, în cazul în care rezoluția 1024 * 768, imaginea este de 1024 * 768, în cazul în care 800 * 600, iar apoi imaginea este de 800 * 600 a fost html. Am văzut o grămadă de site-uri cu un astfel de cip!
Sergey, ca o imagine a fundalului, prin CSS, trebuie să publicați o imagine a unei mari dimensiuni, astfel încât să se potrivească în mod automat rezoluție mai mare. Asta e tot.
În ziua segodneshny 1024 de 768 LCD înlocuiesc standardele
1024 x 768 este deja foarte mult depășite.