Navigare rapidă în pagină:
- Despre importanța întrebării
- Calculăm varianta optimă
- De ce se folosește des 960?
- Fiți atenți la aspectul cauciucului
Există o lățime standard de site acceptată în general? Ce ar trebui să fie? Există anumite detalii pentru diferite proiecte? Mi-am pus aceste întrebări de multe ori, acum voi încerca să le răspund pe baza experienței acumulate și a masei de informații citite pe internet.
Despre importanța întrebării
Dacă v-ați pus sau vă puneți aceeași întrebare, atunci înseamnă că sunteți pe drumul cel bun, pentru că de fapt lățimea paginii site-ului este de o importanță cheie în designul acesteia.
Cert este că dacă lățimea pe care o alegeți este mai mare decât rezoluția ecranului vizitatorului, site-ul nu se va încadra în întregime în browser, va apărea o bară de defilare orizontală. Drept urmare, utilizatorul nu va vedea o parte din informații sau va fi incomod pentru el să lucreze cu proiectul dumneavoastră. Rezultatul va fi un singur lucru - o reducere a factorilor comportamentali.
Dacă, dimpotrivă, setați lățimea prea mică, mai ales dacă există o parte de conținut foarte mică, atunci, din nou, site-ul dvs. va arăta stângaci și incomod. Încercați să verificați site-ul în diferite rezoluții și vedeți singur.
Deci, care ar trebui să fie lățimea site-ului în pixeli?
Calculăm varianta optimă
Pentru a răspunde corect la această întrebare, trebuie să apelați la statistici.
Pentru proiectul meu, la momentul scrierii articolului, serviciul Liveinternet a emis următoarele statistici (se arată rândurile cu o pondere în statistică de peste 5 la sută):
- 1366?768 — 23,7%
- 1280?1024 — 15,1%
- 1024?768 — 14,7%
- 1280?800 — 9,5%
- 1920?1080 — 8,4%
- 640?480 — 6,2%
- 1600?1200 — 5,9%
După cum se poate observa din statistici, marea majoritate a utilizatorilor folosesc monitoare cu o rezoluție de 1280 pixeli lățime sau mai mare. Cu toate acestea, observați linia îngroșată: 14,7% are o rezoluție de 1024 pixeli. Aceasta este o medie de unul din șase/șapte utilizatori - un procent destul de mare care are sens de luat în considerare.
Pe baza acestui fapt, lățimea site-ului dvs. nu ar trebui să depășească 1024 pixeli, altfel fiecare al șaselea vizitator va considera incomod să vă folosească proiectul.
Cu toate acestea, 1024 de pixeli este rezoluția monitorului și, de fapt, zona paginii din browser este mai mică, deoarece o parte a ecranului este consumată de bara de defilare (scroll), care este de aproximativ 24 de pixeli.
Deci, pagina noastră nu ar trebui să deschidă mai mult de 1000 de pixeli. Adesea, designerii sau clienții iau încă 20 de pixeli în rezervă și fac un site la 980 px.
Astfel, cea mai optimă lățime este 980-1000 px.
De ce se folosește des 960?
Dacă te uiți la șabloanele pentru WordPress (precum și pentru multe alte CMS), vei observa că multe dintre ele sunt orientate la 960 de pixeli.
De ce să devii de la opțiunea optimă într-o direcție mai mică? Trebuie remarcat aici că 960 este un număr foarte „la îndemână” din punct de vedere matematic, deoarece, spre deosebire de 980, este divizibil cu fiecare dintre aceste numere: 6, 8, 12, 16, 24 (și, în consecință, cu multe altele).
Acest lucru este convenabil pentru crearea unui design conform așa-numitului „sistem de grilă” - atunci când, la crearea unui aspect, acesta este împărțit mental în părți 6/8/12 etc. și toate blocurile layout-ului se aliniază de-a lungul acestora. linii - se dovedește simetric și frumos (mai multe detalii sunt scrise pe 960.gs și alte resurse).
Dacă faceți sau comandați un design de la zero și doriți doar,de exemplu, partea de conținut a ocupat 600 de pixeli și era o bară laterală în dreapta - atunci trebuie să vă concentrați pe sistemul de grilă și 960 de pixeli.
Fiți atenți la aspectul cauciucului
Într-un anumit sens, soluția la această problemă este un aspect din cauciuc - lățimea paginii este întinsă la lățimea ecranului, astfel încât toate opțiunile de afișare sunt luate în considerare în avans.
Cu toate acestea, în opinia mea subiectivă, aspectul nelimitat de cauciuc este rău, deoarece pe un afișaj cu o rezoluție de peste 2000 de pixeli, tot textul tău va fi întins în mai multe linii lungi, care vor fi greu de citit.
Imaginează-ți că citești o carte în care un rând are, să zicem, șaptezeci de centimetri sau un metru lungime. Ți-ar fi convenabil să-l citești? Cred că nu, pentru că nu degeaba formatul de carte în sine nu prevede, în medie, mai mult de 60-80 de caractere pe o singură linie. Prin urmare, nu aș recomanda o astfel de tehnologie pentru crearea unui site.
Prin urmare, dacă faceți sau comandați o machetă de cauciuc, aveți grijă de vizitator - setați o limită de aproximativ 1200-1300 px ca lățime maximă a paginii dvs.