jan 6 2009

Bedre design med 4 basale principper: CRAP

Jeg har lært et nyt ord i dag: CRAP! Et huske­ord eller en forko­r­telse for 4 basale design­prin­cip­per under over­skrifterne Contrast, Repe­ti­tion, Align­ment og Prox­im­ity.

Con­trast: Kon­trast drejer sig om udnyt­telse af stør­relser, for­mer og farver til at skelne ele­menter fra andre ele­menter. Bru­gen af fed får f.eks. den fed­ede tekst til at adskille sig fra den øvrige tekst. Et ele­ment med orange bag­grunds­farve skiller sig f.eks. ud, hvis alle andre ele­menters bag­grunds­farve er grå osv.

Rep­e­ti­tion: Gen­t­agelse af designele­menter drejer sig om at skabe et kon­sis­tent design. Infor­ma­tion, der optræder på alle sider, bør således plac­eres ens på alle sider. Punk­top­stillede lis­ter bør være ens. Antallet af skrift­typer bør begrænses til 2–3 og over­skrifter, under­over­skrifter og brødtekst bør se ens ud på alle sider. Det han­dler om at skabe en hel­hed, hvor brugeren hur­tigt vil komme til at for­vente, at eleme­ter med et bestemt udseende indik­erer en bestemt egenskab.

Align­ment: Opstill­ing af ele­menterne han­dler om at sætte designet i sys­tem. Intet bør plac­eres til­fældigt. Et grelt eksem­pel er cen­tr­eret tekst, hvor tek­sten man­gler bagkant og derved bliver min­dre læs­bar. Alt bør have en vis visuel forbindelse til noget andet. Det gør det nem­mere for brugeren at forstå og nav­igere i designets system.

Prox­im­ity: Nærhed drejer sig om elemternes ind­byrdes rela­tion. Ele­menter, der har rela­tion til hinan­den bør grup­peres tæt sam­men. Når mange ele­menter grup­peres tæt sam­men, bliver de visuelt til én enhed snarere end mange seper­ate enkelt­dele. Dette hjælper til at organ­is­ere infor­ma­tion og reduc­erer rod.

Mange af disse prin­cip­per ser vi også i gestalt­lovene. Men forko­r­telsen CRAP gør det måske lidt nem­mere at huske.

By Morten Brunbjerg Bech • Web Design • 1 • Tags: Design, Designprincipper, Gestaltlovene, Grafisk design, Web Design