{"id":40185,"date":"2021-08-03T14:59:30","date_gmt":"2021-08-03T12:59:30","guid":{"rendered":"https:\/\/kinsta.com\/?p=63943"},"modified":"2021-08-10T13:59:48","modified_gmt":"2021-08-10T13:59:48","slug":"trenderna-inom-webbdesign","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/","title":{"rendered":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/se\/blog\/basta-webbdesignpraxis\/\">Webbdesign utvecklas st\u00e4ndigt<\/a>. Eftersom tekniken blir mer kraftfull och designers experimenterar med nya stilar presenterar varje \u00e5r en unik upps\u00e4ttning sp\u00e4nnande trender i online-v\u00e4rlden. Genom att dra fr\u00e5n de m\u00f6nster som vuxit fram under de senaste \u00e5ren, liksom ny teknik, \u00e4r det m\u00f6jligt att f\u00f6ruts\u00e4ga vad som kommer under 2020.<\/p>\n<p>L\u00e5t oss sammanfatta de senaste \u00e5rens webbdesigntrender och unders\u00f6ka de framv\u00e4xande stilarna, s\u00e5 att du kan veta vad som v\u00e4ntar under det kommande nya \u00e5ret och d\u00e4refter.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Varf\u00f6r borde du h\u00e5lla dig uppdaterad om trenderna?<\/h2>\n<p>Inte varje modefluga inom webbdesign \u00e4r s\u00e4rskilt livskraftig, s\u00e5 mycket \u00e4r s\u00e4kert. Det finns en tid och plats f\u00f6r allt, och att \u00e4ndra din webbplats utan anledning kan g\u00f6ra mer skada \u00e4n nytta, s\u00e4rskilt n\u00e4r det negativt p\u00e5verkar <a href=\"https:\/\/kinsta.com\/se\/blog\/webbplats-anvandbarhetstestning\/\">anv\u00e4ndbarhet och UX<\/a>.<\/p>\n<p>Men \u00e4ven om du inte b\u00f6r ge din webbplats en ansiktslyftning utan allvarliga \u00f6verv\u00e4ganden, finns det definitivt vissa f\u00f6rdelar med att h\u00e5lla j\u00e4mna steg med webbdesigntrenderna, s\u00e4rskilt de som bygger p\u00e5 framsteg inom teknik.<\/p>\n<p>Till exempel, om du inte har h\u00f6rt talas om\u00a0<a href=\"https:\/\/kinsta.com\/blog\/chatbot\/\">AI chattbottar<\/a>, progressiva webbappar, eller CSS-rutn\u00e4t \u00e4nnu, kanske du anv\u00e4nder f\u00f6r\u00e5ldrad teknik som du f\u00f6rlorar konverteringar p\u00e5. T\u00e4nk p\u00e5 hur revolutionerande\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/responsiv-webdesign\/\">responsiv design<\/a>\u00a0var f\u00f6r internet; du vill inte vara sist ombord n\u00e4sta g\u00e5ng en utveckling som den h\u00e4nder igen.<\/p>\n<p>Och \u00e4ven n\u00e4r trenderna \u00e4r rent estetiska, finns det fortfarande f\u00f6rdelar med att h\u00e5lla sig uppdaterad. Till exempel kan en vanlig vit, ren, enkel webbplats vara funktionell. Men med den riktning mot avantgarde som webbdesign har tagit under de senaste \u00e5ren kan anv\u00e4ndare ocks\u00e5 tycka det \u00e4r ganska tr\u00e5kigt.<\/p>\n<p>\u00c4ven sm\u00e5 f\u00f6r\u00e4ndringar som att l\u00e4gga till mer f\u00e4rg, brutna rutn\u00e4t eller mikrointeraktionsanimeringar kan g\u00e5 l\u00e5ngt mot att h\u00e5lla din webbplats relevant.<\/p>\n<p>Allteftersom webbdesigners v\u00e4xer, l\u00e4r sig och anpassar sig till ny teknik, \u00e4r n\u00e5gra av dessa framsteg och trender definitivt steg i r\u00e4tt riktning n\u00e4r det g\u00e4ller sk\u00f6nhet och funktionalitet. T\u00e4nk p\u00e5 hur webbplatser s\u00e5g ut och fungerade f\u00f6r 20 eller till och med 10 \u00e5r sedan&#8230; vi har kommit l\u00e5ngt och har en l\u00e5ng v\u00e4g att g\u00e5 \u00e4nnu.<\/p>\n<p>Om du ser en modern webbdesigntrend som passar ditt varum\u00e4rke, och hj\u00e4lper eller \u00e5tminstone inte skadar anv\u00e4ndbarheten, kan det vara v\u00e4rt att anta den.<\/p>\n<h2>Sammanfattning: Webbdesigntrender 2018<\/h2>\n<p>Med \u00e5r 2020 h\u00e4r verkar 2018 l\u00e4ngre och l\u00e4ngre bort. Men dess trender forts\u00e4tter fortfarande att p\u00e5verka webben \u00e4ven n\u00e4r helt nya stilar dyker upp, och eftersom m\u00e5nga av dessa fortfarande \u00e4r relevanta f\u00f6r modern design \u00e4r det bra att se tillbaka och se hur l\u00e5ngt vi har kommit.<\/p>\n<p>Webbdesign har l\u00e4mnat minimalistisk enkelhet och r\u00f6rt sig mot dj\u00e4rv individualism under n\u00e5gra \u00e5r, men allt kom till sin spets \u00e5r 2018. Vi kan k\u00e4nna effekterna \u00e4ven nu, och internet kommer s\u00e4kert att forts\u00e4tta att fyllas upp med originella, unika stilar.<\/p>\n<h3>2D-illustrationer, 3D-animation<\/h3>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/2d-3d-2.png\" alt=\"Ett exempel p\u00e5 en 2D-illustration (k\u00e4lla: Nomadic Tribe)\" width=\"1197\" height=\"739\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en 2D-illustration (k\u00e4lla: Nomadic Tribe)<\/figcaption><\/figure>\n<p>Illustrationer \u00e4r ett av de b\u00e4sta s\u00e4tten att f\u00f6rmedla personlighet och 2D-teckningar har dykt upp mer och mer. De \u00e4r bra f\u00f6r branding och g\u00f6r din webbplats mycket mer minnesv\u00e4rd, s\u00e5 det \u00e4r ingen \u00f6verraskning. En webbplats med fantastiska illustrationer kommer inte gl\u00f6mmas bort i f\u00f6rsta taget.<\/p>\n<p>3D-bakgrundsanimering blev ocks\u00e5 mer popul\u00e4rt tack vare \u00f6kad kraft hos webbl\u00e4sare, animationsteknik och enheter som datorer och telefoner. S\u00e4rskilt vanligt p\u00e5\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/portfoliowebbplats\/\">portfolio- och byr\u00e5webbplatser<\/a> \u00e4r 3D-animationer som omedelbart f\u00e5ngar uppm\u00e4rksamheten och \u00f6kar chanserna f\u00f6r rolig UI-interaktivitet.<\/p>\n<p>I framtiden kommer handgjorda illustrationer och animationer bara att forts\u00e4tta v\u00e4xa i popularitet. De visar upp ditt varum\u00e4rkes personlighet p\u00e5 ett s\u00e4tt som inget annat kan (och det\u00a0har <a href=\"https:\/\/kinsta.com\/se\/blog\/strategi-visuellt-innehall\/\">visat sig fungera som en strategi<\/a>).<\/p>\n<h3>Subtilitet, platt design och minimalism<\/h3>\n<figure style=\"width: 1325px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/webflow-1.png\" alt=\"Platt design var ganska popul\u00e4rt (k\u00e4lla: Webflow)\" width=\"1325\" height=\"841\"><figcaption class=\"wp-caption-text\">Platt design var ganska popul\u00e4rt (k\u00e4lla: Webflow)<\/figcaption><\/figure>\n<p>Trots framsteg mot mer originella, utm\u00e4rkande stilar fortsatte minimalismen att dominera internet. Ren enkelhet \u00e4r tilltalande, och \u00e4ven p\u00e5 webbplatser som inneh\u00f6ll starkare f\u00e4rger eller experimentella element, \u00e5tf\u00f6ljdes det ofta av platt design.<\/p>\n<p>Men &#8221;Flat 2.0&#8221;, eller halvplatt design, tog starkare rot med dess anv\u00e4ndning av skuggor, gradienter och andra lite mer komplexa element. S\u00e5 l\u00e4nge minimalism finns, kommer designers att hitta ett s\u00e4tt att s\u00e4tta sin egen spinn p\u00e5 det.<\/p>\n<p>Subtila animationer var ocks\u00e5 en stor del av 2018, med lite parallax och mjuka sv\u00e4vningseffekter \u00f6verallt. Dessa l\u00e4t minimalistiska webbplatser beh\u00e5lla sin enkelhet samtidigt som den \u00f6vergripande designen \u00e4r mycket snyggare.<\/p>\n<h3>Geometrisk design<\/h3>\n<p>De flesta webbplatser inkluderar polygoner och geometri i viss utstr\u00e4ckning, men geometrisk design var en stor del av trenderna \u00e5r 2018. Webbplatser gjordes enbart runt enkla former som kvadrater, rektanglar och linjer, och de anv\u00e4nde mindre detaljer som knappar eller dekorativa rutor.<\/p>\n<p>En stor del av detta var organiska geometriska former, eller former som var n\u00e5got oregelbundna och ofullkomliga. De har ofta mjuka h\u00f6rn och asymmetri, och deras ovanliga utseende \u00e4r ganska intressant. De skarpa h\u00f6rnen i polygonerna och rundade kanterna i organisk geometri kombinerades ofta f\u00f6r att skapa en visuellt tilltalande kontrast.<\/p>\n<figure style=\"width: 1210px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/giftrocket-2.png\" alt=\"Geometriska m\u00f6nster styrde dagen\" width=\"1210\" height=\"774\"><figcaption class=\"wp-caption-text\">Geometriska m\u00f6nster styrde dagen (k\u00e4lla: GiftRocket)<\/figcaption><\/figure>\n<h3>Starka och dj\u00e4rva f\u00e4rger<\/h3>\n<p>Internet som en g\u00e5ng var tr\u00e5kigt och vitt \u00e4r nu fullt av f\u00e4rger, levande och \u00e4ventyrliga paletter i varje h\u00f6rn. Dagarna av en eller tv\u00e5 d\u00e4mpade nyanser i varje\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/webbplats-fargscheman\/\">f\u00e4rgschema<\/a>\u00a0bleknar, starka och dj\u00e4rva paletter tar snabbt deras plats.<\/p>\n<p>Gradienter d\u00f6k upp \u00f6verallt och f\u00f6rblir ett popul\u00e4rt val \u00e4ven idag; deras intensiva och levande nyanser fyller rubrikerna p\u00e5 m\u00e5nga framst\u00e5ende webbplatser.<\/p>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/spotify-1.png\" alt=\"spotify\" width=\"1211\" height=\"822\"><figcaption class=\"wp-caption-text\">Dj\u00e4rva f\u00e4rger talade volymer (k\u00e4lla: Spotify)<\/figcaption><\/figure>\n<p>Vid sidan av det livliga <a href=\"https:\/\/kinsta.com\/se\/blog\/webbplats-fargscheman\/\">f\u00e4rgschemat<\/a>\u00a0kom glitch- och distorsionseffekter, de ljusa flimrande animationerna som visas \u00f6ver m\u00e5nga designers eller utvecklares portfolier. Medan dess popularitet har bleknat n\u00e5got g\u00e5r de fortfarande att hitta \u00f6ver hela webben.<\/p>\n<h3>Bruten rutn\u00e4tsdesign<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/startup-lab-1.png\" alt=\"Alla heder \u00e5t det brutna rutn\u00e4tet \" width=\"1221\" height=\"803\"><figcaption class=\"wp-caption-text\">Alla heder \u00e5t det brutna rutn\u00e4tet (k\u00e4lla: Startup Lab)<\/figcaption><\/figure>\n<p>De flesta webbplatser \u00e4r byggda p\u00e5 en enkel rutn\u00e4tsbaserad layout, med element uppdelade snyggt i sektioner. Bruten rutn\u00e4tsdesign splittrar den f\u00f6rv\u00e4ntan, har \u00f6verlappande element, och f\u00f6rkastar allt vad symmetri heter. Denna okonventionella layout \u00e4r ett av de mest m\u00e4rkbara s\u00e4tten att g\u00e5 mot str\u00f6mmen och sticka ut.<\/p>\n<p>En annan stil som fick mycket uppm\u00e4rksamhet var delad sk\u00e4rmdesign, en teknik som delade sk\u00e4rmen i tv\u00e5 paneler, var och en med sitt eget <a href=\"https:\/\/kinsta.com\/se\/topics\/innehallsstrategi\/\">inneh\u00e5ll<\/a>. Sammantaget blev layouter mycket mer intressanta.<\/p>\n<h3>AI och maskininl\u00e4rning<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/e-handelsstatistik\/\">Chattbottar \u00e4r en stor grej<\/a>. Dessa tjusiga program svarar dynamiskt kunder, vilket helt eller delvis automatiserar processen f\u00f6r support eller k\u00f6p. Maskininl\u00e4rning g\u00f6r det m\u00f6jligt f\u00f6r dem att unders\u00f6ka data och l\u00e4ra sig att svara p\u00e5 fr\u00e5gor och kommentarer, och ta \u00f6ver en del av arbetsbelastningen fr\u00e5n dina m\u00e4nskliga supportagenter.<\/p>\n<p>Men det h\u00e4r \u00e4r bara b\u00f6rjan. Allteftersom tekniken forts\u00e4tter g\u00e5 fram\u00e5t kommer AI och maskininl\u00e4rning att bli \u00e4nnu mer integrerade med onlinesystem.<\/p>\n<h3>Uppkomsten av Brutalism<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/the-outline-1.png\" alt=\"Brutalism \u00e4r sv\u00e5rt att titta p\u00e5 men g\u00f6r ett riktigt intryck \" width=\"1211\" height=\"807\"><figcaption class=\"wp-caption-text\">Brutalism \u00e4r sv\u00e5rt att titta p\u00e5 men g\u00f6r ett riktigt intryck (k\u00e4lla: The Outline)<\/figcaption><\/figure>\n<p>Brutalism \u00e4r inte snyggt, men dess underliga dragningskraft har vunnit m\u00e5nga hj\u00e4rtan. Brutalism k\u00e4nnetecknas av skrikiga f\u00e4rger, anti-UX och en plottrig design och uppmuntrar designers att k\u00f6ra p\u00e5 och skapa en webbplats som trotsar f\u00f6rv\u00e4ntningarna. Du b\u00f6r f\u00f6rv\u00e4nta dig att se mer av denna icke-enhetliga stil i framtiden.<\/p>\n<h3>Ber\u00e4ttande med webbdesign<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/atlassian.png\" alt=\"Design kan anv\u00e4ndas f\u00f6r att ber\u00e4tta en historia \" width=\"1211\" height=\"803\"><figcaption class=\"wp-caption-text\">Design kan anv\u00e4ndas f\u00f6r att ber\u00e4tta en historia (k\u00e4lla: Atlassian)<\/figcaption><\/figure>\n<p>Visuella element \u00e4r ett av de b\u00e4sta s\u00e4tten att effektivt f\u00f6rmedla information, oavsett om du f\u00f6rs\u00f6ker ber\u00e4tta en historia eller g\u00f6ra mycket data l\u00e4sbara. Webbdesigners ber\u00e4ttar sina ber\u00e4ttelser genom\u00a0<a href=\"https:\/\/kinsta.com\/blog\/best-tools-for-freelancers\/#design-tools\">charmiga illustrationer och datavisualisering<\/a>, med interaktiva och visuella m\u00f6nster som g\u00f6r deras budskap mer engagerande och l\u00e4ttare att f\u00f6rst\u00e5.<\/p>\n<h2>De st\u00f6rsta webbdesigntrenderna 2019<\/h2>\n<p>2019 delade m\u00e5nga webbdesigntrender med 2018, som bruten rutn\u00e4tsdesign och dj\u00e4rva f\u00e4rgpaletter. Men saker har blivit \u00e4nnu galnare med massor av experiment fr\u00e5n v\u00e5gade designers.<\/p>\n<p>Det l\u00f6pande temat f\u00f6r 2019: att t\u00e4nja och bryta reglerna. Vit, platt, rutn\u00e4tsbaserad minimalism ut, ljus och dj\u00e4rv asymmetri in. Medan ren design och vitt utrymme alltid kommer att vara en stor utmanare \u00e4r designers mer villiga att prova nya saker nyligen. Vi ser m\u00e5nga av dessa forts\u00e4tta med full kraft under 2020.<\/p>\n<h3>Livfullhet och f\u00e4rgexperimentering<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/fotonaut-1.png\" alt=\"fotonaut\" width=\"1221\" height=\"807\"><figcaption class=\"wp-caption-text\">Livfulla f\u00e4rger dominerade (k\u00e4lla: Fotonaut)<\/figcaption><\/figure>\n<p>Internet blir mer f\u00e4rgstarkt. Gradienter \u00e4r vanliga nu, och webbplatser visar ofta starka och flashiga paletter som ingen kunnat t\u00e4nka sig f\u00f6r n\u00e5gra \u00e5r sedan. Sj\u00e4lva paletterna \u00e4r mer experimentella, och bryter mot den vanliga normen av komplement\u00e4ra eller kontrasterande f\u00e4rger och \u00e4r \u00f6verallt.<\/p>\n<p>Webbplatser anv\u00e4nder inte l\u00e4ngre samma en eller tv\u00e5 enkla, d\u00e4mpade f\u00e4rger. Mjuka pasteller, starka nyanser och paletter av vilken storlek som helst tar \u00f6ver. Skarp kontrast, mjuk subtilitet och paletter som \u00e4r fullpackade med personlighet blandas f\u00f6r att g\u00f6ra internet mycket mer varierat.<\/p>\n<p>Monokromt \u00e4r ocks\u00e5 en stor modefluga just nu. Detta sker ofta i form av helt svartvitt eller gr\u00e5skalor f\u00f6r en m\u00f6rk estetik, men du kan ocks\u00e5 hitta webbplatser som designats enbart runt en enda f\u00e4rg.<\/p>\n<h3>Fler illustrationer<\/h3>\n<figure style=\"width: 1205px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/absurd-1.png\" alt=\"absurd\" width=\"1205\" height=\"797\"><figcaption class=\"wp-caption-text\">Illustrationerna var fortfarande popul\u00e4ra (k\u00e4lla: Absurd)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/strategi-visuellt-innehall\/\">Illustrationer och visuellt inneh\u00e5ll<\/a>\u00a0var stort under 2018 ocks\u00e5, men de har fortsatt att utvecklas. Konstn\u00e4rer tar steget bort fr\u00e5n den typiska, f\u00f6renklade illustrationsstilen de flesta webbplatser anv\u00e4nder, och testar n\u00e5got lite annorlunda.<\/p>\n<p>En framv\u00e4xande trend \u00e4r excentrisk, lekfull konst som avviker fr\u00e5n det normala och testar en mer abstrakt, slumpm\u00e4ssig stil. Dessa illustrationer ignorerar typiska gr\u00e4nser och \u00e4r helt or\u00e4dda f\u00f6r att visa upp sina skapares personligheter.<\/p>\n<p>3D-illustrationer \u00e4r ocks\u00e5 ganska popul\u00e4ra. Det \u00e4r bara en liten spinn p\u00e5 trenden med mestadels platt konst, men det andas in mycket nytt liv i det. N\u00e5gra av dessa \u00e4r 2D-illustrationer som \u00e4r ritade f\u00f6r att se ut som 3D, medan andra \u00e4r faktiska tredimensionella renderingar. Hur som helst, populariteten v\u00e4xer snabbt tillsammans med 3D-webbanimationer.<\/p>\n<figure style=\"width: 1191px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/jet-style-1.png\" alt=\"jet style\" width=\"1191\" height=\"735\"><figcaption class=\"wp-caption-text\">Och 3D-illustrationer har haft en inverkan ocks\u00e5 (k\u00e4lla: Jet Style)<\/figcaption><\/figure>\n<p>Sist men inte minst i illustrationstrenden \u00e4r animering. Animerad konst \u00e4r omedelbart uppm\u00e4rksammande och l\u00e4gger till ett extra lager av personlighet till en konstform som redan \u00e4r ganska uttrycksfull. B\u00e5de 2D- och 3D-animerad konst kommer att forts\u00e4tta att v\u00e4xa allteftersom denna modefluga f\u00e5r mer uppm\u00e4rksamhet.<\/p>\n<h3>Dj\u00e4rv design<\/h3>\n<p>Webbdesign f\u00f6r 2019 kan beskrivas med tre ord: stort och dj\u00e4rvt. Ju st\u00f6rre och mer experimentellt desto b\u00e4ttre, speciellt n\u00e4r slutresultatet \u00e4r flashigt och kr\u00e4ver omedelbar uppm\u00e4rksamhet.<\/p>\n<p>Brutalistisk webbdesign \u00e4r fortfarande popul\u00e4rt d\u00e4r <a href=\"https:\/\/brutalistwebsites.com\/\">hela webbplatser<\/a> till\u00e4gnas \u00e5t att samla det b\u00e4sta inom brutalism. Ful och skrikig design som g\u00f6r det s\u00e5 jobbigt f\u00f6r anv\u00e4ndaren att titta p\u00e5 som m\u00f6jligt g\u00f6r verkligen ett uttalande: webbdesign har alltid handlat om att skapa en bra anv\u00e4ndarupplevelse, men brutalism f\u00f6rs\u00f6ker g\u00f6ra det till ett konstverk. Det \u00e4r inte klart hur l\u00e4nge brutalismen kommer att vara, men trenden har fortfarande en ivrig m\u00e4ngd f\u00f6ljare.<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/visualbox-1.png\" alt=\"visualbox\" width=\"1213\" height=\"797\"><figcaption class=\"wp-caption-text\">Brutalism dominerar fortfarande (k\u00e4lla: Visualbox)<\/figcaption><\/figure>\n<p>Det verkar som om allt blir st\u00f6rre, men den st\u00f6rsta effekten av detta syns p\u00e5 typografi och navigering. Det \u00e4r inte ovanligt att se text som n\u00e4stan helt fyller sk\u00e4rmen, eller till och med designer gjorda enbart runt typografi, med f\u00e5 eller inga bilder alls.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-typsnitt\/\">Typsnitt<\/a>\u00a0blir <a href=\"https:\/\/kinsta.com\/blog\/modern-fonts\/\">mer kreativa ocks\u00e5<\/a>, speciellt tack vare <a href=\"https:\/\/www.colorfonts.wtf\/\">f\u00e4rgade typsnitt<\/a>, som \u00e4ntligen g\u00f6r det m\u00f6jligt att anpassa och rendera typsnitt som ser ut som om de gjorts i Photoshop. Typografi som fokuspunkt \u00e4r nu en livskraftig metod f\u00f6r webbdesign.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/menyplugins-for-wordpress\/\">Navigeringen expanderar ocks\u00e5<\/a>. Smala navigeringsmenyer i headern och eleganta dropdowns eller s.k. hamburgaremenyer ers\u00e4tts med dominerande displayer med hela sk\u00e4rmar dedikerade till navigering, \u00e5terigen ofta fokuserade runt enorm typografi. I denna detaljerade guide kan du l\u00e4ra dig mer om\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/webbplatsnavigeringen\/\">b\u00e4sta praxis f\u00f6r webbplatsnavigering<\/a>.<\/p>\n<figure style=\"width: 1217px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/tribu-1.png\" alt=\"tribu\" width=\"1217\" height=\"803\"><figcaption class=\"wp-caption-text\">Headerdesign har ocks\u00e5 haft en inverkan (k\u00e4lla: Tribu)<\/figcaption><\/figure>\n<p>H\u00e5ll ocks\u00e5 utkik efter livliga videorubriker, animerade bakgrunder, och totalt sett mer\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/badda-youtube-klipp-wordpress\/\">videoinneh\u00e5ll<\/a>\u00a0p\u00e5 webbsidor. Videoelement brukade vara ett problem eftersom de var l\u00e5ngsamma att ladda och \u00e5t upp begr\u00e4nsade mobildata, men starkare h\u00e5rdvara och reservbilder inneb\u00e4r att du nu kan anv\u00e4nda videor var som helst. Den underbara webbplatsen med en animerad bakgrund i fullsk\u00e4rm, en g\u00e5ng en s\u00e4llsynthet, h\u00e5ller p\u00e5 att bli vanligare.<\/p>\n<h3>Asymmetri<\/h3>\n<figure style=\"width: 1223px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/new-flight-1.png\" alt=\"new flight\" width=\"1223\" height=\"801\"><figcaption class=\"wp-caption-text\">Asymmetri \u00e4r fortfarande mycket popul\u00e4rt (k\u00e4lla: New Flight)<\/figcaption><\/figure>\n<p>Bruten rutn\u00e4tsdesign \u00e4r fortfarande mycket popul\u00e4r. Webbplatser v\u00e4ljer ofta bort typiska layouter f\u00f6r att anv\u00e4nda n\u00e5got mer konstn\u00e4rligt, med massor av \u00f6verlappande bitar och element \u00f6ver hela sk\u00e4rmen. Det \u00e4r en stil som \u00e4r sv\u00e5r att klara av, men det ser fantastiskt ut n\u00e4r du lyckas.<\/p>\n<p>Men f\u00f6r dem som inte \u00e4r intresserade av att helt g\u00e5 emot normen \u00e4r lite asymmetri ett smart alternativ. Asymmetrisk design med delad sk\u00e4rm \u00e4r s\u00e4rskilt popul\u00e4rt, \u00e4ven om dessa webbplatser fortfarande h\u00e5ller sig till ett rutn\u00e4t.<\/p>\n<p>P\u00e5 tal om rutn\u00e4t \u00e4r CSS-rutn\u00e4t ett superkraftfullt till\u00e4gg till CSS som fungerar i tv\u00e5 dimensioner, kolumner och rader, och l\u00e5ter dig enkelt skapa webbplatslayouter fr\u00e5n grunden.\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-css\/\">Med lite CSS-magi<\/a>\u00a0kan du ocks\u00e5 skapa en bruten rutn\u00e4tslayout, s\u00e5 allt \u00e4r m\u00f6jligt. Webbdesigners och utvecklare b\u00f6rjar anv\u00e4nda CSS-rutn\u00e4t, s\u00e5 g\u00e5 inte miste om den trenden.<\/p>\n<h3>Fler effekter och animationer<\/h3>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/3h-i-1.png\" alt=\"3h-i\" width=\"1213\" height=\"785\"><figcaption class=\"wp-caption-text\">Animationer kan ha en positiv inverkan p\u00e5 UI- och UX-design (k\u00e4lla: 3H-i)<\/figcaption><\/figure>\n<p>\u00c4ven om brutalism blir vardagsmat i vissa h\u00f6rn av webben, fokuserar resten p\u00e5 UI\/UX-design: skapa ett vackrare gr\u00e4nssnitt och samtidigt f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen.<\/p>\n<p>En stor del av detta handlar om mikrointeraktioner. Det inneb\u00e4r att sv\u00e4va \u00f6ver en produkt p\u00e5 en\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/woocommerce-vs-shopify\/\">butik<\/a>\u00a0eller leka med en interaktiv, animerad bakgrund. Dessa sm\u00e5 animationer g\u00f6r en webbplats mer underh\u00e5llande att navigera och ger lite extra gl\u00e4dje till sm\u00e5 interaktioner som att klicka och sv\u00e4va. Vissa webbplatser har \u00e4ven g\u00e5tt s\u00e5 l\u00e5ngt som att implementera gulliga minispel.<\/p>\n<p>Men det \u00e4r inte bara f\u00f6r skojs skull. Mikrointeraktioner tj\u00e4nar ofta samma syfte som den gemensamma subtila animationen: de riktar anv\u00e4ndarens uppm\u00e4rksamhet mot viktiga gr\u00e4nssnittselement. Och \u00f6verimplementering kan bli tr\u00e5kigt snabbt, s\u00e5 det \u00e4r ett spel med att r\u00e4kna ut det perfekta antalet animationer att inkludera p\u00e5 din webbplats.<\/p>\n<p>Bl\u00e4ddring och parallaxeffekter \u00e4r naturligtvis lika popul\u00e4ra som n\u00e5gonsin och kan l\u00e4gga till ett dynamiskt lager-utseende till en sida och g\u00f6ra den mycket mer intressant.<\/p>\n<p>H\u00e5ll ocks\u00e5 utkik efter anpassade mark\u00f6rer. Dessa s\u00e5gs en g\u00e5ng s\u00e4llan utanf\u00f6r sm\u00e5 bloggar eller webbplatser f\u00f6r barn, men de \u00e4r nu ett popul\u00e4rt val, s\u00e4rskilt f\u00f6r webbplatser byggda runt 3D-animerade bakgrunder eller navigering. En elegant anpassad mark\u00f6r kan verkligen f\u00f6rb\u00e4ttra din estetik.<\/p>\n<h3>Vitt utrymme<\/h3>\n<figure style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/12\/apple-1-1.png\" alt=\"apple iPhone\" width=\"1604\" height=\"954\"><figcaption class=\"wp-caption-text\">Vitt utrymme vinner fortfarande (k\u00e4lla: Apple)<\/figcaption><\/figure>\n<p>Som alltid kommer vitt utrymme och ren design forts\u00e4tta att ha en plats inom webbdesigntrender. Enkelt och rent \u00e4r ett s\u00e4kert val; det finns en anledning till att denna stil \u00e4r n\u00e4rvarande p\u00e5 n\u00e4stan alla moderna webbplatser.<\/p>\n<p>Men \u00e4ven om du siktar p\u00e5 ett dj\u00e4rvare, mer unikt tillv\u00e4gag\u00e5ngss\u00e4tt, \u00e4r vitt utrymme fortfarande n\u00e5got du beh\u00f6ver arbeta runt.\u00a0<a href=\"https:\/\/kinsta.com\/blog\/wordpress-site-examples\/\">Varje webbplats<\/a>\u00a0beh\u00f6ver andrum, och vitt utrymme kan anv\u00e4ndas f\u00f6r att f\u00f6rsiktigt markera och betona bilder eller annat inneh\u00e5ll.<\/p>\n<p>Massor av vitt utrymme kan anv\u00e4ndas till stor effekt, d\u00e5 hela delar av sk\u00e4rmen l\u00e4mnas tomma f\u00f6r att ge viktiga delar gott om utrymme. Maximalt vitt utrymme \u00e4r en stil som sannolikt kommer att forts\u00e4tta under de n\u00e4rmaste \u00e5ren.<\/p>\n<h3>Progressiva webbappar<\/h3>\n<p>N\u00e4sta stora grej inom mobil design: progressiva webbappar. Dessa webbaserade plattformar \u00e4r byggda p\u00e5 kod som\u00a0<a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\">HTML<\/a>\u00a0och\u00a0<a href=\"https:\/\/kinsta.com\/se\/blog\/eliminerar-renderingsblockerande-javascript-css\/\">JavaScript<\/a>, men de fungerar som mini-appar f\u00f6r mobila anv\u00e4ndare. De \u00e4r gjorda f\u00f6r att erbjuda upplevelsen av en app utan att faktiskt beh\u00f6va byggas p\u00e5 mobil teknik eller sl\u00e4ppas p\u00e5 App store.<\/p>\n<p>PWAs fungerar offline, kan skicka meddelanden och f\u00e4stas p\u00e5 startsk\u00e4rmen, men du beh\u00f6ver inte ladda ner eller distribuera n\u00e5got. De \u00e4r l\u00e4tta och\u00a0<a href=\"https:\/\/kinsta.com\/learn\/page-speed\/\">laddar snabbt<\/a>\u00a0s\u00e5 de tar inte upp f\u00f6r mycket bandbredd.<\/p>\n<p>\u00c4ven Twitter har b\u00f6rjat med PWAs, och utvecklat Twitter Lite som en l\u00f6sning f\u00f6r personer med l\u00e5ngsam Internethastighet. Och de kunde integrera systemet direkt i sitt vanliga gr\u00e4nssnitt. Det \u00e4r ett bevis p\u00e5 hur bra den h\u00e4r tekniken fungerar.<\/p>\n<p>Om du inte har h\u00f6rt talas om progressiva webbappar \u00e4n b\u00f6r du definitivt g\u00f6ra lite efterforskningar. Att bygga en kan g\u00f6ra dina mobila anv\u00e4ndares upplevelser mycket smidigare.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>2018 och 2019 har varit ett sp\u00e4nnande par \u00e5r f\u00f6r online-v\u00e4rlden. 2020 h\u00e5ller redan p\u00e5 att f\u00f6ra in \u00e4nnu mer \u00e4ventyrliga designer. Regelbrytande element som asymmetri, starka f\u00e4rger, brutalism och i\u00f6gonfallande animationer forts\u00e4tter att v\u00e4xa i popularitet under de n\u00e4rmaste \u00e5ren.<\/p>\n<p>Vem vet vad som kan komma h\u00e4rn\u00e4st? Vi kommer s\u00e4kert att f\u00e5 se \u00e4nnu mer okonventionella nya konststilar.<\/p>\n<p>Om du inte har hoppat p\u00e5 t\u00e5get \u00e4nnu, kan det vara dags att t\u00e4nka om n\u00e5gra av dina designelement och f\u00f6ra in dessa heta nya trender. R\u00e4kna med att\u00a0<a href=\"https:\/\/kinsta.com\/blog\/wordpress-site-examples\/\">se varum\u00e4rken<\/a>\u00a0och designers verkligen b\u00f6rja uttrycka sig, och som resultat blir internet mycket mer levande och intressant.<\/p>\n<p>N\u00e4sta decennium av webbdesign kommer sannolikt att inneh\u00e5lla risktagande och innovation, s\u00e5 se till att du \u00e4r redo att h\u00e4nga med.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webbdesign utvecklas st\u00e4ndigt. Eftersom tekniken blir mer kraftfull och designers experimenterar med nya stilar presenterar varje \u00e5r en unik upps\u00e4ttning sp\u00e4nnande trender i online-v\u00e4rlden. Genom att &#8230;<\/p>\n","protected":false},"author":20,"featured_media":40188,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[386,387],"topic":[],"class_list":["post-40185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-trends","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)<\/title>\n<meta name=\"description\" content=\"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)\" \/>\n<meta property=\"og:description\" content=\"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-03T12:59:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-10T13:59:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)\",\"datePublished\":\"2021-08-03T12:59:30+00:00\",\"dateModified\":\"2021-08-10T13:59:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\"},\"wordCount\":3233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\",\"keywords\":[\"trends\",\"web design\"],\"articleSection\":[\"WordPress-utveckling\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\",\"name\":\"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\",\"datePublished\":\"2021-08-03T12:59:30+00:00\",\"dateModified\":\"2021-08-10T13:59:48+00:00\",\"description\":\"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"trenderna inom webbdesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)","description":"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/","og_locale":"sv_SE","og_type":"article","og_title":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)","og_description":"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.","og_url":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2021-08-03T12:59:30+00:00","article_modified_time":"2021-08-10T13:59:48+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","type":"image\/jpeg"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","twitter_creator":"@digitalinkwell","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Brenda Barron","Ber\u00e4knad l\u00e4stid":"16 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)","datePublished":"2021-08-03T12:59:30+00:00","dateModified":"2021-08-10T13:59:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/"},"wordCount":3233,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","keywords":["trends","web design"],"articleSection":["WordPress-utveckling"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/","url":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/","name":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","datePublished":"2021-08-03T12:59:30+00:00","dateModified":"2021-08-10T13:59:48+00:00","description":"Hur utvecklas webbdesignsv\u00e4rlden? En djupg\u00e5ende titt och analys av de senaste trenderna inom webbdesign fr\u00e5n 2018 och 2019 tills nu, 2020.","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2021\/08\/trenderna-inom-webbdesign.jpeg","width":1460,"height":730,"caption":"trenderna inom webbdesign"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/trenderna-inom-webbdesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"En tillbakablick p\u00e5 de fr\u00e4msta trenderna inom webbdesign (2018-2019)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=40185"}],"version-history":[{"count":3,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40185\/revisions"}],"predecessor-version":[{"id":40189,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/40185\/revisions\/40189"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/pt"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/translations\/se"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/40185\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/40188"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=40185"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=40185"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=40185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}