Flat design

Flat design - Designtrenden just nu!

29 maj 2014

Kanske har ni hört talas om flat design och undrar vad det är och vad det innebär? Flat, eller platt, design är en stil som blivit mycket populär senaste tiden. Stilen fick ett rejält genombrott i och med lanseringen av Windows 8 som bygger på en minimalistisk och enkel design med solida färger och tydligt avgränsade delar.


Exempel på flat vs skeuomorphic design av knapp.

Flat design går ut på att man jobbar med platta ytor, avskalad design, inga texturer eller övertoningar. Formerna är enkla, typografin genomarbetad, man använder mycket färg och enkla ikoner. Detta i kontrast mot den tidigare dominerande stilen skeuomorphic design. Med skeuomorphic design strävar man efter att få olika objekt att efterlikna verkligheten med mycket simulerade 3D-effekter och skuggor på till exempel knappar för att förtydliga vad som är klickbart.

Att flat design blivit så populärt nu beror på att alla nya enheter ställer stora krav på designen, webbplatser blir skalbara och ska anpassa sig till flera olika enheter. Responsiva lösningar gör det svårt att bygga grafiskt komplexa former vilket gör att den avskalade designen fungerar bättre. Genom att kunna skapa en större del av designen genom kod istället för bilder blir laddningstiden av sidan dessutom mindre vilket är viktigt för mobilanvändare som ofta har mindre bandbredd.

Det som är viktigt att tänka på vid flat design är att tydligt markera var användaren förväntas klicka samt att man är konsekvens. Istället för den klassiska 3D-effekten på knappar kan man använda sig av pilar, färger eller text. Designen får aldrig bli så avskalad att användarvänligheten och läsbarheten försämras eller att budskapet på sidan faller bort. Att följa en trend för sakens skull finns det ingen poäng med – gör en lätt skuggning att sidan blir med användarvänlig så finns det inget som hindrar att man lägger till det. En skicklig designer kan skapa ett utseende som är både användarvänligt och med en trendig känsla.

Taggar: Responsiv, Trender, Webdesign, Användbarhet
Publicerat: 29 maj 2014

Liknande blogginlägg

  • Responsiv webdesign

    Responsiv webbdesign är en teknik för att bygga webbsidor som fungerar oavsett om man besöker sidan via dator, mobil eller surfplatta. Den främsta fördelen med en responsiv hemsida är att den anpassar användarupplevelsen till kundens förutsättningar.   Allt fler använder idag mobila enheter [...]

  • E-handel 2018 - Vad bör man tänka på för att lyckas?

    Under 2017 ökade e-handeln med 16% jämfört med tidigare enligt en rapport från e-handelsbarometern. Om e-handeln fortsätter att öka på samma sätt som den hittills har gjort kommer e-handeln fördubblats om fem år. Idag kan man köpa allt ifrån mat till bilar på nätet och i [...]

  • Webbtrender inom webbstrategi 2014

    De senaste åren har det ökade användandet av surfplattor, smartphones och datorer med olika skärmstorlekar haft stor effekt på webbens utveckling och hur vi använder den. Det är inte bara skärmstorlekarna som påverkar utvecklingen utan också det faktum att vi blivit mer mobila i vårt [...]

  • Webbtrender 2018 - 5 saker som gör din webbsida modern

    2018 har börjat med stormsteg och med ett nytt år kommer också nya webbtrender. Digitala medier och webbdesign dominerar mer och mer i vårt samhälle, vilket kanske inte kommer som en överraskning för de flesta.  Något som däremot kan komma som en överraskning är hur webbdesigners [...]

  • Skriv för responsiv webb

    Storleken på skärmen påverkar läsarnas läsmönster och för att få texter att fungera på responsiva sidor krävs att man ännu striktare följer de rekommendationer som gäller vid traditionellt webbskrivande. Börja med det viktigaste Inled alltid dina texter med det [...]

Intresserad? Eller har du några frågor om vårt erbjudande?

Ring oss på 033 - 20 75 00.

Eller fyll i formuläret nedan så kontaktar vi dig!

Integritetspolicy