Trender i webbdesign 2019

av Frida Nyvall

Det här är vad vi tror kommer att trenda i webbdesign under 2019. Vilka är de hetaste trenderna just nu, vad används fortfarande från tidigare år, och vad kommer vi att se mindre av?

På uppgång: kreativ typografi

Vi förutspår att den här trenden kommer att utvecklas under de kommande åren, även om den just nu ännu inte är i full sving.

Vi tror på en mer kreativ användning av typsnitt på webbsidor under det kommande året. Detta baseras på utvecklingen av nya sätt att styla text och element, som öppnar upp möjligheterna för att skapa nya kreativ uttryck med hjälp av typografi på webben.

OBS: För att testa demot nedan krävs en modern och uppdaterad webbläsare!

See the Pen Variable font demo by Frida Nyvall (@fridanyvall) on CodePen.

Ett exempel på nyare teknik som kan komma att påverka hur typografi kan användas på webbsidor är “variabla typsnitt”. Dessa stödjs i allt fler moderna webbläsare. Utbudet av variabla typsnitt kommer att öka, vilket också kommer att öka antalet webbsidor där de används. Läs mer om vad variabla teckensnitt är, och hur de kan användas på webbsidor på vår blogg.

Adobe förvärvade Typekit och återlanserade deras tjänst under namnet Adobe Fonts. Adobe Fonts tillåter obegränsad användning av alla deras typsnitt för prenumeranter på Adobe Creative Cloud. Det innebär att fler nu kommer att få tillgång till dessa typsnitt och kan använda dem på sina webbsidor.

Tidigare trender som är här för att stanna

Antalet popup fönster och notifikationer som kan visas eller skickas från en webbsida har ökat.

Every website in 2018 pic.twitter.com/Gm7jhfuuUO

— Daryl Ginn (@darylginn) 20 oktober 2018

Som i den något satiriska tweeten ovan, kan dessa lätt gå överstyr och upplevas som irriterande.

Ökningen av den här typen av meddelanden kan generellt sett kopplas samman med lagändringar, eller ny teknologi som gör nya sorters notifikationer tillgängliga i allt fler webbläsare. Läs gärna vår artikel om att göra sig redo för den nya GDPR lagen här.

För tillfället verkar det vara trendigt att överlappa element på webbsidor.

Både texter och bilder placeras lite utanför sina behållare eller så att de inte längre linjerar som förväntat med andra element på webbsidan. Vår tolkning av denna trend är att det precis som vi förutspådde i artikeln ”Trender i webbdesign 2017”, beror på att nya tekniker som CSS Grid börjar användas mer och mer.

Handritade illustrationer används oftare som ett sätt att förstärka ett företags varumärke eller grafiska identitet. Även om dessa illustrationer oftast är av sk. ”flat” (platt) design, ges de subtila skuggningar, ljusskiftningar och textur för att få dem att stå ut lite.

Detta är inte en återgång till skeumorfism (illustration av objekt så verklighetstroget som möjligt), utan ett sätt att få annars platt design att kännas mera levande.

TripAdvisor gjorde en stor redesign av sin webbapp i slutet av 2018. Deras nya ikoner är ett bra exempel på platt design som har uppdaterats för 2019.

Vi flaggade redan 2017 för att gradienter, gärna i färgglada sådana, var på frammarsch.

CSS-tricks, en av de ledande webbpublikationerna inom webbdesign och front-end utveckling, lanserade för några veckor sedan en stor redesign av sin plattform.

Iögonfallande färggranna gradienter används genomgående på webbplatsen för att accentuera eller lyfta fram vissa element. Deras nya meny följer förövrigt trenden vi förutspådde redan 2017 i form av mobilinspirerade knappar med ikoner.

Spotify är ett annat varumärke som inte drar sig för att använda gradienter i starka färger på sin webbsida. Spotify använder även ett annat populärt designelement – blobben.

Innan blobbens epok, var det de snedställda linjernas era. Trenden med snedställda linjer, som vi uppmärksammade 2017, har nu ersatts av trenden med blobbar.

Blobbar har nu ersatt de snedställda linjerna som avskiljare mellan sektioner.

Blobbar kan också användas som snabbare, billigare och mer responsiva alternativ till handgjorda illustrationer (som blobbarna på Spotifys webbsida, eller de ljusblå blobbarna på Netlify’s webbsida).

Om du behöver en blobb i ditt liv (eller på din webbsida) just nu, finns det en praktisk blobbeditor online.

• trend
• webbdesign