{"id":257520,"date":"2023-02-18T09:58:00","date_gmt":"2023-02-18T06:58:00","guid":{"rendered":"https:\/\/inform.click\/15-avgjorende-typografifeil-du-ma-unnga\/"},"modified":"2023-02-18T09:58:00","modified_gmt":"2023-02-18T06:58:00","slug":"15-avgjorende-typografifeil-du-ma-unnga","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/15-avgjorende-typografifeil-du-ma-unnga\/","title":{"rendered":"15 avgj\u00f8rende typografifeil du m\u00e5 unng\u00e5"},"content":{"rendered":"<p>\n  \u00abPenn er mektigere enn sverd\u00bb \u2013 jeg vedder p\u00e5 at dere alle m\u00e5 ha h\u00f8rt dette ordtaket et sted en gang! Og n\u00e5r ordene du skriver er s\u00e5 mektige og kraftige, m\u00e5 hvordan du skriver og skriver dem ogs\u00e5 v\u00e6re like imponerende. Derfor spiller typografi en avgj\u00f8rende rolle i ditt nettsted, produkt, nett-til-trykk-butikk, profesjonelle dokumenter etc.\n<\/p>\n<p>\n  Typografi er definitivt ikke noe av rakettvitenskap. Det er stilen, arrangementet og utseendet til tekst, og det har mye makt over estetikk og kommunikasjon av kraften til nettstedet ditt. Den snakker om hvordan du ville fungere normalt med kundene dine. S\u00e5 det spiller en viktig rolle, og kan gj\u00f8re eller \u00f8delegge ditt f\u00f8rste inntrykk p\u00e5 kundene dine.\n<\/p>\n<p>\n  Her har vi lagt til noen av dem for \u00e5 vite hvilke typografifeil du m\u00e5 unng\u00e5 for \u00e5 gj\u00f8re designet ditt imponerende og engasjerende.\n<\/p>\n<h5>\n  Unng\u00e5 klassiske skrifttyper<br \/>\n<\/h5>\n<p>\n  Uansett hvor moderne eller stilig du er \u2013 &laquo;klassisk&raquo; g\u00e5r aldri av moten. Enten det er en veteranbil eller god vin; folk elsker det. Typografi er intet unntak med folk som alltid liker den &laquo;klassiske&raquo; touchen.\n<\/p>\n<p>\n  For eksempel, hvis du har en nett-til-trykk-butikk der kundene dine kan redigere produktene sine som t-skjorter, krus med tekstvalg, b\u00f8r typografispillet ditt v\u00e6re riktig. Det er fortsatt hundre \u00e5r gamle skrifttyper inkludert seriffer og midcentury sans-serif som fortsatt gir en t\u00f8ff konkurranse og er ganske vakrere og attraktive enn sine samtidige motstykker.\n<\/p>\n<p>\n  Noen av de tidtestede klassiske skrifttypene du kan tenke deg \u00e5 inkludere i kunstverket ditt og f\u00e5 det til \u00e5 se relevant ut i grafisk design i dag er:\n<\/p>\n<ul>\n<li>Caslon, Bodoni og Fournier blant seriffer.\n  <\/li>\n<li>Avenir, Future, Gill Sans blant Sans-Serifs.\n  <\/li>\n<\/ul>\n<p>\n  S\u00e5 det er viktig \u00e5 unng\u00e5 \u00e5 anta at &laquo;klassisk&raquo; ikke er mer tiltalende, og du b\u00f8r ikke bruke de klassiske skrifttypene.\n<\/p>\n<h5>\n  Ofrer lesbarheten<br \/>\n<\/h5>\n<p>\n  Det endelige m\u00e5let for en typograf er \u00e5 lage innhold som folk kan lese raskt og enkelt uten \u00e5 anstrenge \u00f8ynene. Men til tider sl\u00e5r det tilbake \u00e5 bruke fonter som er relativt vanskeligere \u00e5 lese sammenlignet med gjennomsnittlig serif. Pass derfor p\u00e5 at du ikke bruker stilige skrifter p\u00e5 bekostning av den generelle lesbarheten til innholdet ditt.\n<\/p>\n<p>\n  En annen feil \u00e5 unng\u00e5 er \u00e5 distrahere brukernes oppmerksomhet fra teksten ved \u00e5 sette noe i bakgrunnen. Selv om du vil bruke noe som et bilde i bakgrunnen, s\u00f8rg for at det ikke g\u00e5r p\u00e5 bekostning av klarheten og lesbarheten til teksten din.\n<\/p>\n<p>\n  Som en tommelfingerregel er tydeligere serif- eller sans-serif-skrifttyper mer fordelaktig i tilfelle du bruker noe i bakgrunnen. Siden de bare hjelper til med \u00e5 holde lesernes \u00f8yne beveger seg jevnt og ikke p\u00e5virker deres lesevennlighet.\n<\/p>\n<p>\n  Noen ganger kan den skyldige bak uleselig tekst v\u00e6re den lille st\u00f8rrelsen p\u00e5 fonter. S\u00f8rg alltid for at du angir den st\u00f8rrelsen for skriftene som ikke belaster lesernes \u00f8yne. Generelt er en skriftst\u00f8rrelse p\u00e5 bare 10 og h\u00f8yere \u00e5 foretrekke for typografi.\n<\/p>\n<h5>\n  Overbruk av store bokstaver<br \/>\n<\/h5>\n<p>\n  Noen ganger for \u00e5 understreke et bestemt punkt, pr\u00f8ver vi \u00e5 fremheve dem ved \u00e5 bruke store bokstaver. Imidlertid er det en mer vanlig praksis for overskrifter, og det kan v\u00e6re ganske gjennomgripende i mellommenneskelig kommunikasjon som e-post eller sosiale medier. Selv om du kanskje tenker p\u00e5 denne teknikken som en m\u00e5te \u00e5 understreke et bestemt poeng p\u00e5, kan leseren misforst\u00e5 vektleggingen din for roping eller sinne. Derfor er det viktig \u00e5 velge en annen m\u00e5te \u00e5 fremheve viktigheten av innholdet ditt.\n<\/p>\n<h5>\n  Ignorerer foreldrel\u00f8se barn<br \/>\n<\/h5>\n<p>\n  Spesielt i nettbutikken din n\u00e5r det kommer til kroppstekst, er &laquo;foreldrel\u00f8se&raquo; og &laquo;enker&raquo; en av feilene som er lett \u00e5 overse. Disse begrepene brukes noen ganger om hverandre, men er i utgangspunktet et typografisk spr\u00e5k eller korte linjer som vises \u00f8verst eller bunnen av en kolonne eller side med tekst, atskilt fra resten av kopien. Men n\u00e5r du skriver inn et teksttungt prosjekt, se etter disse og pr\u00f8v \u00e5 fikse det for \u00e5 unng\u00e5 \u00e5 lage store flekker med plass som kan forstyrre teksten din. Du kan bare manuelt endre hvor linjen bryter, eller justere linjelengden eller sporet litt.\n<\/p>\n<h5>\n  Bruker for mange skrifter<br \/>\n<\/h5>\n<p>\n  N\u00e5r du lager en nettside, eller jobber med profesjonelle dokumenter, er det viktig \u00e5 etablere en stil og holde seg til den hele veien. En av de vanligste typografifeilene er \u00e5 bruke forskjellige skrifttyper og fonter for et enkelt design. Det skaper ikke bare en visuell splid for leseren, men bryter ogs\u00e5 brukeropplevelsen. For \u00e5 unng\u00e5 det kan du velge skrifttyper for overskrifter, underoverskrifter og sideoverskrifter og deretter f\u00f8lge den hele veien. Ved \u00e5 bruke flere fonter i ett enkelt avsnitt kan nettsiden din se ut som et ikke-profesjonelt tilfeldig notat.\n<\/p>\n<h5>\n  To plasser etter et punktum<br \/>\n<\/h5>\n<p>\n  Det kan h\u00f8res ut som en veldig liten feil, men det er verdt \u00e5 fremheve. Hvis du har dobbel plass etter et punktum, er det en liten uunng\u00e5elig feil av forfattere og er n\u00f8dvendig \u00e5 fikse. Plasser derfor neste tegn for n\u00e6r stoppet.\n<\/p>\n<h5>\n  Inkonsekvent justering<br \/>\n<\/h5>\n<p>\n  N\u00e5r en leser ser p\u00e5 stykket ditt, vil du at det skal vises som en jevn struktur for hvert avsnitt eller linje du inkluderer. Derfor er det veldig viktig \u00e5 opprettholde den konsistensen, og den skal se ut som en uniform. Konsistens vil hjelpe deg med \u00e5 gj\u00f8re et godt inntrykk av merkevaren din.\n<\/p>\n<h5>\n  I tilstrekkelig kontrast<br \/>\n<\/h5>\n<p>\n  Det er n\u00e5r kopien din er gjengitt med utilstrekkelig kontrast mot bakgrunnen, det f\u00f8rer til vanskeligheter og forst\u00e5else av teksten. Det skjer fordi typen kan settes med en farge som ligner p\u00e5 bakgrunnsfargen, eller kan v\u00e6re fordi den er plassert p\u00e5 toppen av en bakgrunn som sitter over et bilde.\n<\/p>\n<p>\n  Du kan imidlertid enkelt unng\u00e5 denne feilen ved \u00e5 skru opp \u00f8ynene og sjekke at du fortsatt kan se karakterene av typen din. Pr\u00f8v \u00e5 velge fargen som fremhever skriftene og hold bakgrunnsfargen litt subtil som st\u00f8tter skriftene.\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\u00e5 glipp av hierarki<br \/>\n<\/h5>\n<p>\n  Noen ganger kommer man over oppsett hvor man ikke forst\u00e5r hvor man skal fokusere p\u00e5 \u2013 eller med andre ord \u2013 hvor man skal begynne \u00e5 lese fra. Grunnen til at man ikke kan bestemme hvor man skal lande \u00f8yne er p\u00e5 grunn av mangelen p\u00e5 et visuelt hierarki.\n<\/p>\n<p>\n  Hvis du ogs\u00e5 tror at publikum st\u00e5r overfor det samme problemet, er det p\u00e5 tide \u00e5 endre det visuelle hierarkiet ditt. Pr\u00f8v \u00e5 lage ABC-effekten, der A er den st\u00f8rste, mest fremtredende overskriften (med alle tegn i fet skrift eller store bokstaver for \u00e5 skape ekstra effekt), B er den litt mindre underoverskriften (halvfet eller kursiv vekt for kontrast) og C er den minste kroppen tekst.\n<\/p>\n<p>\n  For eksempel, i t-skjorteutskrift, hvis du skriver ut et sitat av en kjent personlighet, er det n\u00f8dvendig \u00e5 f\u00e5 sitatet til \u00e5 skille seg ut. Du kan holde sitatet fet eller i caps og la navnet p\u00e5 personligheten st\u00e5 i liten st\u00f8rrelse eller sm\u00e5 bokstaver.\n<\/p>\n<p>\n  Denne typen visuelt hierarki hjelper leserne med \u00e5 navigere i teksten enkelt og raskt \u2013 og du m\u00e5 aldri ignorere det!\n<\/p>\n<h5>\n  Feil kjerning<br \/>\n<\/h5>\n<p>\n  Kerning refererer til avstanden mellom tegnene i en skrift. Kerning har stor betydning i typografi. Hvis du ikke klarer \u00e5 kerne innholdet ditt p\u00e5 riktig m\u00e5te, er det mest sannsynlig at innholdet mister klarhet og \u00f8delegger lesernes opplevelse.\n<\/p>\n<p>\n  Spesielt n\u00e5r du skriver ut en logo, kan feil kerning ha negative effekter som tap av sammenheng i design, forvirring eller feiltolkninger, uleselighet osv. Som et resultat kan merkevarebildet ditt bli p\u00e5virket p\u00e5 en uheldig m\u00e5te. S\u00f8rg derfor for at innholdet ditt er riktig kjernet for \u00e5 forbedre lesernes opplevelse. Generelt anbefales det \u00e5 snu typen opp-ned f\u00f8r du justerer avstanden. Det er fordi mens du kerner opp-ned, vil ikke innholdet i typen distrahere deg, og du vil bare kunne fokusere bedre p\u00e5 den visuelle symmetrien til bokstavene.\n<\/p>\n<h5>\n  Tilfeldig blanding av skrifttyper<br \/>\n<\/h5>\n<p>\n  \u00c5 implementere forskjellige fonter i anvendelsen av hierarki er en kunst; men hvis du ikke klarer \u00e5 gj\u00f8re det ordentlig; det kan ende opp med \u00e5 se d\u00e5rlig ut og resultere i distraherende sammenst\u00f8t i innholdet. Det inneb\u00e6rer at du b\u00f8r passe p\u00e5 og unng\u00e5 \u00e5 gj\u00f8re denne feilen. Vanligvis kan det fungere bra \u00e5 bruke en serif og en sans-serif som utfyller hverandre for \u00e5 gj\u00f8re typografien din imponerende.\n<\/p>\n<h5>\n  Overse lesbarhet<br \/>\n<\/h5>\n<p>\n  Hovedm\u00e5let med en konsekvent typografi er \u00e5 lage innhold som er lett \u00e5 lese. Noen ganger er det imidlertid lett \u00e5 kompromittere denne f\u00f8lsomheten ved et uhell. S\u00e5 hvis du legger noe bak teksten din, s\u00f8rg for at det ikke distraherer publikums oppmerksomhet. Pr\u00f8v \u00e5 unng\u00e5 feil som mens bokstaver p\u00e5 svart bakgrunn eller travle bakgrunnsbilder. Ogs\u00e5, n\u00e5r du har st\u00f8rre blokker med innhold, b\u00f8r du bruke skrifttyper som sans-serif for \u00e5 holde leserens \u00f8yne i bevegelse.\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  Gj\u00f8r det tungt<br \/>\n<\/h5>\n<p>\n  Vi elsket alle &laquo;WordArt&raquo; fra Microsoft. N\u00e5 er det imidlertid p\u00e5 tide \u00e5 unng\u00e5 \u00e5 bruke &laquo;Spesialeffekter&raquo; p\u00e5 teksten din. Ting som 3D eller pregede effekter, skygger, gradienter, vridning er noen av eksemplene p\u00e5 det. Det er ingenting som ser upassende ut, men spesiell tekst som dette har en tendens til \u00e5 se gimmicky ut.\n<\/p>\n<h5>\n  Bruker fillete kanter<br \/>\n<\/h5>\n<p>\n  Selv om det kan v\u00e6re et lite rom for uryddighet i v\u00e5rt daglige liv, er det ikke rom for det i typografi. Teksten din skal ikke se rufsete og rotete ut. I tilfelle du har en para med opptil 5-6 linjer; det kan til tider ha fillete kanter, og denne d\u00e5rlige justeringen kan f\u00e5 teksten til \u00e5 se uryddig ut.\n<\/p>\n<p>\n  Selv om begrunnelse av tekst kan v\u00e6re en l\u00f8sning til tider, fungerer det kanskje ikke alltid. Den andre m\u00e5ten som kan fungere er \u00e5 bryte ensomme ord p\u00e5 neste linje manuelt. Andre ganger kan orddeling ogs\u00e5 hjelpe \u2013 spesielt n\u00e5r du trykker en avis.\n<\/p>\n<h5>\n  Glemte \u00e5 korrekturlese<br \/>\n<\/h5>\n<p>\n  Uansett hvor liten eller stor tekstbit, eller om du trykker en avis eller en bekledning; korrekturlesing er et must. Det er fordi enhver feil i teksten din \u2013 selv den minste kan \u00f8delegge inntrykket av design og innhold.\n<\/p>\n<p>\n  S\u00e5, hvilken konklusjon kommer du til? At det er uunnv\u00e6rlig for en typograf \u00e5 korrekturlese det som g\u00e5r i skriving \u00e9n gang f\u00f8r trykking starter. Siden denne korrekturlesingen ikke bare vil redde feil fra \u00e5 snike seg inn, men ogs\u00e5 beholde bildet av merkevaren blant publikum.\n<\/p>\n<h4>\n  I et n\u00f8tteskall<br \/>\n<\/h4>\n<p>\n  Typografi utgj\u00f8r en uatskillelig del av design eller trykking. Uansett om du tilbyr kundene dine friheten til \u00e5 trykke tilpassede t-skjorter ved \u00e5 bruke programvare for t-skjortedesign eller skrive ut en hel avis, er det alltid sannsynlig at det oppst\u00e5r typografifeil.\n<\/p>\n<p>\n  Som de sier, b\u00f8r nettstedet ditt handle om innholdet, ikke hvordan det ser ut. Men tenk p\u00e5 at typografi drastisk kan p\u00e5virke hvordan innhold kommuniseres og at det er slik det blir like viktig. Likevel, \u00e5 huske p\u00e5 noen vanlige feil n\u00e5r du bestemmer deg for typografien og iverksetter tiltak for \u00e5 unng\u00e5 disse feilene, kan gj\u00f8re nettstedet ditt engasjerende.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <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>\u00abPenn er mektigere enn sverd\u00bb \u2013 jeg vedder p\u00e5 at dere alle m\u00e5 ha h\u00f8rt dette ordtaket et sted en gang! Og n\u00e5r ordene du skriver er s\u00e5 mektige og kraftige, m\u00e5 hvordan du skriver og skriver dem ogs\u00e5 v\u00e6re like imponerende. Derfor spiller typografi en avgj\u00f8rende rolle i ditt nettsted, produkt, web-to-print-butikk, profesjonelle dokumenter osv. Typografi er definitivt ikke rakettvitenskap. Det er stilen, arrangementet og utseendet til tekst, og det har mye makt over estetikk og kommunikasjon av kraften til nettstedet ditt. Den snakker om hvordan du ville fungere normalt med kundene dine. 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":[252,57,200],"tags":[],"class_list":["post-257520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fonter","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257520"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257520\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/183037"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}