{"id":265375,"date":"2023-04-21T12:45:00","date_gmt":"2023-04-21T09:45:00","guid":{"rendered":"https:\/\/inform.click\/9-populara-typografitrender-inom-webbdesign\/"},"modified":"2023-04-21T13:27:00","modified_gmt":"2023-04-21T10:27:00","slug":"9-populara-typografitrender-inom-webbdesign","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/9-populara-typografitrender-inom-webbdesign\/","title":{"rendered":"9 popul\u00e4ra typografitrender inom webbdesign"},"content":{"rendered":"<p>\n  Det kan vara dags att kasta ut &#8221;konventionen.&#8221; Inte allt, naturligtvis, men n\u00e4r det kommer till typografi och nuvarande trender, \u00e4r det definitivt dags att experimentera, att k\u00e4nna dina m\u00e5lkunder och att f\u00f6rst\u00e5 de designtyper som de kommer att se som sp\u00e4nnande, \u00f6vertygande och v\u00e4rda att intressera.\n<\/p>\n<p>\n  Inse det. Typografin du v\u00e4ljer \u00e4r det f\u00f6rsta, tillsammans med fantastiska bilder, som f\u00e5r en bes\u00f6kare eller anv\u00e4ndare att vilja kolla in en webbplats ytterligare. Och du m\u00e5ste betrakta typografi som en bild. Och den bilden m\u00e5ste passa varum\u00e4rket, publiken och vad vi vet om dagens konsumenter.\n<\/p>\n<p>\n  S\u00e5, innan vi pratar om typografitrender, l\u00e5t oss prata lite om konsumenter och vad de vill se.\n<\/p>\n<p>\n  Dagens konsument \u00e4r helt klart &#8221;tr\u00e5kig. &#8221; Han letar inte bara efter information eller produkter. Han letar efter underh\u00e5llning, efter inspiration och att bli f\u00f6rv\u00e5nad. Mycket av detta kommer fr\u00e5n webbdesignen p\u00e5 de webbplatser han kommer \u00e5t. Och mycket av den designen avg\u00f6r om han stannar eller studsar. Ett f\u00f6retag kan ha den b\u00e4sta produkten eller tj\u00e4nsten han beh\u00f6ver. Men om det inte \u00e4r v\u00e4l f\u00f6rpackat s\u00e5 f\u00f6rlorar det f\u00f6retaget.\n<\/p>\n<p>\n  Och du m\u00e5ste t\u00e4nka p\u00e5 typografi som en del av design och varum\u00e4rkesbudskap, inte bara ord med vissa storlekar, typsnitt och f\u00e4rg. Medan du h\u00e5ller p\u00e5, vill du ocks\u00e5 t\u00e4nka p\u00e5 att blanda ihop typsnitt ocks\u00e5. Ingenting s\u00e4ger att teckensnittets konsistens \u00e4r &#8221;lagen. &#8221; Det kan faktiskt vara ganska tr\u00e5kigt.\n<\/p>\n<p>\n  Det finns verkligen &#8221;trender&#8221; som designers och typografer pratar om varje \u00e5r. Dessa \u00e4r baserade p\u00e5 vad som verkar vara mest popul\u00e4rt f\u00f6r tillf\u00e4llet. Men trender kommer och g\u00e5r ganska snabbt. Du kan vara en trendf\u00f6ljare eller en trends\u00e4ttare \u2013 ditt val.\n<\/p>\n<p>\n  Med det sagt, l\u00e5t oss ta en titt p\u00e5 n\u00e5gra av trenderna inom typografi under 2019 och se hur du kan till\u00e4mpa dem p\u00e5 webbdesigner som kommer att f\u00f6rv\u00e5na dina kunder och deras bes\u00f6kare ocks\u00e5. Men medan du l\u00e4ser om och tittar p\u00e5 dessa trendbilder, fall inte i f\u00e4llan att du m\u00e5ste efterlikna dem och bli n\u00e5gon du inte g\u00f6r det. Det h\u00e4r \u00e4r helt enkelt id\u00e9er \u2013 du kan ta dem och s\u00e4tta din egen kreativa pr\u00e4gel f\u00f6r att s\u00e4rskilja dig sj\u00e4lv, sp\u00e4nnande dina kunder och \u00e4lska det du har skapat.\n<\/p>\n<h5>\n  1 Handstil<br \/>\n<\/h5>\n<p>\n  Ett naturligt handskrivet manus har p\u00e5 n\u00e5got s\u00e4tt en k\u00e4nsla av autenticitet. Och autenticitet \u00e4r n\u00e5got som dagens konsument vill ha. Visserligen finns det ett antal aktiviteter i ett f\u00f6retag som fr\u00e4mjar f\u00f6rtroende och autenticitet, men det finns ocks\u00e5 psykologiska triggers. Det handskrivna manuset ger en personlig touch till webbdesign. Samtidigt m\u00e5ste typen av handskrivet manus ocks\u00e5 spegla ett aff\u00e4rsvarum\u00e4rke. Ta en titt p\u00e5 dessa exempel p\u00e5 handskrivna logotyper. Vissa har s\u00e5klart funnits i flera \u00e5r, och de \u00e4r nu synonyma med sina varum\u00e4rken. \u00c4nd\u00e5 har andra, som de nyare Harley Davidson- och Barbie-manusen, utvecklats.\n<\/p>\n<p>\n  Summan av kardemumman \u00e4r denna: handskriven typografi kommer ingenstans. Det kommer att forts\u00e4tta att f\u00e5nga och intrigera, och det kommer att forts\u00e4tta att utl\u00f6sa vissa psykologiska reaktioner.\n<\/p>\n<h5>\n  2 Vintage typografi<br \/>\n<\/h5>\n<p>\n  Om inte annat trollar vintagetypsnitt fram nostalgi. Och \u00e4ven om millennials och Gen X'ers \u200b\u200bverkligen inte gillar nostalgi i sina personliga liv (mormors goda porslin \u00e4r inte ett eftertraktat f\u00f6rem\u00e5l), tenderar de att uppskatta klangen att det betyder l\u00e5ngvarig kvalitet.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376df7499f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376df7499f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Denna typografi har funnits sedan 1911, och \u00e4ven om vissa produktetiketter har olika f\u00e4rger \u00e4ndras inte teckensnittet\/typen. Beskrivningar av produkter och annan information p\u00e5 webbplatsen anv\u00e4nder ett ganska standardtypsnitt, men varje sida inneh\u00e5ller denna permanenta vintagetypografi av sin ursprungliga logotyp.\n<\/p>\n<p>\n  Vintage typografi fr\u00e4mjar f\u00f6rtroende \u2013 bes\u00f6karen\/kunden har &#8221;k\u00e4nslan&#8221; av att f\u00f6retaget har en l\u00e5ng och gedigen historia. Och \u00e4ven nyare f\u00f6retag kan etablera den k\u00e4nslan genom att anta vintagetypografi.\n<\/p>\n<h5>\n  3 Akvarelltypografi\/teckensnitt<br \/>\n<\/h5>\n<p>\n  Vi har alla sett fantastiska akvarellm\u00e5lningar. F\u00e4rgerna \u00e4r inte skarpa och klara utan mer blandade med nyanser som utvecklas. Bokst\u00e4verna kan vara en blandning av en f\u00e4rg eller flera f\u00e4rger:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e21a7ef.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e21a7ef.webp\" alt=\"\" \/><\/a><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e5acf14.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e5acf14.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Akvarelltypografi har blivit mer popul\u00e4r, s\u00e4rskilt tillsammans med handskriven, eftersom de g\u00e5r bra ihop. Baby Einstein-logotypen ovan \u00e4r ett utm\u00e4rkt exempel p\u00e5 denna kombination. Akvarelltypografi utl\u00f6ser k\u00e4nslor av lugn, samlade vibbar och \u00e4r bra alternativ f\u00f6r webbplatser som kan inneh\u00e5lla kosmetika, brud-\/br\u00f6llopstj\u00e4nster, produkter f\u00f6r nyf\u00f6dda sp\u00e4dbarn och s\u00e5dant.\n<\/p>\n<h5>\n  4 Serif<br \/>\n<\/h5>\n<p>\n  Ett typsnitt som har funnits s\u00e5 l\u00e4nge men ett som g\u00f6r lite comeback. Och det finns mycket flexibilitet med verktyg nu, s\u00e5 du kan g\u00f6ra massor av extra saker med Serif. Sans Serif \u00e4r fortfarande i bruk ocks\u00e5 (ofta kallad grotesk eller gotisk), och kan vara dramatisk med k\u00e4nsla av f\u00e4rg och olika storlekar.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e8acaec.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376e8acaec.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  5 Stora och sm\u00e5 tillsammans f\u00f6r betoning och drama<br \/>\n<\/h5>\n<p>\n  Medan m\u00e5nga m\u00e4nniskor gillar konsekvensen och enhetligheten i typografi som alla \u00e4r av samma storlek i fraser och meddelanden, f\u00e5ngas m\u00e5nga fler av stora f\u00f6r\u00e4ndringar i storlekar, s\u00e4rskilt n\u00e4r ett f\u00f6retag vill betona n\u00e5got. Att experimentera med olika storlekar (och till och med typsnitt) med text kan vara dramatiskt och kommer att f\u00e5nga uppm\u00e4rksamhet. Det \u00e4r ett bra s\u00e4tt att l\u00e4gga tonvikt p\u00e5 de viktigaste orden eller fraserna i en text.\n<\/p>\n<p>\n  Kolla in det h\u00e4r exemplet fr\u00e5n workisnotajob.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ebd0783.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ebd0783.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  6 Variation i teckensnitt<br \/>\n<\/h5>\n<p>\n  Att blanda och matcha en m\u00e4ngd olika typsnitt \u00e4r definitivt en designtrend p\u00e5 frammarsch. Det till\u00e5ter en hel del kreativitet och \u00f6ga, om det inte \u00e4r \u00f6verdrivet. Anv\u00e4nd kursiv blandat med blockbokst\u00e4ver, anv\u00e4nd vintage med modern \u2013 alla dessa saker kan inkorporeras, om de g\u00f6rs r\u00e4tt. Detta kommer att kr\u00e4va lite experiment, naturligtvis, men det fantastiska med webbplatstypografi? Det \u00e4r s\u00e5 l\u00e4tt att \u00e4ndra, testa och \u00e4ndra igen. Ge j\u00e4rnet.\n<\/p>\n<h5>\n  7 F\u00e4rg<br \/>\n<\/h5>\n<p>\n  \u00c5h herregud, ja. F\u00e4rg g\u00e5r aldrig ur stil, och det ger s\u00e5 mycket mer kreativitet i kombination med sp\u00e4nnande typsnitt som relaterar till ett varum\u00e4rke. T\u00e4nk p\u00e5 lego till exempel.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ee59947.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376ee59947.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Eller Googles m\u00e5nga &#8221;ansikten&#8221;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f092def.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f092def.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Eller f\u00e4rg kan anv\u00e4ndas f\u00f6r att skildra &#8221;klass&#8221; eller sofistikering, som den som anv\u00e4nds f\u00f6r Rolex:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f43331f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f43331f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Fr\u00e5nvaron av f\u00e4rgvariation kan ocks\u00e5 skildra allvar, och m\u00e5nga f\u00f6retag \u00e4r fokuserade p\u00e5 det seri\u00f6sa. Claude McPherson, webbansvarig f\u00f6r skrivtj\u00e4nsten Studicus, s\u00e4ger till exempel detta: &#8221;V\u00e5ra kunder vill ha grunderna och vill ha dem enkelt och tydligt f\u00f6rklarade. Vi anv\u00e4nder mycket blocktryck utan mycket f\u00e4rg och l\u00e4gger till n\u00e5gra st\u00e4nk n\u00e4r vi vill att v\u00e5ra bes\u00f6kare ska se n\u00e5got unikt eller ovanligt. Detta fungerar f\u00f6r oss, men varje f\u00f6retag k\u00e4nner sin kund och b\u00f6r anv\u00e4nda f\u00e4rg d\u00e4refter.&#8221;\n<\/p>\n<h5>\n  8 \u00f6verl\u00e4gg och utsk\u00e4rningar<br \/>\n<\/h5>\n<p>\n  Det h\u00e4r \u00e4r s\u00e4rskilt roliga typografiprojekt. Att b\u00e4dda in bilder i typografin i sig kan skapa en fantastisk och i\u00f6gonfallande funktion f\u00f6r webbdesign. Dessa l\u00e4gger till massor av lager till typografidesigner, i kontrast till den tr\u00e5kiga och v\u00e4ldigt &#8221;platta&#8221; webbsidan. Vidare l\u00e4gger de till effekten av 3D-illusion. Ta en titt p\u00e5 denna trend eftersom den anv\u00e4nds av Pavilion. Hur coolt \u00e4r det h\u00e4r?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f760b4c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376f760b4c.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  9 Geometri<br \/>\n<\/h5>\n<p>\n  Geometri kommer f\u00f6rmodligen aldrig att g\u00e5 ur mode. Geometri handlar om punkter, linjer, former och positioner. M\u00f6jligheterna f\u00f6r typografi \u00e4r o\u00e4ndliga, och geometri kommer alltid att vara en del av all typografi som designas. Anv\u00e4ndningen av geometri kan vara v\u00e4ldigt grundl\u00e4ggande, med typiska former och linjer, eller s\u00e5 kan den anv\u00e4ndas som en startpunkt f\u00f6r mycket mer kreativa typografieffekter. Ta en titt p\u00e5 denna geometriska typografidesign av creativemarket.com \u2013 anv\u00e4ndningen av geometriska former f\u00f6r att skapa ett fantastiskt typsnitt. H\u00e4r finns en chans att bli fantastiskt kreativ \u2013 l\u00e5ngt ifr\u00e5n den svartvita geometriska typografin som kan ha en plats f\u00f6r mer traditionella varum\u00e4rken men inte f\u00f6r de som vill g\u00f6ra ett &#8221;st\u00e4nk&#8221;.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376fa4491f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310995-638376fa4491f.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  10 Sj\u00e4lva inneh\u00e5llet<br \/>\n<\/h5>\n<p>\n  I v\u00e5rt h\u00e5rda arbete med att experimentera med och designa otroliga typografiska effekter kan vi ofta gl\u00f6mma att det som s\u00e4gs \u00e4r lika viktigt som hur det ser ut f\u00f6r en bes\u00f6kare eller anv\u00e4ndare. Ord \u00e4r kraftfulla i sig sj\u00e4lva, och den b\u00e4sta typografin kan inte i sig ers\u00e4tta kreativ och \u00f6vertygande textpresentation. Designers \u00e4r konstn\u00e4rer \u2013 de \u00e4r inte alltid kreativa journalistiska skribenter som kan presentera ett varum\u00e4rkesbudskap som resonerar hos en publik. Om detta \u00e4r ett behov \u00e4r det viktigt att f\u00e5 professionell hj\u00e4lp. Det finns hur m\u00e5nga frilansskribenter som helst eller tj\u00e4nster f\u00f6r kreativt skrivande som har kreativa copywriting-avdelningar f\u00f6r att m\u00f6ta s\u00e5dana behov.\n<\/p>\n<h5>\n  Den verkliga trenden? Anpassa allt<br \/>\n<\/h5>\n<p>\n  N\u00e4r du \u00f6verv\u00e4ger typografialternativen som du nu har, med tanke p\u00e5 den fantastiska tekniken och den l\u00e4tthet med vilken de kan integreras i webbdesign, \u00e4r ditt jobb som designer inte s\u00e5 mycket att hitta de r\u00e4tta verktygen f\u00f6r din design. Ditt verkliga jobb \u00e4r att f\u00e5 en fullst\u00e4ndig f\u00f6rst\u00e5else f\u00f6r f\u00f6retaget vars webbplats du designar, gr\u00e4va djupt i dess varum\u00e4rke och budskapet som det f\u00f6rmedlar till sin m\u00e5lgrupp. F\u00f6rst d\u00e5 kan du b\u00f6rja fundera p\u00e5 hur du kan anpassa typografi som \u00e4r vettig och som g\u00f6r de uttalanden f\u00f6retaget beh\u00f6ver g\u00f6ra. Och din regel nummer 1? Var den du \u00e4r i din design; presentera dem f\u00f6r dina kunder; ta deras feedback; \u00e4ndra och g\u00e5 tillbaka till ritbordet s\u00e5 mycket som beh\u00f6vs. Och sluta oroa dig s\u00e5 mycket f\u00f6r trender och vad som \u00e4r &#8221;in&#8221; eller &#8221;out&#8221;.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Inspelningsk\u00e4lla: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2019\/11\/20\/web-design-typography-trends\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Det kan vara dags att kasta ut &#8221;konvention&#8221;. Inte allt, naturligtvis, men n\u00e4r det kommer till typografi och aktuella trender \u00e4r det definitivt dags att experimentera, att k\u00e4nna till dina m\u00e5lkunder och att f\u00f6rst\u00e5 de designtyper som de kommer att se som sp\u00e4nnande, \u00f6vertygande och v\u00e4rda att intressera sig f\u00f6r. . Inse det. Typografin du v\u00e4ljer \u00e4r det f\u00f6rsta, tillsammans med fantastiska bilder, som f\u00e5r en bes\u00f6kare eller anv\u00e4ndare att vilja kolla in en webbplats ytterligare. Och du m\u00e5ste betrakta typografi som en bild. Och den bilden m\u00e5ste passa varum\u00e4rket, publiken och vad&#8230;<\/p>\n","protected":false},"author":1,"featured_media":202947,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[256,61],"tags":[],"class_list":["post-265375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teckensnitt","category-web-och-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265375"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265375\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/202947"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}