Hvad betyder gridet, når en designer taler om layout?

Et ord, der lyder strengere, end det er

Når en grafisk designer siger grid, tænker mange på regneark eller byggepap. Men gridet i layout er noget mere venligt: en usynlig inddeling af siden i kolonner og rækker, som alle elementer retter sig efter. Tekst, billeder og overskrifter får hver deres plads, og pladserne hænger sammen.

Jeg arbejdede selv som grafisk designer i en årrække, før jeg begyndte at skrive om design, og jeg har oplevet, hvor ofte ordet misforstås. Nogle tror, det betyder, at alt skal se ens ud. Andre tror, det er noget, man kun skal bruge i tekstdyssede blade. Begge dele er forkert.

Et grid er en aftale, man indgår med sig selv, før man begynder at placere ting. Aftalen siger: her er marginerne, her er kolonnerne, og sådan er afstanden imellem dem. Resten af arbejdet handler om at overholde aftalen eller bryde den med vilje.

Kolonner, margener og mellemrum

Et grid består af få dele. Kolonnerne er de lodrette baner, som tekst og billeder kan fylde. Mellemrummet, som designere kalder rendestenen, er det smalle felt mellem to kolonner. Margenerne er den luft, der står tilbage omkring det hele, så siden ikke virker proppet.

I et magasin bruger man ofte tre eller fire kolonner på en opslagsside. En brødtekst kan fylde en enkelt kolonne, et billede to, og en stor åbningsfoto hele bredden. Det afgørende er, at alle mål går op med hinanden, så øjet kan hvile på de samme linjer fra side til side.

Du behøver ikke kende tallene for at mærke effekten. Hvis kanten på et billede og kanten på en tekstspalte ligger præcis over hinanden, opstår der ro. Hvis de er forskudt med få millimeter, uden at det ser tilsigtet ud, bliver siden uroligt at se på, og man ved ikke hvorfor.

• Kolonner: de lodrette baner, indholdet placeres i
• Rendesten: mellemrummet mellem to kolonner
• Margener: luften omkring sidens indhold

Grundlinjegitteret og tekstens rytme

Ved siden af kolonnerne findes et andet gitter, som de færreste lægger mærke til: grundlinjegitteret. Det er rækken af usynlige linjer, som hver tekstlinje hviler på. Når brødtekst står på samme linjer på tværs af kolonner, ligger ordene på samme højde fra spalte til spalte, og siden får en jævn puls.

Det lyder som en detalje, men læsere bemærker det, når det mangler. En overskrift, der trykker sig ned mellem to tekstlinjer uden at passe ind, giver en lille hakken i læsningen. Er afstandene derimod regelmæssige, glider øjet gennem en lang artikel uden at blive trætte.

Derfor tænker designere i multipla. Hvis brødtekstens linjeafstand er tyve punkter, bliver afstanden mellem afsnit og overskrifter gerne tyve eller fyrre. Det er ikke dogmatik, men en praktisk måde at undgå, at hver ny blok skal afgøres på øjemål.

Hvorfor gridet gør dig frit

Man hører ofte, at et grid begrænser kreativiteten. Min erfaring er det modsatte. Når strukturen ligger fast, kan man bruge energien på det, der betyder noget: hvilket billede der skal have mest plads, hvor en pause skal stå, og hvad der skal komme først i læseretningen.

Et godt grid giver også mulighed for at lade være. En side med et enkelt stort billede og tre kolonner tom plads virker bevidst, fordi tomrummet stadig følger inddelingen. Uden grid ville samme side ligne en, der var gået i stykker.

I de bedste layouts, jeg har arbejdet med, var gridet næsten umærkeligt. Læseren tænkte aldrig på det, men fandt hurtigt rundt. Det er en slags høflighed fra designerens side: at gøre det svære arbejde i forvejen, så den, der læser, slipper for det.

• Færre beslutninger, når siden skal sættes op
• Lettere at holde et helt nummer samlet
• Tomrum virker bevidst, ikke tilfældigt

At bryde gridet med vilje

Der kommer et punkt, hvor man bør bryde reglerne. Et billede, der løber helt ud til papirets kant, en overskrift, der hænger over to kolonner, en citatboks, der skubber ind i marginen: alt sammen kan give liv til en side, der ellers ville blive for pæn.

Pointen er, at bruddet kun virker, fordi gridet findes. Når øjet har vænnet sig til rytmen, opdager det afvigelsen med det samme og læser den som en betoning. Bryder man hver side, mister man effekten, og så er man tilbage ved en struktur, der aldrig fandtes.

Min tommelfingerregel er at bryde gridet højst én gang pr. opslag og kun for noget, der fortjener opmærksomhed. Hvis du ikke kan sige, hvorfor bruddet står der, bør det formentlig flyttes ind i rækken igen.

Sådan ser du gridet i dit eget blad

Du kan øve dig i at se et grid uden særligt værktøj. Tag et magasin eller en avis og hold et stykke gennemsigtigt papir over et opslag. Tegn en streg ved hver tekstkant og hver billedkant. Efter få minutter vil linjerne samle sig i et mønster, og du kan se kolonnerne træde frem.

Prøv bagefter at kigge på hjemmesider på samme måde. Mange af dem bygger på tolv kolonner, som kan lægges sammen i forskellige bredder alt efter skærmens størrelse. Princippet er det samme som på papir, bare med fleksible mål.

Når du først har lært at se gridet, kan du ikke lade være. Du begynder at lægge mærke til, hvilke sider der er roligt bygget, og hvilke der har en struktur, der kæmper imod indholdet. Det er en lille, men varig forandring i, hvordan du læser.