Aspectul paginii web urmează una dintre cele două abordări diferite:
- Aspecte cu lățime fixă: Acestea sunt aspecte în care lățimea întregii pagini este setată cu o valoare numerică specifică.
- Aspecte lichide: Acestea sunt aspecte în care lățimea întregii pagini este flexibilă în funcție de cât de larg este browserul vizualizatorului.
Există motive întemeiate pentru utilizarea ambelor metode de aspect, dar fără a înțelege ambele relative beneficiile și deficiențele fiecărei metode, nu puteți lua o decizie bună cu privire la care să utilizați pentru web pagină.
Aspecte cu lățime fixă
Aspectele fixe sunt aspecte care încep cu o dimensiune specifică, așa cum este stipulat de designerul web. Acestea rămân la aceeași lățime, indiferent de dimensiunea ferestrei browserului care vizualizează pagina. Aspectele cu lățime fixă permit unui proiectant un control mai direct asupra modului în care va arăta pagina în cele mai multe situații. Ele sunt adesea preferate de designerii cu fundal de imprimare, deoarece permit proiectantului să facă ajustări minuțioase ale aspectului și să le permită să rămână consecvente pe browsere și computere.
Aspecte lichide
Aspectele lichide sunt aspecte care se bazează pe procente din dimensiunea ferestrei curente a browserului. Se flexează cu dimensiunea ferestrei, chiar dacă vizualizatorul actual își schimbă dimensiunea browserului pe măsură ce vizionează site-ul. Aspectele cu lățime lichidă permit o utilizare eficientă a spațiului oferit de orice fereastră de browser sau rezolutia ecranului. Ele sunt adesea preferate de designerii care au o mulțime de informații pe care să le transmită într-un spațiu atât de redus posibil, deoarece acestea rămân coerente în ceea ce privește dimensiunea și greutățile relative ale paginii, indiferent de cine vede pagină.
Ce e la Stake?
Ta proiectare de site-uri vă afectează receptivitatea și adaptivitatea site-ului. În funcție de alegerea dvs., capacitatea cititorilor de a vă scana textul, de a găsi ceea ce caută sau uneori chiar de a utiliza site-ul dvs. poate fi ajutată sau împiedicată. Identitatea generală a mărcii site-ului dvs. poate fi, de asemenea, expusă riscului, mai ales dacă standardele mărcii dvs. respectă un model logic de tipărire.
Avantajele aspectelor cu lățime fixă
Un aspect cu lățime fixă este util în anumite circumstanțe.
- Un aspect cu lățime fixă permite proiectantului să construiască pagini care să arate identice indiferent cine le privește.
- Elementele cu lățime fixă, cum ar fi imaginile, nu vor depăși 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.
Avantajele aspectelor lichide
Un aspect lichid funcționează cel mai bine în alte circumstanțe.
- Un aspect cu lățime lichidă se extinde și se contractă pentru a umple spațiul disponibil.
- Se utilizează toate proprietățile imobiliare disponibile, permițându-i proiectantului să afișeze mai mult conținut pe monitoare mai mari, dar rămâne totuși viabil pe afișaje mai mici.
- Aspectele lichide oferă consistență în lățimile relative, permițând unei pagini să răspundă mai dinamic la restricțiile impuse de clienți, cum ar fi dimensiunile mai mari ale fonturilor.
Dezavantaje ale aspectelor cu lățime fixă
Cu toate acestea, un format fix nu este lipsit de costuri.
- Aspectele cu lățime fixă forțează derularea orizontală în ferestrele mai mici ale browserului. Majorității oamenilor nu le place să deruleze pe orizontală.
- Lasă spații mari de spațiu alb în monitoare mai mari, rezultând mult spațiu neutilizat și mai multe derulare pe verticală decât ar fi altfel necesar.
- Aspectele cu lățime fixă nu gestionează foarte bine modificările clienților la dimensiunea fontului. Pentru creșteri mici ale dimensiunii fontului, acestea pot fi în regulă, dar pentru creșteri mai mari, aspectul poate deveni compromis.
Dezavantaje ale aspectelor lichide
De asemenea, aspectele lichide nu sunt lipsite de dezavantaje.
- Aspectele lichide permit un control foarte mic asupra lățimii diferitelor elemente ale paginii.
- Acestea pot duce la coloane de text fie prea largi pentru a fi scanate confortabil, fie în browsere mai mici, prea mici pentru ca cuvintele să apară clar.
- Eroare de dispunere a lichidului atunci când un element cu lățime fixă, cum ar fi o imagine, este plasat într-o coloană de lichid. Dacă coloana este redată fără suficient spațiu pentru imagine, unele browsere vor crește lățimea coloanei, ignorând instrucțiunile proiectantului, în timp ce alte browsere forțează suprapuneri în text și imagini pentru a obține corectul procente.
Preferințe de aspect și abordări mixte
Unii designeri preferă să amestece aceste concepte. Nu le place să utilizeze aspectele lichide pentru blocuri mari de text, deoarece această structură face ca textul să fie ilizibil pe un monitor mic sau neconectabil pe unul mare. Deci, tind să facă coloanele principale ale paginilor să aibă o lățime fixă, dar fac anteturi, subsoluri și laterale coloane mai flexibile pentru a prelua imobilul rămas și a nu pierde capacitatea de mai mare browsere.
Unele site-uri folosesc scripturi pentru a determina dimensiunea ferestrei browserului și apoi modifică elementele de afișare în consecință. De exemplu, dacă deschideți un astfel de site într-o fereastră foarte largă, este posibil să primiți o coloană suplimentară de link-uri pe partea stângă pe care vizitatorii cu monitoare mai mici s-ar putea să nu le vadă. De asemenea, ambalarea textului în jurul publicității depinde de cât de largă este fereastra browserului dvs. Dacă este suficient de larg, site-ul va înfășura text în jurul său, în caz contrar, va afișa textul articolului sub anunț. Deși majoritatea site-urilor nu au nevoie de acest nivel de complexitate, aceasta demonstrează o modalitate de a profita de ecrane mai mari fără a afecta afișarea pe ecrane mai mici.