Skip to main content

Fast breddelayout versus flytende layout

Sueco the Child - fast [Official Music Video] (Juni 2026)

Sueco the Child - fast [Official Music Video] (Juni 2026)
Anonim

Oppsett av nettsider kan gjøres på to forskjellige måter:

  • Faste breddelayouter - Dette er oppsett hvor bredden på hele siden er satt med en bestemt numerisk verdi.
  • Væskeformater - Dette er oppsett hvor bredden på hele siden er fleksibel avhengig av hvor bred seerens nettleser er.

Det er gode grunner til å bruke begge oppsettmetoder, men uten å forstå både de relative fordelene og manglene i hver metode, kan du ikke ta en god beslutning om hvilke som skal brukes til websiden din.

Faste breddeoppsett

Faste oppsett er oppsett som starter med en bestemt størrelse, bestemt av webdesigneren. De forblir den bredden, uansett størrelsen på nettleservinduet som ser på siden. Faste breddeoppsett gir en designer mer direkte kontroll over hvordan siden vil se ut i de fleste situasjoner. De er ofte foretrukket av designere med en utskriftsbakgrunn, da de tillater at designeren foretar små justeringer av oppsettet, og at de forblir konsistente på tvers av nettlesere og datamaskiner.

Væskeformater

Flytende layouter er oppsett som er basert på prosentandeler av det nåværende nettleservinduets størrelse. De bøyer seg med størrelsen på vinduet, selv om den nåværende betrakteren endrer nettleserens størrelse når de ser på nettstedet. Væskebreddeoppsett gir en svært effektiv bruk av plassen som er gitt av et hvilket som helst nettleservindu eller skjermoppløsning. De er ofte foretrukket av designere som har mye informasjon å komme over på så lite plass som mulig, da de forblir konsistente i størrelse og relative sidevekter uansett hvem som ser på siden.

Hva skjer med Stake?

Metoden som er valgt for ditt nettsteddesign vil påvirke mer enn bare ditt design, men nettstedets lydhørhet og tilpasningsevne. Avhengig av hvilken du velger, vil du påvirke lesernes evne til å skanne teksten, finne det de leter etter eller noen ganger til og med bruke nettstedet ditt. I tillegg vil utformingsstilen påvirke din innsats ved å markedsføre nettstedet ditt gjennom merkevarebygging, eiendoms tilgjengelighet og estetikken til nettstedet ditt.

Fordeler med faste breddelayouts

  • En fast breddeoppsett gjør at designeren kan bygge sider som vil se ut identiske uansett hvem som ser på dem.
  • Faste breddelementer som bilder vil ikke overstyre tekst på mindre skjermer fordi bredden på hele siden vil inneholde disse elementene.
  • Skannelengde vil ikke bli påvirket av store segmenter av tekst, uansett hvorvidt nettleseren er.

Fordeler med flytende layout

  • En flytende breddeoppsett utvider og kontrakterer for å fylle ledig plass.
  • All tilgjengelig eiendom brukes, slik at designeren kan vise mer innhold på større skjermer, men fortsatt forbli levedyktig på mindre skjermer.
  • Flytende layouter gir konsistens i relative bredder, slik at en side kan reagere mer dynamisk på kundepålagte restriksjoner som større skriftstørrelser.

Ulemper til faste breddelayouts

  • Faste breddeoppsett kan føre til horisontal rulling i mindre nettleservinduer. Og de fleste liker ikke å rulle horisontalt.
  • De kan også resultere i store utvidelser av hvite rom i større skjermer, noe som resulterer i mye ubrukt plass og mer rulling vertikalt enn det ellers måtte være nødvendig.
  • Faste breddeoppsett håndterer ikke kundeendringer til skriftstørrelser veldig bra. For små økninger i skriftstørrelsen kan de være ok, men for større økninger kan layoutet bli kompromittert.

Ulemper til flytende layout

  • Væskeformater tillater svært lite presis kontroll over bredden på de ulike elementene på siden.
  • De kan resultere i tekstkolonner som enten er for brede til å skanne komfortabelt, eller på mindre nettlesere for små for at ordene skal vises tydelig.
  • Flytende oppsett kan ha problemer når et fast breddeelement, for eksempel et bilde, er plassert inne i en flytende kolonne. Hvis kolonnen blir gjengitt uten nok plass til bildet, vil noen nettlesere øke kolonnebredden, uten hensyn til designers instruksjoner, mens andre nettlesere vil forårsake overlapper i tekst og bilder for å oppnå de riktige prosentsatsene.

Konklusjon

Mange nettsteder som har mye informasjon de trenger å formidle i så lite plass som mulig, ville fungere godt med et flytende layout. Dette gjør at de kan dra nytte av all eiendomsmegling som større skjermer gir, mens de ikke kortslår mindre skjermer.

Nettsteder som krever presis kontroll over hvordan sidene ser ut i hver situasjon, vil gjøre det bra å bruke en fast breddeoppsett. Dette gir mer forsikring om at merkevaren på nettstedet ditt er konsistent og klart uansett hvilken størrelsesmonitor det er sett på.

Layoutpreferanse

Mange foretrekker en blandet tilnærming. De liker ikke å bruke flytende layouter for store tekstblokker, da det kan gjøre teksten enten ulæselig på en liten skjerm eller ikke-skannbar på en stor. Så de pleier å gjøre de viktigste kolonnene på sidene en fast bredde, men gjør topptekst, bunntekst og sidekolonner mer fleksible for å ta opp gjenværende eiendomsmegling og ikke miste kapasiteten til større nettlesere.

Enkelte nettsteder bruker skript for å bestemme størrelsen på nettleservinduet og deretter endre visningselementene tilsvarende. Hvis du for eksempel åpner et slikt nettsted i et svært bredt vindu, kan du få en ekstra kolonne med lenker på venstre side, at kunder med mindre skjermer kanskje ikke ser. Tekstinnpakning rundt annonseringen er også avhengig av hvor bredt nettleservinduet ditt er. Hvis den er bred nok, vil siden legge inn tekst rundt den, ellers vil den vise artikkelen under annonsen.Mens de fleste nettsteder ikke trenger dette kompleksitetsnivået, viser det seg en måte å dra nytte av større skjermer uten å påvirke skjermen på mindre skjermer.