Fast, flytande eller elastisk design?
Fast, flytande eller elastisk bredd på webbsidor? Vad är bäst att använda? Här tar vi upp för och nackdelar med de olika alternativen och förklarar skillnaden.
Skillnaden mellan fast, flytande och elastisk bredd:
Fast: Webbsidans bredd är alltid lika stor oavsett skärmupplösning och storlek på webbläsarens fönster och användaren kan inte ändra storleken.
Flytande: Bredden är angiven i procent av webbläsarens fönsterstorlek och anpassar sig där efter.
Elastisk: Elastisk innebär att sidan bredd är anpassad efter textstorleken och blir bredare om man ökar textstorleken, men fungerar annars som den fasta layouten.
För och nackdelar med de olika alternativen.
Fast
Fördelen med en fast design är att designern har maximal kontroll över sidans utseende som i tex en tidningssida och kan därför anpassa textens radlängder så de blir så lättlästa som möjligt. Dessutom ser sidan nästan identisk ut i alla webbläsare.
Nackdelen är att besökarna inte kan anpassa sidan hur de vill och använda den radlängden etc. som passar dem. Ökar man textstorleken kan texten hamna utanför kolumner och designen bryts. Fasta sidor brukar även vara smala så de passar små skärmar, men på en stor widescreen skärm blir sidan bara en smal remsa då. En elastisk design fungerar på samma sätt förutom att det inte är några problem med att öka textstorleken.
Flytande
Fördelen med flytande design är att sidan alltid anpassar sig efter webbläsarfönstret och passar då lika bra på en liten handdator som en widesreen skärm. Besökarna har då också maximal kontroll över sidan och kan anpassa radlängder mm. hur dem vill genom att ändra storlek på webbläsarfönstret. Det blir heller aldrig en scroll i sidled och innehåll riskerar inte att hamna utanför vid utskrift.
Nackdelen är att det är mycket svårt att läsa text som sträcker sig från skärm till skärm då den optimala radlängden på ca. 95 tecken. På en widescreen skärm kan en rad bestå av en hel mening. Det problemet kan kringgås genom att man anger en max-bredd på sidan.
Vad är bäst att använda?
Det finns inget svar på vad som är bäst att använda men vi tycker att flytande design med en flexibel max-bredd (em) är det bästa alternativet. Vad tycker du?
Kommentarer till Fast, flytande eller elastisk design?:
