CRAP-reglene

Hva er CRAP-reglene?

CRAP er et akronym, altså et ord satt sammen av første bokstav i ulike nøkkelord. Crap er jo egentlig ikke noe fint ord på engelsk, men det er lett å huske. Hver bokstav refererer til et bestemt komposisjonsprinsipp:

• C for contrast

• R for repetition

• A for alignment

• P for proximity

Her skal vi forklare hvert prinsipp vise hvordan de er brukt i en plakat. Du kan laste ned ei PDF-fil av plakaten under.

• CRAP-regler(PDF)

Kontrast (contrast)

Bruk kontraster til å skille elementer fra hverandre, og skap blikkfang og variasjon i layouten.

Farger

Fargekontraster kan skape variasjon og fungere som blikkfang. Farger kan også skille ulike elementer fra hverandre. God kontrast mellom bakgrunn og skrift sørger for god lesbarhet.

Størrelser

Overskrifter er som regel større enn selve brødteksten. Dette er eksempel på størrelseskontrast brukt på tekst. Overskriften gir leseren informasjon hva som er temaet for resten av teksten.

Størrelser kan fortelle hva som er det viktigste. Et stort bilde med en liten bildetekst under, vil gi bildet mye oppmerksomhet. Teksten som kommenterer bildet, kommer i andre rekke. Å plassere noe lite sammen med noe stort kan også skape variasjon.

Formkontrast

Hvis du skal kombinere to skrifttyper i layouten din, er hovedregelen å velge to som har stor formkontrast. Hvis de ser veldig like ut, kan det se ut som om det har skjedd en feil. Sørger du for god formkontrast, ser det ut som om det er et bevisst valg. Bruk variasjon for å skape et mer interessant uttrykk.

Repetisjon (repetition)

Hold deg til noen få grafiske virkemidler og repeter disse. Dette vil skape sammenheng i designet.

Farger

Farger kan brukes på grafiske elementer, bakgrunner, tekst og bilder. Bruk fargene bevisst til å binde sammen de ulike delene i layouten. Det er lettere å få til en god helhet hvis du velger noen få farger og bruker disse konsekvent. Det kan gjerne være farger du henter ut fra et fotografi du har brukt i layouten.

Skrifttyper

Velg noen få skrifttyper og bruk dem på samme måte gjennom hele layouten. Finn en standard som ser bra ut på overskrifter, avsnittsoverskrifter og brødtekst. Gjennomfører du dette, vil teksten din se mer organisert og helhetlig ut.

Legg merke til at avsnittene er satt opp på samme måte i plakaten over. Det vil spare deg for tid hvis du finner en standard og er tro mot den.

Mellomrom og avstander

Mellomrommene er viktige og lette å glemme. Pass på at avstanden mellom bilder følger et standardmål. På plakaten på bildet over er mellomrommet mellom bildene 5 mm. Det kunne vært et annet mål, men 5 mm ble valgt fordi det passet i designet og er lett å huske.

Størrelse på bilder

Du kan bruke bilder i ulike formater, men finn ut hvilken størrelse et lite, et medium og et stort bilde skal ha. Hvis du vet at du skal ha tre små bilder ved siden av hverandre, ser det bedre ut at alle har samme mål, enn at de nesten har lik størrelse.

Justering eller linjeføring (alignment)

Alignment eller linjeføring hjelper leseren til å finne fram i layouten. Linjeføringa leder blikket gjennom informasjonen og holder ulike deler sammen.

Utvendige marger

Margene fungerer som ei ramme for resten av innholdet i layouten. Vær nøye med å bruke margene når du skal sette sammen skriftlig tekst, bilder og grafikk. Venstre-, høyre- og toppmarg er spesielt viktig. På bunnen av en plakat er det gjerne mer luft.

På linje

Når du skal plassere noe inn på ei side, kan du sjekke om det er andre elementer der som du kan justere etter. Bildene på plakaten over er justert slik at de står nøyaktig side om side og rett over hverandre.

Tekster under bilder

Bildetekster bør ikke være bredere enn bildene. Det ser rart ut om en bildetekst går lenger ut på sida enn bildet.

Gruppering (proximity)

Ordet proximity har med nærhet å gjøre. Her kan vi bruke prinsippet om gruppering eller nærhet. Det går ut på at du grupperer elementer ved å plassere dem nær hverandre. Dette gjør det enklere for leseren å skille ut det som hører naturlig sammen.

Avsnittsoverskrift

Er det tvil om at overskriften her er til dette avsnittet? Nærheten til brødteksten forteller hva den hører sammen med. Hadde det vært fem linjeskift mellom overskriften og brødteksten, ville dette skapt forvirring. Vi hadde lurt på hvor overskriften hørte til.

Nær et bilde

En tekst som kommenterer et bilde, bør stå nær dette bildet. Da vet vi at disse to hører sammen. Dess mer du øker avstanden mellom dem, dess mer tvil blir det om de har en forbindelse.

Mange bilder

Når flere bilder skal plasseres i layouten, kan det være en løsning å sette dem sammen til ei gruppe i stedet for å spre dem utover. Ei slik gruppe kan du bruke som blikkfang på sida.