Gridbaseret design

Når man går i gang med at designe en hjemmeside, er der flere mulige tilgange til det. Vi har hos Skybrud.dk nogle standardmål, som vi holder os indenfor fordi vi har afprøvet, at disse fungerer på flest mulige computere. Inden for disse rammer er der så frit spil – selvfølgelig ud fra den wireframing og informationsarkitektur, der er lavet. Det er én tilgang til det.

En anden tilgang er at benytte et eksisterende grid (skema eller skelet), som gør udviklingen lettere. Et sådan grid kan have en fast bredde og være delt op i en række prædefinerede spalter; fx 12, 16 eller 24. Et typisk sted, man kan støde på dette, er på avissider (fx det nyligt opdaterede politiken.dk) og blogs, men det kan også bruges til alle andre typer af hjemmesider.

I forbindelse med Danish Crowns årsrapport, som gik online i sidste uge, prøvede vi at benytte 960 Grid System som fundament for designet. Fordelene ved dette er, at man har nogle stramme linjer at arbejde med, som giver en god ensartethed over hele hjemmesiden. En anden klar fordel er, at det er hurtigere at sætte op for udviklerne i HTML, da alle CSS-styles er defineret på forhånd og man derfor blot skal vælge om en given boks skal strække sig over fx 2, 4 eller 5 spalter.

Men er der så ikke en fare for, at hjemmesiderne kommer til at ligne hinanden, når nu de tager udgangspunkt i samme skelet? Her er udfordringen som designer så, at man ikke skal lade sig begrænse af, at alle spalterne er definerede i forvejen. Det er stadig tilladt at sprænge rammerne og lave vilde stunts. Og bare fordi det er faste spaltebredder, der bruges, skal man stadigvæk ikke tænke for meget i kasser. Så hvis bare man arbejder, som man altid har gjort – blot med nogle nye, faste hjælpestreger i Photoshopdokumenterne – burde det ikke udgøre nogen fare.

Note: Jeg har her kun afdækket brugen af grids i forbindelse med bredder på elementer. Det er også muligt at gå et skridt længere og bruge et fodlinjenet som det kendes fra den trykte verden som sikrer, at linjehøjderne er ens og at alle elementer flugter med hinanden horisontalt.