{"id":257453,"date":"2023-07-10T06:40:00","date_gmt":"2023-07-10T03:40:00","guid":{"rendered":"https:\/\/inform.click\/effekter-av-typografi-pa-brukeropplevelse\/"},"modified":"2023-07-10T07:19:00","modified_gmt":"2023-07-10T04:19:00","slug":"effekter-av-typografi-pa-brukeropplevelse","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/effekter-av-typografi-pa-brukeropplevelse\/","title":{"rendered":"Effekter av typografi p\u00e5 brukeropplevelse"},"content":{"rendered":"<p>\n  Typografi er en kunst og teknikk som blir mer og mer popul\u00e6r ettersom tiden g\u00e5r. Det er en avgj\u00f8rende ferdighet som enhver designer m\u00e5 ha, uansett hva de fokuserer p\u00e5.\n<\/p>\n<p>\n  Hvis du er en som driver en bedrift, vil eller bare er designer, snakkes det ikke s\u00e5 mye om typografi uten grunn. Ved hjelp av typografi kan du gj\u00f8re en varig innvirkning p\u00e5 leserne og brukerne.\n<\/p>\n<p>\n  Selv om det kanskje bare virker som en haug med ord satt sammen for noen mennesker, er den haugen satt sammen p\u00e5 en veldig logisk og teknisk m\u00e5te, hvor hvert element av det blir lagt vekt p\u00e5 teen. Det er en viktig faktor i utformingen som ikke b\u00f8r og ikke m\u00e5 ignoreres.\n<\/p>\n<p>\n  Hvis du ikke er sikker p\u00e5 hvorfor du b\u00f8r ta hensyn til typografi, for \u00e5 gj\u00f8re det enkelt, er det hvordan du kan holde leserens oppmerksomhet til illustrasjonen, merkevaren eller designen din. Ja, bilder kan si mer enn tusen ord, og det samme kan din logo og andre illustrasjoner. Men typografi spiller ganske mye inn i hvor lenge de fortsetter \u00e5 se p\u00e5 arbeidet ditt, og hvilken innvirkning det har p\u00e5 dem.\n<\/p>\n<p>\n  Viktighet i grafisk design\n<\/p>\n<p>\n  I grafisk design relaterer typografi seg til teknikkene og resultatene av \u00e5 arrangere type p\u00e5 en slik m\u00e5te at den representerer merkevaren og virksomheten du jobber med s\u00e5 tett som mulig, og gir folk en ide om hva det virkelig handler om.\n<\/p>\n<p>\n  Jo bedre typografien din er, jo st\u00f8rre sjanse har du for \u00e5 bli lagt merke til. S\u00e5 mye at spesielt med logoer har noen selskaper lagt igjen bilder og har laget sin logo med bokstaver stilisert p\u00e5 en veldig spesifikk m\u00e5te.\n<\/p>\n<p>\n  Dette gj\u00f8r merker lettere \u00e5 huske, et av de vanligste eksemplene er Coca Cola. Det er litt av en <a href=\"http:\/\/www.coca-cola.co.uk\/stories\/the-logo-story\" target=\"_blank\" rel=\"noopener\">historie<\/a> bak Coca Cola-logoen, som viser n\u00f8yaktig hvordan alt ble til og innvirkningen den hadde p\u00e5 alle deler av verden er ganske \u00e5penbar.\n<\/p>\n<p>\n  Coca Cola-logoen er det beste eksemplet siden du kan se n\u00f8yaktig hvor mye av dens elementer som er assosiert med selve merket.\n<\/p>\n<p>\n  En smart grafisk designer vet hvordan man utforsker typografi p\u00e5 en m\u00e5te der den kommuniserer b\u00e5de de visuelle og verbale aspektene ved designet og merkevaren tydelig.\n<\/p>\n<p>\n  N\u00e5, hva menes egentlig med &raquo; <strong>visuelle og verbale aspekter<\/strong> &laquo;?\n<\/p>\n<ul>\n<li>\n    <strong>Visuelt<\/strong> \u2013 Betydningen som skapes av det visuelle utseendet til illustrasjonen; b\u00e5de tekst og bilde. Karakteren typografien har og hvordan den f\u00e5r deg til \u00e5 f\u00f8le, bidrar til dens visuelle kvalitet.\n  <\/li>\n<li>\n    <strong>Verbal<\/strong> \u2013 Bokstavelig betydning av ordene eller uttrykket som brukes i illustrasjonen.\n  <\/li>\n<\/ul>\n<p>\n  N\u00e5r de kombineres p\u00e5 riktig m\u00e5te, kan de visuelle og verbale aspektene ha en enorm innvirkning p\u00e5 brukeropplevelsen, og demonstrere og formidle en rekke budskap.\n<\/p>\n<p>\n  Et annet eksempel p\u00e5 en veldig sterk logo med balanserte visuelle og verbale aspekter er <a href=\"https:\/\/www.nestle.co.uk\/aboutus\/history\/blog\/posts\/kitkatnohyphen\" target=\"_blank\" rel=\"noopener\">KitKat-logoen<\/a>.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.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-292452-6382eb12be534.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Denne studien, <a href=\"http:\/\/sheltonography.com\/resources\/Articles\/thangaraj.pdf\" target=\"_blank\" rel=\"noopener\">her<\/a>, viser veldig tydelig hvordan typografi kan ha en effekt p\u00e5 oss og hvordan markedsf\u00f8rere kan bruke den til sin fordel. Det viser at skriftene som brukes av noen popul\u00e6re selskaper som IBM, Mercedes, Nivea og Marlboro er anerkjent internasjonalt, og det er nettopp grunnen til at disse selskapene har investert i design og opphavsrett til varemerkebeskyttede fonter.\n<\/p>\n<p>\n  Hvis du ikke tror det, ta en titt p\u00e5 bildet nedenfor fra en annonsekampanje fra Greenpeace:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.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-292452-6382eb14ec5a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Selv om det ikke st\u00e5r KitKat, skaper sinnet ditt umiddelbart en gjenkjennelig forbindelse med merkevaren.\n<\/p>\n<h3>\n  Effekter av typografi<br \/>\n<\/h3>\n<p>\n  Kevin Larson og Rosalind Picard presenterte sine funn om hvordan typografi p\u00e5virker stemninger i deres artikkel, The Aesthetics of Reading, som ogs\u00e5 omhandlet fordelene med god typografi.\n<\/p>\n<p>\n  F\u00f8lgende er et veldig enkelt eksempel, det f\u00f8rste i studien. Hvilken synes du er bedre og morsommere \u00e5 lese?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.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-292452-6382eb16d3e85.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Det eneste som er forskjellig i begge dokumentene er layout og plassering av teksten. Det andre bildet er veldig tydelig lettere \u00e5 lese, og de fleste ville til og med bli glade for \u00e5 lese det. Det er skarpt og tydelig, og oppsettet foretrekkes sterkt fremfor det andre.\n<\/p>\n<p>\n  Det f\u00f8rste bildet virker ganske forvirrende og nesten som om det er for mye \u00e5 behandle. Det kan forvirre sinnet ditt og er rett og slett ikke engang behagelig \u00e5 se p\u00e5.\n<\/p>\n<p>\n  Disse prosessene skjer hele tiden i hjernen v\u00e5r og reflekterer i stor grad p\u00e5 hum\u00f8ret v\u00e5rt og valgene vi tar etter.\n<\/p>\n<p>\n  P\u00e5 samme m\u00e5te tester oppgaven ogs\u00e5 m\u00e5ten en tekst er skrevet p\u00e5, inkludert ligaturer, sm\u00e5 bokstaver, tall, under-\/overskriftstrekk og s\u00e5 videre.\n<\/p>\n<p>\n  Selv mellomrommene mellom hver bokstav, ord, setning og avsnitt p\u00e5virker hum\u00f8ret og produktiviteten p\u00e5 visse kognitive oppgaver.\n<\/p>\n<p>\n  Oppgaven viser at symmetri er mye mer foretrukket enn ujevn slagvekt og avstand mellom og innenfor tegn.\n<\/p>\n<p>\n  Dette er alle faktorer som m\u00e5 vurderes n\u00e5r du jobber online s\u00e5 vel som offline.\n<\/p>\n<p>\n  N\u00e5r det er sagt, er det en god tommelfingerregel \u00e5 ha logoen din, eller illustrasjonen optisk, i stedet for matematisk. Bildet nedenfor viser forskjellen mellom begge.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.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-292452-6382eb18b90f5.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Positivt hum\u00f8r, bedre resultater<br \/>\n<\/h5>\n<p>\n  Det er bare \u00e5penbart at jo mer positivitet illustrasjonen din induserer, jo mer vil de bli tiltrukket av merkevaren og virksomheten din. Studien ovenfor viser at god typografi ogs\u00e5 \u00f8ker kognitiv ytelse.\n<\/p>\n<p>\n  Sannheten er at typografi ogs\u00e5 kan p\u00e5virke d\u00f8mmekraft. The New York Times gjennomf\u00f8rte en studie: &laquo;Er du optimist eller pessimist?&raquo; Selv om studien diskuterte trygghetsf\u00f8lelsen til deltakerne under katastrofale hendelser, handlet den mer om effektene skrifttype kan ha p\u00e5 deg. Og siden ingen skade ble for\u00e5rsaket, kan det kanskje ogs\u00e5 kalles etisk.\n<\/p>\n<p>\n  Fontene som ble brukt var Comic Sans, Computer Modern, Trebuchet, Helvetica, Georgia og Baskerville. Studien ble utf\u00f8rt p\u00e5 rundt 45 000 deltakere, og resultatene viste at folk hadde en tendens til \u00e5 v\u00e6re enig i Baskerville-fonten 1,5 % mer enn resten.\n<\/p>\n<p>\n  1,5 % kan virke som en liten prosentandel, men det er betydelig nok til \u00e5 vise at skrifttype tross alt p\u00e5virker d\u00f8mmekraft.\n<\/p>\n<p>\n  Jo flere skrifttyper du bruker i samme tekst, jo mer tilpasser du den, og jo mer uttrykksfull og kreativ blir den. Helt \u00e6rlig fungerer skrifttypen din stort sett som kroppsspr\u00e5ket ditt, og vi vet alle hvor viktig kroppsspr\u00e5k er. Det kan enten skape en f\u00f8lelsesmessig forbindelse mellom deg og klienten eller fullstendig \u00f8delegge markedsf\u00f8ringspitchet ditt.\n<\/p>\n<p>\n  Og n\u00e5r det kommer til god typografi, er det enkelt \u00e5 forst\u00e5, men ikke s\u00e5 mye \u00e5 utf\u00f8re. Jo lettere teksten din er \u00e5 forst\u00e5, og dermed vil den utvikle en sterk f\u00f8lelse av karakter som publikum kan fokusere p\u00e5.\n<\/p>\n<h5>\n  Typografi i webdesign<br \/>\n<\/h5>\n<p>\n  N\u00e5r du designer et nettsted, m\u00e5 du huske p\u00e5 at du sannsynligvis kommer til \u00e5 ha mye informasjon der, s\u00e5 det er en bedre id\u00e9 \u00e5 holde skrifttypen og stilen konsistent i stedet for \u00e5 pr\u00f8ve \u00e5 blande det for mye, noe som bare v\u00e6re vondt \u00e5 lese.\n<\/p>\n<p>\n  En god skriftside forteller leseren og brukeren n\u00f8yaktig hvor de skal begynne \u00e5 lese og hvordan de skal g\u00e5 videre nedover siden. Hva som er viktig, og hva som ikke er, er tydelig ikke angitt i ord, men med hvordan teksten er lagt ut p\u00e5 siden til nettstedet.\n<\/p>\n<p>\n  Farger er ogs\u00e5 sv\u00e6rt viktige og b\u00f8r holdes p\u00e5 et minimum eller bare et sett skal brukes p\u00e5 hele nettsiden. \u00c5 hoppe rundt for mye kan igjen, bare forvirre leserne dine og gj\u00f8r poenget med nettstedet eller siden vanskeligere \u00e5 forst\u00e5.\n<\/p>\n<p>\n  P\u00e5 samme m\u00e5te m\u00e5 du ikke holde det for enkelt til det punktet hvor det ikke er noen forskjell mellom overskriften og innholdet i den.\n<\/p>\n<h5>\n  Typografi i innholdsmarkedsf\u00f8ring<br \/>\n<\/h5>\n<p>\n  \u00c5 gj\u00f8re inntrykk p\u00e5 leseren og ringe til virksomheten din gjennom innhold er hva innholdsmarkedsf\u00f8ring handler om. Det er nesten umulig \u00e5 lese hvilken som helst type tekst uten at den formidler en f\u00f8lelse, og det er derfor det er mye bedre \u00e5 vite hvilken f\u00f8lelse det er du vil formidle, den beste fonten den skal skrives i og alt annet som vil trekke Merk f\u00f8lgende.\n<\/p>\n<p>\n  Et annet tips \u00e5 huske er at <strong>fet skrift trekker oppmerksomhet<\/strong> mens kursiv ikke for\u00e5rsaker mye innvirkning p\u00e5 leseren. Men kursivering av innholdet kan bringe inn litt eleganse og raffinement til teksten din.\n<\/p>\n<p>\n  Informasjon er ogs\u00e5 lettere \u00e5 behandle n\u00e5r den er satt i punkttegn enn i store deler av avsnitt som, \u00e6rlig talt, ingen har tid til \u00e5 g\u00e5 gjennom.\n<\/p>\n<p>\n  Mens n\u00e5r du bruker &laquo;skarpe&raquo; skrifttyper som Calibri, gj\u00f8r du poenget ditt veldig klart og solid.\n<\/p>\n<h3>\n  Starter<br \/>\n<\/h3>\n<p>\n  Vel, du m\u00e5 vite n\u00f8yaktig hva det er du pr\u00f8ver \u00e5 oppn\u00e5. M\u00e5let med typografiprosjektet ditt b\u00f8r v\u00e6re klart. \u00c5 vite hva du vil at leserne dine skal f\u00f8le er viktig, og deretter arbeide ved \u00e5 holde den tanken i tankene dine vil hjelpe deg med \u00e5 tydelig fremheve elementene.\n<\/p>\n<p>\n  Pr\u00f8v forskjellige skriftstiler, st\u00f8rrelser, farger, understrek teksten, gj\u00f8r den fet, kursiv eller hva du m\u00e5tte gj\u00f8re for \u00e5 f\u00e5 den til \u00e5 formidle den n\u00f8yaktige stemningen som lar folk f\u00e5 vite om arbeidet ditt og ikke bare fange oppmerksomheten deres ved f\u00f8rste blikk, men hold den der en stund. Hvis du er en lekmann, kan du ganske enkelt pr\u00f8ve ut et logodesignverkt\u00f8y selv og se hva som fungerer for deg og hva som ikke gj\u00f8r det.\n<\/p>\n<p>\n  Ikke glem at det er veldig viktig at teksten din er lesbar, selv i sm\u00e5 fonter. Karakterene m\u00e5 kunne identifiseres riktig og gj\u00f8re prosessen med \u00e5 lese teksten din jevn uten \u00e5 m\u00e5tte investere en hel haug med innsats i \u00e5 forst\u00e5 den f\u00f8rste bokstaven alene.\n<\/p>\n<p>\n  F\u00f8lgende er noen f\u00e5 elementer du skal finne ut av applikasjonen og forst\u00e5elsen av for \u00e5 forbedre typografiferdighetene dine.\n<\/p>\n<h5>\n  Elementer i typografi<br \/>\n<\/h5>\n<ul>\n<li>\n    <strong>Skrifttyper<\/strong>: Tekststil som brukes (for eksempel Times New Roman, Calibri, Ariel osv.).\n  <\/li>\n<li>\n    <strong>Skrifter<\/strong>: Spesifikk skriftstil, samt dens bredde, h\u00f8yde og st\u00f8rrelse (for eksempel Century, st\u00f8rrelse 12, fet skrift), ofte brukt synonymt med skrift.\n  <\/li>\n<li>\n    <strong>Sporing<\/strong>: Mellomrom mellom tegn i en tekst.\n  <\/li>\n<li>\n    <strong>Kerning<\/strong>: Ligner p\u00e5 sporing, men refererer ogs\u00e5 til mellomrommet mellom bokstaver og tegn i en tekst.\n  <\/li>\n<li>\n    <strong>Leading<\/strong>: M\u00e5ling av avstand mellom \u00e9n tekstlinje med linjene over og under.\n  <\/li>\n<li>\n    <strong>Linjelengde<\/strong>: Akkurat som navnet sier det, lengden p\u00e5 teksten i en linje.\n  <\/li>\n<\/ul>\n<h4>\n  For \u00e5 konkludere<br \/>\n<\/h4>\n<p>\n  Typografi er en kunstform som fokuserer p\u00e5 den visuelle komponenten i det skrevne ord. Bare ved \u00e5 visualisere den p\u00e5 riktig m\u00e5te for m\u00e5lgruppen din, kan du skape en uforglemmelig innvirkning. For enhver designer er det avgj\u00f8rende \u00e5 f\u00f8lge n\u00f8ye med p\u00e5 typografi og jobbe for \u00e5 mestre ferdighetene deres hvis de \u00f8nsker \u00e5 utvikle og forbedre karrieren i designbransjen.\n<\/p>\n<p>\n  Typografi er kroppsspr\u00e5k og gir eller bryter det f\u00f8rste inntrykket en bruker har av merkevaren din.\n<\/p>\n<p>\n  Og vel, som Cyrus Highsmith sier det, &laquo;Typografi er detaljen og presentasjonen av en historie. Det representerer stemmen til en atmosf\u00e6re, eller historisk setting av noe slag. Den kan gj\u00f8re mange ting.&raquo;\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\/2018\/01\/19\/typography-effect-on-user-experience\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Typografi er en kunst og teknikk som blir mer og mer popul\u00e6r ettersom tiden g\u00e5r. Det er en avgj\u00f8rende ferdighet som enhver designer m\u00e5 ha, uansett hva de fokuserer p\u00e5. Hvis du er en som driver en bedrift, vil eller bare er designer, snakkes det ikke s\u00e5 mye om typografi uten grunn. Ved hjelp av typografi kan du gj\u00f8re en varig innvirkning p\u00e5 leserne og brukerne. Selv om det kanskje bare virker som en haug med ord satt sammen for noen mennesker, er den haugen satt sammen i en veldig logisk og teknisk &#8230;<\/p>\n","protected":false},"author":1,"featured_media":131571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[148,57,200],"tags":[],"class_list":["post-257453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nett-tips-og-triks","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257453","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=257453"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257453\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/131571"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}