Amplasarea paginii web se poate face în două moduri diferite:
- Liniile fixe de lățime - Acestea sunt aspecte în care lățimea întregii pagini este setată cu o valoare numerică specifică.
- Dispozitive lichide - Acestea sunt aspecte în care lățimea întregii pagini este flexibilă, în funcție de cât de largă este browser-ul privitorului.
Există motive bune pentru utilizarea celor două metode de aspect, dar fără a înțelege atât avantajele relative, cât și deficiențele fiecărei metode, nu puteți lua o decizie bună despre ce să utilizați pentru pagina Web.
Lățimi fixe fixe
Modelele fixe sunt planuri care încep cu o anumită dimensiune, determinată de designerul Web . Acestea rămân acea lățime, indiferent de mărimea ferestrei browserului care văd pagina. Liniile fixe de lățime permit unui designer mai mult control direct asupra modului în care va arăta pagina în majoritatea situațiilor. Ele sunt adesea preferate de designeri cu fundal de imprimare, deoarece permit designerului să facă ajustări minuscule la aspect și să le rămână consecvente între browsere și computere.
Dispozitive lichide
Amplasările lichide sunt aspecte care se bazează pe procente din dimensiunea ferestrei curente a browserului. Ele flex cu dimensiunea ferestrei, chiar dacă vizualizatorul curent modifică dimensiunea browserului în timp ce vizionează site-ul. Lățimea lățimii lichide permite o utilizare foarte eficientă a spațiului furnizat de o anumită fereastră a browserului web sau de rezoluția ecranului. Ele sunt adesea preferate de designeri care au o mulțime de informații pentru a ajunge în cât mai puțin spațiu posibil, deoarece rămân consecvente în mărime și greutăți relative ale paginii, indiferent de cine vizionează pagina.
Ce ești deținut?
Metoda aleasă pentru proiectarea site - ului dvs. web va avea un impact mai mult decât designul dvs. În funcție de alegerea dvs., veți afecta capacitatea cititorilor de a vă scana textul, de a găsi ceea ce caută sau uneori chiar de a utiliza site-ul dvs. De asemenea, stilul de aspect va afecta eforturile dvs. de a comercializa site-ul Web prin branding, disponibilitatea imobiliară și estetica site-ului dvs.
Avantajele dispunerilor de lățime fixă
- O structură de lățime fixă permite proiectantului să construiască pagini care vor arăta identice, indiferent cine se uită la ele.
- Elementele cu lățime fixă, cum ar fi imaginile, nu vor suprasolicita textul pe monitoarele mai mici, deoarece lățimea întregii pagini va include acele elemente.
- Lungimea scanării nu va fi afectată de segmente mari de text, indiferent cât de larg este browserul Web.
Beneficiile dispozitivelor lichide
- O dispunere a lățimii lichidului se extinde și contractează pentru a umple spațiul disponibil.
- Se utilizează toate proprietățile disponibile, permițând proiectantului să afișeze mai mult conținut pe monitoare mai mari, dar să rămână viabil pe afișaje mai mici.
- Amplasările lichide oferă consistență în lățimi relative, permițând unei pagini să răspundă mai dinamic la restricțiile impuse de client, cum ar fi dimensiunile de dimensiuni mai mari.
Dezavantaje ale layouturilor de lățime fixă
- Liniile fixe de lățime pot provoca derularea orizontală în ferestrele de browser mai mici. Și majoritatea oamenilor nu le place să parcurgă orizontal.
- Acestea pot duce, de asemenea, la expansiuni mari de spații albe în monitoarele mai mari, ducând la o mulțime de spațiu neutilizat și mai multe derulare verticală decât s-ar putea dovedi altfel.
- Liniile fixe de lățime nu gestionează foarte bine schimbările clienților la dimensiunile fontului. Pentru creșteri mici în dimensiunea fontului, ele pot fi în regulă, dar pentru creșteri mai mari, aspectul poate deveni compromis.
Dezavantaje la dispozitivele lichide
- Formatele lichide permit un control foarte puțin precis asupra lățimii diferitelor elemente ale paginii.
- Ele pot duce la coloane de text care sunt fie prea largi pentru a scana confortabil, fie pe browsere mai mici prea mici pentru ca cuvintele să apară clar.
- Formatele lichide pot avea probleme când un element cu lățimea fixă, cum ar fi o imagine, este plasat în interiorul unei coloane de lichid. Dacă coloana este redată fără spațiu suficient, unele browsere vor crește lățimea coloanei, fără a ține seama de instrucțiunile designerului, în timp ce alte browsere vor cauza suprapuneri în text și imagini pentru a obține procentele corecte.
Concluzie
Multe site-uri care au o mulțime de informații de care au nevoie pentru a exprima în cât mai puțin spațiu posibil ar funcționa bine cu un aspect lichid. Acest lucru le permite să profite de toate bunurile imobile pe care monitoarele mai mari le furnizează în timp ce nu se scurtează afișajele mai mici.
Site-urile care necesită un control precis asupra modului în care paginile apar în fiecare situație ar face bine să utilizeze un aspect cu lățime fixă. Acest lucru oferă mai multă siguranță că branding-ul site-ului Web este consistent și clar, indiferent de dimensiunea monitorului pe care îl vedeți.
Layout Preference
Mulți preferă o abordare mixtă. Nu le place să folosească machete lichide pentru blocuri mari de text, deoarece acestea pot face ca textul să nu fie citit pe un monitor mic sau să nu poată fi citit pe unul mare. Deci au tendința de a face coloanele principale ale paginilor o lățime fixă, dar fac ca anteturile, subsolurile și coloanele laterale să fie mai flexibile pentru a prelua restul imobilelor și pentru a nu pierde capacitatea unor browsere mai mari.
Unele site-uri utilizează scripturi pentru a determina dimensiunea ferestrei browserului dvs. și apoi modificați elementele de afișare în consecință. De exemplu, dacă deschideți un astfel de site într-o fereastră foarte largă, puteți obține o coloană suplimentară de linkuri pe partea stângă, pe care clienții cu monitoare mai mici ar putea să nu le vadă. De asemenea, înfășurarea textului în jurul publicității depinde de cât de largă este fereastra browserului. Dacă este suficient de larg, site-ul va înfășura text în jurul acestuia, altfel va afișa textul articolului sub anunț. În timp ce majoritatea site-urilor nu au nevoie de acest nivel de complexitate, demonstrează o modalitate de a profita de ecrane mai mari fără a afecta ecranul pe ecrane mai mici.