Flat Design

Flat Design er en af de førende trends på digitalt design netop nu. Der er uenighed om det er en blivende trend eller blot en fase, men trenden vokser stadig og kan spores i designet på flere og flere websites og apps.

Hvad er Flat Design?

Design på offline medier skifter imellem et enkelt og et mere komplekst look. Det samme er gældende for digitalt design, hvor det dog sker hurtigere pga. af den øgede fleksibilitet i forhold til de mere traditionelle medier.

Microsoft var blandt de første, som gjorde brug af Flat Design, med lanceringen af Zune Music Player i 2006, som var et kommercielt flop, men alligevel var med til at bane vejen for Windows 8, som er designet helt efter Flat Designs grundprincipper.

Som navnet indikerer, kendetegnes designet ved at være fladere og enklere. Dette opnås ved at fjerne skygger og forløb, som virkemidler for at skabe det 3 dimensionelle look, som har været den førende trend gennem de seneste år.

Brugergrænsefladerne opbygges i stedet ved brug af simple farveflader, ren typografi, enkle ikoner og luft, som virkemidler til at skabe fokus på navigation mv. Det er her udfordringen ligger for designeren, for hvordan løser man den opgave, uden brug af traditionelle effekter?

flat-design-elements

Hvordan skabes Flat Design?

Farver

Rene farveflader er det bærende element i Flat Design. De er som udgangspunkt kraftigere end på traditionelle designs, og bruges som enkelt, men effektfuldt virkemiddel til at opdele og skabe fokus på de vigtigste dele af designet. Brug gerne tone i tone udgaver, som giver mulighed for at opdele yderligere fx på baggrunden i navigationen.

Knapper & formularer

De fleste knapper designes traditionelt med en ramme, forløb og en skygge, som får dem til at poppe ud af designet og tiltrække sig mest mulig opmærksomhed.

En Flat Design knap er renset for disse virkemidler og består som udgangspunkt kun af en farvet baggrund og tekst. Baggrundsfarven skal helst være en kontrast til designets øvrige, så knapperne træder helt tydeligt frem.

For formularer er det vigtigt, at der ikke bruges skygger på input felter og drop down menuer, så de smelter mest muligt sammen med baggrunden og det øvrige design.

Typografi

Da Flat Design er minimalistisk, så spiller typografien en stor rolle i forhold til at skabe den rigtige stemning og stil i designet. Her er som udgangspunkt ingen regler, så længe typografien bruges ren, og gerne med så meget luft omkring som muligt.

Passer Flat Design til alle?

Flat Design kan være en effektfuld måde, at give et design et friskt og moderne look.

Men funktionaliteten er som altid det vigtigste element i digitalt design, og det handler ikke kun om at skabe et fedt look, det skal også afkodes af målgruppen, uden det går ud over brugeroplevelsen.

bustedwoman.com er et rigtig godt eksempel på Flat Design. Webshoppen er bygget op med rene farveflader, tydelige knapper og en minimalistisk typografi.

{lang: 'da'}

3 tanker om "Flat Design"

  1. Preben Thrige Andersen Forfatter

    Hej Jacob.

    Jeg er glad for, at du finder indlægget interessant 🙂

    I stedet for at skrive “forløb”, burde jeg nok have skrevet “gradienter”, som er en mere korrekt beskrivelse for farveovergange, som tit bruges for at få design elementer som fx knapper til at virke 3D agtige.

    Svar

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *