Veebilehe kujundust saab teha kahel erineval viisil:
- Fikseeritud laiuse paigutused - need on paigutused, kus kogu lehe laius on määratud kindla arvväärtusega.
- Liquid Layouts - need on skeemid, kus kogu lehe laius on paindlik sõltuvalt sellest, kui suur on vaataja brauser.
Mõlema paigutusmeetodi kasutamiseks on mõjusad põhjused, kuid mõlemale meetodile suhtelise kasu ja puudujääkide mõistmisega ei saa te oma veebisaidile sobivat otsust teha.
Fikseeritud laiuse paigutused
Fikseeritud kujundused on kujundused, mis algavad kindla suurusega, mille määrab veebidisainer . Need jäävad selle laiuseni vaatamata lehe vaatamise brauseri akna suurusele. Fikseeritud laiusega paigutus võimaldab disaineril otsesemalt kontrollida, kuidas leht enamikus olukordades kuvatakse. Disainerid eelistavad neid tihti printimis taustal, kuna need võimaldavad disaineril teha paigutuse kohta minutid ja muuta need kõikjal brauserites ja arvutites püsima.
Liquid Layouts
Liquid layouts on skeemid, mis põhinevad praeguse brauseriakna suuruse protsentides. Nad painduvad akna suurusega, isegi kui praegune vaataja muudab brauseri suurust, kui nad saidi vaatavad. Liquid width laiendid võimaldavad väga tõhusalt kasutada veebibrauseri akna või ekraani eraldusvõimega pakutavat ruumi. Neid valivad tihti disainerid, kellel on palju teavet, et saada võimalikult vähe ruumi, kuna need jäävad järjepidevaks suuruse ja lehe suhtega, sõltumata sellest, kes lehti vaatab.
Mis on stakes?
Teie veebisaidi kujunduse jaoks valitud meetod mõjutab rohkem kui lihtsalt teie disaini . Sõltuvalt sellest, mis te valite, mõjutaksite teie lugejate suutlikkust oma teksti skannida, leia seda, mida nad otsivad või mõnikord isegi saidi kasutavad. Planeeringu stiil mõjutab ka teie jõupingutusi veebisaidi turustamisel brändingu, kinnisvara kättesaadavuse ja saidi esteetika abil.
Fikseeritud laiusega paigutuste eelised
- Fikseeritud laiusega paigutus võimaldab disaineril luua lehti, mis näevad välja identsed, ükskõik, kes neid vaatab.
- Fikseeritud laiusega elemendid, näiteks pildid, ei lase teksti väiksematel monitoridel, kuna kogu lehe laius sisaldab neid elemente.
- Suurte tekstisisendite puhul ei mõjuta skaneerimispikkust ükskõik kui suur veebibrauser.
Liquid Layouts eelised
- Vedelaiuse paigutus laieneb ja sõlmitakse olemasoleva ruumi täitmiseks.
- Kasutatakse kogu olemasolevat kinnisvara, mis võimaldab disaineril näidata rohkem sisu suurematest monitoridest, kuid väiksemate kuvarite puhul siiski jätkusuutlik.
- Vedelad paigutused tagavad suhteliste laiuste järjepidevuse, võimaldades lehel reageerida dünaamilisemalt kliendi kehtestatud piirangutele nagu suuremad kirjasuurused.
Fikseeritud laiusega paigutuste puudused
- Fikseeritud laiusega paigutus võib põhjustada horisontaalset kitsendamist väiksemates brauseri aknades. Enamik inimesi ei meeldi horisontaalselt kerida.
- Samuti võivad suuremad kuvarid põhjustada suurte tühimike tühimike, mille tagajärjeks on palju kasutamata ruumi ja keritakse vertikaalselt rohkem kui muidu oleks vaja.
- Fikseeritud laiusskeemid ei järgi klientide muudatusi fondi suurustes väga hästi. Kirjasuuruse väikeste suurenemiste korral võivad need olla korras, kuid suuremate suurenduste korral võib paigutus saada ohtu.
Vedelate paigutustega seotud puudused
- Liquid layouts võimaldavad väga vähe täpset kontrolli lehe erinevate elementide laiuse üle.
- Need võivad põhjustada teksti veerud, mis on liiga laiad, et neid hõlpsalt skannida, või väiksemate brauseritega, mis on liiga väikesed, et sõnad selgelt kuvataksid.
- Vedelatele paigutustele võivad olla probleemid, kui fikseeritud laiusega elementi, näiteks pilt, pannakse vedeliku kolonni. Kui veerus kuvatakse kujutise jaoks piisavalt ruumi, suurendavad mõned brauserid veeru laiust, ignoreerides disaineri juhiseid, samal ajal kui teised brauserid põhjustavad teksti ja piltide kattumist, et saavutada õiged protsendid.
Järeldus
Paljud saidid, millel on palju teavet, mida nad vajavad võimalikult vähe ruumi andma, töötavad hästi vedeliku kujundusega. See võimaldab neil kasutada ära kogu kinnisvara, mida suuremad kuvarid pakuvad, kuid ei vähenda väiksemaid kuvasid.
Saidid, mis vajavad täpset kontrolli selle üle, kuidas lehti igal konkreetsel kujul välja näeb, sobiksid hästi fikseeritud laiusega paigutuse kasutamiseks. See annab rohkem kindlust, et teie veebisaidi bränding on järjepidev ja selge olenemata sellest, millise suurusega monitori see on vaadatud.
Paigutuse eelistus
Paljud eelistavad kombineeritud lähenemist. Neile ei meeldi suurte tekstiklokkide jaoks vedelate kujunduste kasutamine, kuna see võib muuta teksti väikese monitori jaoks lugematuks või suurele ühele skannimiskõlbmatuks. Nii et nad kipuvad lehtede peamistest veergudest fikseeritud laiusega, kuid muudavad päised, jalused ja külgterongid paindlikumaks ülejäänud kinnisvara kasutuselevõtuks ega kaota suuremate brauserite mahtu.
Mõned saidid kasutavad brauseri akna suuruse määramiseks skripte ja seejärel vastavalt kuvaseadme elemente. Näiteks kui avate sellise saidi väga laias aknas, võite vasakul küljel saada täiendava veergu linkidest, mida väiksemate monitoridega kliendid võivad näha. Reklaami ümber olev tekst on sõltuv sellest, kui lai, teie brauseri aken. Kui see on piisavalt lai, ümbritseb sait selle ümber teksti, vastasel korral kuvatakse reklaami all olev artikli tekst. Kuigi enamik saite ei vaja sellist keerukust, näitab see võimalust kasutada suuremaid ekraane, ilma et see mõjutaks ekraani väiksematel ekraanidel.