\n Her diskuterer vi kun UX og typografi-lenken, og nevner ikke rollen som typografi i \u00e5 danne nettstedets visuelle personlighet, definere merkevaren din og fange leserens oppmerksomhet. Sjekk ut denne artikkelen<\/a> for \u00e5 l\u00e6re mer.\n<\/p>\n \n Valget av typografi for denne kirkens nettside \u00f8ker ikke bare brukeropplevelsen p\u00e5 nettstedet, men hjelper ogs\u00e5 med \u00e5 forme merkevarens visuelle identitet).\n<\/p>\n \n Hvordan \u00f8ke brukeropplevelsen p\u00e5 nettstedet ditt ved \u00e5 optimalisere typografi?\n<\/p>\n \n Det er flere m\u00e5ter du kan \u00f8ke brukeropplevelsen p\u00e5 nettstedet ditt ved \u00e5 optimalisere typografien. Ettersom UX og typografi er n\u00e6rt knyttet sammen, ved \u00e5 optimalisere typografi, optimerer du ogs\u00e5 lesbarheten til teksten din, og dermed \u00f8ker den generelle UX-en p\u00e5 nettstedet ditt. La oss se hva reglene for \u00e5 optimalisere typografi er:\n<\/p>\n \n Hvis du vil at nettstedet ditt skal se sammenhengende og profesjonelt ut, bruk opptil tre fonter (ikke flere). Ulike skrifttyper p\u00e5 ett nettsted kolliderer og distraherer brukeren fra \u00e5 lese teksten. Bruk av flere skrifttyper som ser lignende ut hjelper deg med \u00e5 skape sammenheng i UX p\u00e5 hele nettsidene dine og frigj\u00f8r brukere fra \u00e5 ta i bruk til hyppige stilendringer.\n<\/p>\n \n Det er akkurat dette du b\u00f8r unng\u00e5 p\u00e5 nettstedet ditt.\n<\/p>\n \n Ofte er bruk av bare \u00e9n font nok. Hvis du fortsatt f\u00f8ler at du trenger et par fonter, g\u00e5 for skriftene som har samme tegnbredde. I dette tilfellet vil ikke skriftene avvike for mye fra hverandre og distrahere leseren.\n<\/p>\n \n Dette ombyggingsnettstedet bruker den ukonvensjonelle Six Caps-fonten for \u00e5 \u00f8ke nettstedets visuelle identitet. Denne fonten er kombinert med Roboto Condensed for \u00e5 ha to fonter, hvor tegnbredden samsvarer.\n<\/p>\n \n En annen god id\u00e9 om \u00e5 kombinere et par fonter er \u00e5 kombinere skriftene som imiterer h\u00e5ndskrift med de vanlige. H\u00e5ndskrevet typografi gir et personlig preg til ditt generelle nettsteddesign og utvikler den visuelle karakteren til nettstedet ditt.\n<\/p>\n \n Denne nettsiden har en myk og feminin f\u00f8lelse med Caveat Handwriting-font.\n<\/p>\n \n Seriffer er de sm\u00e5 linjene i enden av bokstavstreker. I trykt typografi hjelper seriffer folk til \u00e5 gjenkjenne trykte bokstaver raskere og mer effektivt. Men p\u00e5 skjermen, spesielt p\u00e5 en ikke-retina, er seriffer ikke s\u00e5 godt skissert som p\u00e5 papiret, noe som delvis svekker lesingen.\n<\/p>\n \n I tillegg til \u00e5 sikre bedre lesbarhet, snakker sans serif-fonter p\u00e5 en dristigere og mer minimal m\u00e5te.\n<\/p>\n \n Her argumenterer jeg ikke for at du helt b\u00f8r forlate serif-fonter. Et bedre r\u00e5d ville v\u00e6re \u00e5 v\u00e6re mer forsiktig med dem og bruke de som er rene og presise.\n<\/p>\n \n For eksempel bruker dette kreative fotograferingsnettstedet Open Sans sans serif-font som hjelper nettstedet til \u00e5 gi en dristig, stilig og avgj\u00f8rende uttalelse.\n<\/p>\n \n Plassen p\u00e5 Internett er ubegrenset. Det er derfor det ikke er n\u00f8dvendig \u00e5 lagre det og g\u00e5 for sm\u00e5 skriftst\u00f8rrelser som p\u00e5f\u00f8rer brukerne ekstra \u00f8yebelastning. Lesere med nedsatt syn kan oppleve vanskeligheter med \u00e5 lese liten tekst, mens selv lesere med godt syn opplever tretthet og m\u00e5 ta pauser for \u00e5 komme til slutten av, la oss si, 10 pkt tekst.\n<\/p>\n \n Hvis du ikke vil at brukerne dine skal slite med \u00e5 lese teksten du presenterer eller zoome inn p\u00e5, kan du velge skriftst\u00f8rrelser p\u00e5 16 pkt +. Slike skriftst\u00f8rrelser minimerer belastningen p\u00e5 \u00f8ynene og hjelper brukerne med \u00e5 oppn\u00e5 m\u00e5let sitt p\u00e5 nettstedet ditt uten visuell utmattelse.\n<\/p>\n \n Malcolmy-nettstedet bruker lesbar 16pt typografi for hjemme- og bloggsidene.\n<\/p>\n \n P\u00e5 nettstedet ditt b\u00f8r du ikke stappe all ledig plass med teksten din. Ved \u00e5 passe p\u00e5 en optimal linjelengde holder du deg til h\u00f8ye leseopplevelsesstandarder. Hvis linjene er for korte, m\u00e5 leserens \u00f8yne g\u00e5 frem og tilbake n\u00e5r du leser teksten, noe som medf\u00f8rer ekstra belastning for \u00f8ynene. Hvis linjene er for lange, er det for vanskelig \u00e5 konsentrere seg om det n\u00f8yaktige ordet du leser og for lett \u00e5 g\u00e5 seg vill.\n<\/p>\n \n For \u00e5 unng\u00e5 begge ugunstige situasjonene, hold deg til 60 tegn per linje (for nettbrett\/PC-skjermer).\n<\/p>\n \n Dette bildet illustrerer at tekstene med for korte eller for lange linjer er vanskeligere \u00e5 lese enn tekstene som holder seg til en linjelengde p\u00e5 \u00abgylden midt\u00bb p\u00e5 ~ 60 pkt.\n<\/p>\n \n Den optimale linjelengden for mobile enheter (f.eks. smarttelefoner) er kortere. For at teksten skal v\u00e6re lesbar p\u00e5 sm\u00e5 skjermer, b\u00f8r linjen inneholde rundt 30 \u2013 40 tegn.\n<\/p>\n \n Som du vet er bokstavst\u00f8rrelsen for overskrifter vanligvis st\u00f8rre enn for br\u00f8dtekst. Overskriftene varierer ogs\u00e5 i st\u00f8rrelse, fra den minste til den st\u00f8rste. P\u00e5 nettstedet ditt m\u00e5 du velge forskjellige skriftst\u00f8rrelser for forskjellige elementer (f.eks. knapper, bildetekster, navigasjonselementer, etc.), samt forskjellige skriftvekter for fremheving.\n<\/p>\n \n For \u00e5 sikre at nettstedelementene dine kan skilles ut, b\u00f8r du velge en skrifttype som kommer i forskjellige st\u00f8rrelser og vekter. Hvis du g\u00e5r for en av standardfontene, f.eks. Google Fonts Roboto-skrifttype, vil du se alle variantene den har. Noen fonter kommer i 10+ varianter, noen har bare et par. G\u00e5 for en skrifttype som har et rikt sett med varianter for \u00e5 sikre mangfoldig innholdsrepresentasjon p\u00e5 nettstedet ditt.\n<\/p>\n \n Ulike skriftstiler av Roboto Google-skrift.\n<\/p>\n \n Tidene med flerfargede, skrikende nettsteder har g\u00e5tt. N\u00e5 er lesbarhet og kontrast de herskende kreftene som bestemmer fargevalg. For det f\u00f8rste skal innholdet ditt v\u00e6re lesbart, og kombinasjonen som i mange \u00e5r ble ansett som den beste er svart tekst p\u00e5 hvit bakgrunn. Denne kombinasjonen sikrer maksimal kontrast og dateres tilbake til klassisk typografi.\n<\/p>\n \n Men nylig har det ofte blitt hevdet at svart farge p\u00e5f\u00f8rer \u00f8ynene mer enn m\u00f8rkegr\u00e5. Nyansene av m\u00f8rkegr\u00e5 kontrasterer ogs\u00e5 godt med hvit bakgrunn, men de er litt mindre tette og gir en mer behagelig leseopplevelse.\n<\/p>\n \n Dette er gr\u00e5tonene som overg\u00e5r svart n\u00e5r det gjelder \u00e5 sikre en komfortabel leseopplevelse.\n<\/p>\n \n En nettside som bruker m\u00f8rk gr\u00e5 som skyvetekstfarge.\n<\/p>\n \n N\u00e5r du velger farge, s\u00f8rg for at du tester den p\u00e5 forskjellige enheter og i forskjellige milj\u00f8er. Teksten som er god \u00e5 lese i et typisk kontormilj\u00f8 kan v\u00e6re vanskelig \u00e5 skille p\u00e5 en smarttelefon, spesielt n\u00e5r den brukes utend\u00f8rs. Det er vanskelig \u00e5 gj\u00f8re rede for alle faktorene, men m\u00e5let ditt b\u00f8r v\u00e6re \u00e5 ta hensyn til de fleste milj\u00f8er og gi forskjellige brukergrupper en komfortabel nettleseropplevelse.\n<\/p>\n \n \u00c5 minimere linjeh\u00f8yden for \u00e5 f\u00e5 plass til mer innhold er ikke en god praksis. Hvis linjene er for n\u00e6r hverandre, er det mer sannsynlig at en leser hopper til forrige eller etterf\u00f8lgende linje og blir sittende fast. Avstanden mellom linjene (ledende) b\u00f8r v\u00e6re 30 % st\u00f8rre enn h\u00f8yden p\u00e5 tegnene som brukes. En slik f\u00f8ring sikrer best lesbarhet av innholdet og dets klare visuelle oppfatning.\n<\/p>\n\n 1: Minimer antall skrifter som brukes
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6732fd6.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db69aa1c0.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6be2a86.webp\")
<\/a><\/p>\n\n 2: G\u00e5 for Sans Serif-fonter for \u00e5 forbedre lesbarheten
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6dd779a.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db6fd1dae.webp\")
<\/a><\/p>\n\n 3: Husk anstendig skriftst\u00f8rrelse
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7281e6e.webp\")
<\/a><\/p>\n\n 4: Observer optimal linjelengde
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db74aca13.webp\")
<\/a><\/p>\n\n 5: G\u00e5 for skrifttyper som fungerer bra i forskjellige st\u00f8rrelser
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db76e5445.webp\")
<\/a><\/p>\n\n 6: Gj\u00f8r smarte fargevalg
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7896ca6.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7ad9849.webp\")
<\/a><\/p>\n\n 7: Ikke eksperimenter med linjeh\u00f8yde
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289319-6382db7de6206.webp\")
<\/a><\/p>\n