{"id":265231,"date":"2023-02-18T10:07:00","date_gmt":"2023-02-18T07:07:00","guid":{"rendered":"https:\/\/inform.click\/15-avgorande-typografifel-du-maste-undvika\/"},"modified":"2023-02-18T10:07:00","modified_gmt":"2023-02-18T07:07:00","slug":"15-avgorande-typografifel-du-maste-undvika","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/15-avgorande-typografifel-du-maste-undvika\/","title":{"rendered":"15 avg\u00f6rande typografifel du m\u00e5ste undvika"},"content":{"rendered":"<p>\n  &#8221;Penna \u00e4r m\u00e4ktigare \u00e4n sv\u00e4rd&#8221; \u2013 jag sl\u00e5r vad om att ni alla m\u00e5ste ha h\u00f6rt detta ordspr\u00e5k n\u00e5gonstans n\u00e5gon g\u00e5ng! Och n\u00e4r ord du skriver \u00e4r s\u00e5 m\u00e4ktiga och kraftfulla, m\u00e5ste hur du skriver och skriver ut dem ocks\u00e5 vara lika imponerande. D\u00e4rf\u00f6r spelar typografi en avg\u00f6rande roll i din webbplats, produkt, web-to-print butik, professionella dokument etc.\n<\/p>\n<p>\n  Typografi \u00e4r definitivt inte raketvetenskap. Det \u00e4r stilen, arrangemanget och utseendet p\u00e5 text, och det har en hel del makt \u00f6ver estetik och kommunikation av makt p\u00e5 din webbplats. Den talar om hur du skulle fungera normalt med dina kunder. S\u00e5 det spelar en viktig roll och kan g\u00f6ra eller bryta ditt f\u00f6rsta intryck p\u00e5 dina kunder.\n<\/p>\n<p>\n  H\u00e4r har vi lagt till n\u00e5gra av dem f\u00f6r att veta vilka typografifel du beh\u00f6ver undvika f\u00f6r att g\u00f6ra din design imponerande och engagerande.\n<\/p>\n<h5>\n  Undviker klassiska typsnitt<br \/>\n<\/h5>\n<p>\n  Oavsett hur modern eller snygg du \u00e4r \u2013 &#8221;klassisk&#8221; \u00e4r aldrig ur modet. Oavsett om det \u00e4r en veteranbil eller fint vin; folk \u00e4lskar det. Typografi \u00e4r inget undantag med m\u00e4nniskor som alltid gillar den d\u00e4r &#8221;klassiska&#8221; touchen.\n<\/p>\n<p>\n  Till exempel, om du har en web-to-print-butik d\u00e4r dina kunder kan redigera sina produkter som t-shirts, muggar med deras val av text, borde ditt typografispel vara r\u00e4tt. Det finns fortfarande sekelgamla typsnitt inklusive seriffer och sans-serif fr\u00e5n mitten av \u00e5rhundradet som fortfarande ger en h\u00e5rd konkurrens och \u00e4r ganska vackrare och attraktivare \u00e4n sina samtida motsvarigheter.\n<\/p>\n<p>\n  N\u00e5gra av de bepr\u00f6vade klassiska typsnitten som du kan t\u00e4nka dig att inkludera i ditt konstverk och f\u00e5 det att se relevant ut i grafisk design idag \u00e4r:\n<\/p>\n<ul>\n<li>Caslon, Bodoni och Fournier bland seriffer.\n  <\/li>\n<li>Avenir, Future, Gill Sans bland Sans-Serifs.\n  <\/li>\n<\/ul>\n<p>\n  S\u00e5 det \u00e4r viktigt att undvika att anta att &#8221;klassisk&#8221; inte \u00e4r mer tilltalande och du b\u00f6r inte anv\u00e4nda de klassiska typsnitten.\n<\/p>\n<h5>\n  Att offra l\u00e4sbarhet<br \/>\n<\/h5>\n<p>\n  Det yttersta m\u00e5let f\u00f6r en typograf \u00e4r att skapa inneh\u00e5ll som m\u00e4nniskor kan l\u00e4sa snabbt och enkelt utan att anstr\u00e4nga \u00f6gonen. Men ibland sl\u00e5r anv\u00e4ndningen av teckensnitt som \u00e4r j\u00e4mf\u00f6relsevis sv\u00e5rare att l\u00e4sa j\u00e4mf\u00f6rt med den genomsnittliga serif bakslag. Se d\u00e4rf\u00f6r till att du inte anv\u00e4nder snygga typsnitt p\u00e5 bekostnad av den \u00f6vergripande l\u00e4sbarheten av ditt inneh\u00e5ll.\n<\/p>\n<p>\n  Ytterligare ett misstag att undvika \u00e4r att distrahera anv\u00e4ndarnas uppm\u00e4rksamhet fr\u00e5n texten genom att s\u00e4tta n\u00e5got i bakgrunden. \u00c4ven om du vill anv\u00e4nda n\u00e5got som en bild i bakgrunden, se till att det inte \u00e4ventyrar din texts tydlighet och l\u00e4sbarhet.\n<\/p>\n<p>\n  Som en tumregel \u00e4r tydligare serif- eller sans-serif-typsnitt mer f\u00f6rdelaktiga om du anv\u00e4nder n\u00e5got i bakgrunden. Eftersom de bara hj\u00e4lper till att h\u00e5lla l\u00e4sarnas \u00f6gon smidigt och inte p\u00e5verkar deras l\u00e4tthet att l\u00e4sa.\n<\/p>\n<p>\n  Ibland kan orsaken bakom ol\u00e4slig text vara den lilla storleken p\u00e5 teckensnitt. Se alltid till att du st\u00e4ller in den storleken f\u00f6r teckensnitten som inte anstr\u00e4nger l\u00e4sarnas \u00f6gon. I allm\u00e4nhet \u00e4r en teckenstorlek p\u00e5 endast 10 och h\u00f6gre att f\u00f6redra f\u00f6r typografi.\n<\/p>\n<h5>\n  \u00d6veranv\u00e4ndning av versaler<br \/>\n<\/h5>\n<p>\n  Ibland f\u00f6r att betona en viss punkt f\u00f6rs\u00f6ker vi framh\u00e4va dem med stora bokst\u00e4ver. Men det \u00e4r en vanligare praxis f\u00f6r rubriker och det kan vara ganska genomgripande i interpersonell kommunikation som e-post eller sociala medier. \u00c4ven om du kanske t\u00e4nker p\u00e5 den h\u00e4r tekniken som ett s\u00e4tt att betona en viss punkt, kan din l\u00e4sare misstag din betoning f\u00f6r skrik eller ilska. D\u00e4rf\u00f6r \u00e4r det viktigt att v\u00e4lja ett annat s\u00e4tt att lyfta fram vikten av ditt inneh\u00e5ll.\n<\/p>\n<h5>\n  Ignorera f\u00f6r\u00e4ldral\u00f6sa barn<br \/>\n<\/h5>\n<p>\n  Speciellt i din webbutik n\u00e4r det kommer till textkopiering \u00e4r &#8221;f\u00f6r\u00e4ldral\u00f6sa&#8221; och &#8221;\u00e4nkor&#8221; ett av de l\u00e4tta att f\u00f6rbise felen. Dessa termer anv\u00e4nds ibland omv\u00e4xlande men \u00e4r i grunden ett typografiskt spr\u00e5k eller korta rader som visas \u00f6verst eller botten av en kolumn eller sida med text, separerad fr\u00e5n resten av kopian. Men n\u00e4r du skriver in ett texttungt projekt, leta efter dessa och f\u00f6rs\u00f6k fixa det f\u00f6r att undvika att skapa stora fl\u00e4ckar av utrymme som kan avbryta din text. Du kan bara manuellt \u00e4ndra var linjen bryter, eller justera linjel\u00e4ngden eller sp\u00e5ret n\u00e5got.\n<\/p>\n<h5>\n  Anv\u00e4nder f\u00f6r m\u00e5nga teckensnitt<br \/>\n<\/h5>\n<p>\n  N\u00e4r du skapar en webbplats, eller arbetar med professionella dokument, \u00e4r det viktigt att skapa en stil och h\u00e5lla fast vid den hela tiden. Ett av de vanligaste typografifelen \u00e4r att anv\u00e4nda olika typsnitt och typsnitt f\u00f6r en enda design. Det skapar inte bara en visuell oenighet f\u00f6r l\u00e4saren, utan bryter ocks\u00e5 anv\u00e4ndarupplevelsen. F\u00f6r att undvika det kan du v\u00e4lja typsnitt f\u00f6r rubriker, underrubriker och sidosidor och sedan f\u00f6lja det hela. Om du anv\u00e4nder flera teckensnitt i ett enda stycke kan din webbsida se ut som en icke-professionell slumpm\u00e4ssig anteckning.\n<\/p>\n<h5>\n  Tv\u00e5 platser efter ett punkt<br \/>\n<\/h5>\n<p>\n  Det kan l\u00e5ta som ett v\u00e4ldigt litet misstag, men det \u00e4r v\u00e4rt att lyfta fram. Om du har dubbelt utrymme efter ett punkt \u00e4r det ett litet ibland oundvikligt misstag av skribenter och \u00e4r n\u00f6dv\u00e4ndigt att fixa. Placera d\u00e4rf\u00f6r n\u00e4sta tecken f\u00f6r n\u00e4ra stoppet.\n<\/p>\n<h5>\n  Inkonsekvent anpassning<br \/>\n<\/h5>\n<p>\n  N\u00e4r en l\u00e4sare tittar p\u00e5 ditt stycke vill du att det ska visas som en j\u00e4mn struktur f\u00f6r varje stycke eller rad du inkluderar. D\u00e4rf\u00f6r \u00e4r det mycket viktigt att beh\u00e5lla den konsistensen och det ska se ut som en uniform. Konsekvens hj\u00e4lper dig att g\u00f6ra ett bra intryck av ditt varum\u00e4rke.\n<\/p>\n<h5>\n  I tillr\u00e4cklig kontrast<br \/>\n<\/h5>\n<p>\n  Det \u00e4r n\u00e4r din kopia renderas med otillr\u00e4cklig kontrast mot bakgrunden, det leder till sv\u00e5righeter och att f\u00f6rst\u00e5 texten. Det h\u00e4nder f\u00f6r att typen kan st\u00e4llas in med en f\u00e4rg som liknar bakgrundsf\u00e4rgen, eller kan bero p\u00e5 att den \u00e4r placerad ovanp\u00e5 en bakgrund som sitter ovanf\u00f6r en bild.\n<\/p>\n<p>\n  Du kan dock enkelt undvika detta misstag genom att skruva upp \u00f6gonen och kontrollera att du fortfarande kan urskilja karakt\u00e4rerna i din typ. F\u00f6rs\u00f6k att v\u00e4lja f\u00e4rgen som framh\u00e4ver typsnitten och h\u00e5ll bakgrundsf\u00e4rgen lite subtil som st\u00f6djer typsnitten.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73ba3770.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-317330-6383a73ba3770.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  G\u00e5r miste om hierarkin<br \/>\n<\/h5>\n<p>\n  Ibland st\u00f6ter man p\u00e5 layouter d\u00e4r man inte f\u00f6rst\u00e5r var man ska fokusera p\u00e5 \u2013 eller med andra ord \u2013 var man ska b\u00f6rja l\u00e4sa fr\u00e5n. Anledningen till att man inte kan best\u00e4mma var man ska landa \u00f6gon \u00e4r p\u00e5 grund av bristen p\u00e5 en visuell hierarki.\n<\/p>\n<p>\n  Om du ocks\u00e5 tror att din publik st\u00e5r inf\u00f6r samma problem \u00e4r det dags att \u00e4ndra din visuella hierarki. F\u00f6rs\u00f6k att skapa ABC-effekt, d\u00e4r A \u00e4r den st\u00f6rsta, mest framtr\u00e4dande rubriken (med alla tecken i fetstil eller kapslar f\u00f6r att skapa extra effekt), B \u00e4r den n\u00e5got mindre underrubriken (halvfet eller kursiv vikt f\u00f6r kontrast) och C \u00e4r den minsta kroppen text.\n<\/p>\n<p>\n  Till exempel, i t-shirttryck, om du skriver ut ett citat av en k\u00e4nd personlighet, \u00e4r det n\u00f6dv\u00e4ndigt att f\u00e5 citatet att sticka ut. Du kan h\u00e5lla citatet fetstilt eller med stora bokst\u00e4ver och l\u00e4mna namnet p\u00e5 personligheten i liten storlek eller sm\u00e5 bokst\u00e4ver.\n<\/p>\n<p>\n  Denna typ av visuell hierarki hj\u00e4lper l\u00e4sare att navigera i texten enkelt och snabbt \u2013 och du f\u00e5r aldrig ignorera det!\n<\/p>\n<h5>\n  Felaktig Kerning<br \/>\n<\/h5>\n<p>\n  Kerning h\u00e4nvisar till avst\u00e5ndet mellan tecken i ett teckensnitt. Kerning har en stor betydelse inom typografi. Om du misslyckas med att kerna ditt inneh\u00e5ll ordentligt, kommer ditt inneh\u00e5ll med st\u00f6rsta sannolikhet att f\u00f6rlora klarhet och f\u00f6rst\u00f6ra l\u00e4sarnas upplevelse.\n<\/p>\n<p>\n  S\u00e4rskilt n\u00e4r du skriver ut en logotyp kan felaktig kerning ha negativa effekter som f\u00f6rlust av sammanh\u00e5llning i design, f\u00f6rvirringar eller feltolkningar, ol\u00e4slighet etc. Som ett resultat kan din varum\u00e4rkesimage p\u00e5verkas p\u00e5 ett ogynnsamt s\u00e4tt. Se d\u00e4rf\u00f6r till att ditt inneh\u00e5ll \u00e4r korrekt k\u00e4rnat f\u00f6r att f\u00f6rb\u00e4ttra l\u00e4sarnas upplevelse. I allm\u00e4nhet \u00e4r det att rekommendera att v\u00e4nda typ upp och ned innan du justerar avst\u00e5ndet. Det beror p\u00e5 att n\u00e4r du kernar upp och ner kommer inneh\u00e5llet i typen inte att distrahera dig och du kommer att kunna fokusera b\u00e4ttre bara p\u00e5 bokst\u00e4vernas visuella symmetri.\n<\/p>\n<h5>\n  Slumpm\u00e4ssig blandning av typsnitt<br \/>\n<\/h5>\n<p>\n  Att implementera olika typsnitt i till\u00e4mpningen av hierarki \u00e4r en konst; men om du misslyckas med att g\u00f6ra det ordentligt; det kan sluta se d\u00e5ligt ut och resultera i distraherande sammandrabbningar i inneh\u00e5llet. Det inneb\u00e4r att du b\u00f6r vara f\u00f6rsiktig och undvika att g\u00f6ra detta misstag. Vanligtvis kan det fungera bra att anv\u00e4nda en serif och en sans-serif som kompletterar varandra f\u00f6r att g\u00f6ra din typografi imponerande.\n<\/p>\n<h5>\n  F\u00f6rbise l\u00e4sbarhet<br \/>\n<\/h5>\n<p>\n  Huvudm\u00e5let med en konsekvent typografi \u00e4r att skapa inneh\u00e5ll som \u00e4r l\u00e4tt att l\u00e4sa. Men ibland \u00e4r det l\u00e4tt att av misstag \u00e4ventyra denna k\u00e4nslighet. S\u00e5 om du l\u00e4gger n\u00e5got bakom din text, se till att det inte distraherar publikens uppm\u00e4rksamhet. F\u00f6rs\u00f6k att undvika misstag som medan bokst\u00e4ver p\u00e5 en svart bakgrund eller upptagna bakgrundsbilder. N\u00e4r du har st\u00f6rre inneh\u00e5llsblock b\u00f6r du ocks\u00e5 anv\u00e4nda typsnitt som sans-serif f\u00f6r att h\u00e5lla l\u00e4sarens \u00f6gon i r\u00f6relse.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73f33a17.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-317330-6383a73f33a17.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  G\u00f6r det tungt<br \/>\n<\/h5>\n<p>\n  Vi \u00e4lskade alla &#8221;WordArt&#8221; fr\u00e5n Microsoft. Men nu \u00e4r det dags att undvika att anv\u00e4nda &#8221;Specialeffekter&#8221; p\u00e5 din text. Saker som 3D eller pr\u00e4glade effekter, skuggor, gradienter, skevhet \u00e4r n\u00e5gra av exemplen p\u00e5 det. Det finns inget som att de ser ol\u00e4mpliga ut, men speciell text som denna tenderar att se jippon ut.\n<\/p>\n<h5>\n  Anv\u00e4nda trasiga kanter<br \/>\n<\/h5>\n<p>\n  \u00c4ven om det kan finnas lite utrymme f\u00f6r oreda i v\u00e5rt dagliga liv, finns det inget utrymme f\u00f6r det i typografi. Din text ska inte se st\u00f6kig och r\u00f6rig ut. Om du har en para med upp till 5-6 rader; det kan ibland ha trasiga kanter och denna d\u00e5liga justering kan f\u00e5 texten att se ov\u00e5rdad ut.\n<\/p>\n<p>\n  \u00c4ven om motivering av text kan vara en l\u00f6sning ibland, kanske det inte alltid fungerar. Det andra s\u00e4ttet som kan fungera \u00e4r att bryta ensamma ord p\u00e5 n\u00e4sta rad manuellt. Vid andra tillf\u00e4llen kan avstavning ocks\u00e5 hj\u00e4lpa \u2013 speciellt n\u00e4r du trycker en tidning.\n<\/p>\n<h5>\n  Att gl\u00f6mma att korrekturl\u00e4sa<br \/>\n<\/h5>\n<p>\n  Oavsett hur liten eller stor text \u00e4r, eller om du trycker en tidning eller en kl\u00e4dsel; korrekturl\u00e4sning \u00e4r ett m\u00e5ste. Det beror p\u00e5 att alla fel i din text \u2013 \u00e4ven de minsta kan f\u00f6rst\u00f6ra intrycket av din design och ditt inneh\u00e5ll.\n<\/p>\n<p>\n  S\u00e5 vilken slutsats kommer du fram till? Att det \u00e4r oumb\u00e4rligt f\u00f6r en typograf att korrekturl\u00e4sa det som g\u00e5r i maskinskrivning en g\u00e5ng innan tryckningen startar. Eftersom denna korrekturl\u00e4sning inte bara kommer att r\u00e4dda fel fr\u00e5n att smyga sig in utan ocks\u00e5 beh\u00e5lla bilden av varum\u00e4rket bland publiken.\n<\/p>\n<h4>\n  I ett n\u00f6tskal<br \/>\n<\/h4>\n<p>\n  Typografi utg\u00f6r en oskiljaktig del av design eller tryckning. Oavsett om du erbjuder dina kunder friheten att trycka skr\u00e4ddarsydda t-shirts med hj\u00e4lp av mjukvara f\u00f6r t-shirtdesign eller skriva ut en hel tidning, \u00e4r det alltid troligt att typografifel uppst\u00e5r.\n<\/p>\n<p>\n  Som de s\u00e4ger, din webbplats ska handla om inneh\u00e5llet inte hur det ser ut. Men t\u00e4nk p\u00e5 att typografi drastiskt kan p\u00e5verka hur inneh\u00e5ll kommuniceras och att det \u00e4r s\u00e5 det blir lika viktigt. Men att ha i \u00e5tanke n\u00e5gra vanliga misstag n\u00e4r du best\u00e4mmer dig f\u00f6r typografin och vidtar \u00e5tg\u00e4rder f\u00f6r att undvika dessa misstag kan g\u00e5 l\u00e5ngt f\u00f6r att g\u00f6ra din webbplats engagerande.\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\/2020\/09\/25\/crucial-typography-mistakes\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8221;Penna \u00e4r m\u00e4ktigare \u00e4n sv\u00e4rd&#8221; \u2013 jag sl\u00e5r vad om att ni alla m\u00e5ste ha h\u00f6rt detta ordspr\u00e5k n\u00e5gonstans n\u00e5gon g\u00e5ng! Och n\u00e4r ord du skriver \u00e4r s\u00e5 m\u00e4ktiga och kraftfulla, m\u00e5ste hur du skriver och skriver ut dem ocks\u00e5 vara lika imponerande. D\u00e4rf\u00f6r spelar typografi en avg\u00f6rande roll i din webbplats, produkt, Web-to-print butik, professionella dokument etc. Typografi \u00e4r definitivt inte raketvetenskap. Det \u00e4r stilen, arrangemanget och utseendet p\u00e5 text, och det har en hel del makt \u00f6ver estetik och kommunikation av makt p\u00e5 din webbplats. Den talar om hur du skulle fungera normalt med dina kunder. S\u00e5, \u2026<\/p>\n","protected":false},"author":1,"featured_media":183037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[256,61,204],"tags":[],"class_list":["post-265231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teckensnitt","category-web-och-wordpress","category-webbdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265231","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=265231"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265231\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/183037"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}