\n Typografi er stilen og utseendet til trykksaker, if\u00f8lge min gode gamle venn, Google. At dette er en type kunst i seg selv, sier seg selv.\n<\/p>\n
\n Og typografi er grunnlaget for alle slags design som har med det skrevne ord \u00e5 gj\u00f8re, blir skapt. Dette betyr at du kan finne det overalt: i b\u00f8ker, p\u00e5 pakker, til og med \u2013 og viktigst av alt, for oss \u2013 p\u00e5 nettsteder, e-poster og landingssider.\n<\/p>\n
\n Men, kunstnerisk eller ikke, typografi er noe som m\u00e5 gi brukerne en god opplevelse, omtrent som alle verkt\u00f8y. Og kursive bokstaver kan v\u00e6re s\u00e5 vakre, men er de brukbare?\n<\/p>\n
\n La oss se hvordan vi kan forbedre en brukers opplevelse og selve brukergrensesnittet ved \u00e5 bruke riktig typografi.\n<\/p>\n
\n F\u00f8rst, There's The Font
\n<\/h5>\n
\n Tenk deg hvor blah og likegyldig nettstedet ditt ville se ut og hvor mye det ville tatt ut av brukeropplevelsen hvis fonten din ikke stemte overens med den hellige treenigheten til en virksomhet: m\u00e5lgruppen din, merkevarens tone og m\u00e5lene dine.\n<\/p>\n
\n \u00c5 velge riktig skrift er litt som \u00e5 velge de perfekte gardinene for et rom. Klistrete gardiner viser d\u00e5rlig smak, og en skrift som bare ikke stemmer overens kan f\u00e5 prosjektet ditt til \u00e5 se klebrig ut i beste fall og i verste fall spamy.\n<\/p>\n
\n Fonten er like viktig som selve det visuelle, for \u00e5 skape et inntrykk og finne de tingene du trenger for \u00e5 bli pekt ut, b\u00e5de p\u00e5 en nettside og i en e-post, for \u00e5 optimalisere brukeropplevelsen din.\n<\/p>\n
\n Du trenger fet for dristige utsagn, kursive bokstaver og intens kalligrafi for ting som er elegante og ikke for viktige. Kombinasjoner som den nedenfor er et must:\n<\/p>\n
\n
\n merke skrifttyper\n<\/p>\n
\n Jeg er imidlertid tvunget til \u00e5 advare deg om noe: For mange fonter vil f\u00e5 deg til \u00e5 tape spillet. Du kan ha to typer fonter p\u00e5 det meste, og du m\u00e5 s\u00f8rge for at de brukes som eksempelet ovenfor: dristigere og strengere for overskriften, mer raffinert for teksten i kopien.\n<\/p>\n
\n Og husk f\u00f8lgende: Hvis vi snakker om nettstedet ditt og ikke en landingsside eller en e-post, b\u00f8r du kanskje tenke p\u00e5 \u00e5 bruke en standardisert font.\n<\/p>\n
\n Du skj\u00f8nner, kursiv kan noen ganger v\u00e6re vanskelig \u00e5 lese, og et resultat som er for kunstnerisk kan v\u00e6re vakkert, men det er ikke lett \u00e5 lese og forst\u00e5. For dagens travle kunder, som er flinke til \u00e5 skanne tekstblokker og finne akkurat det de trenger \u00e5 vite, for \u00e5 spare tid, kan noe ikke-standardisert se ut som altfor mye innsats.\n<\/p>\n
\n Publikum er mer kjent med Times New Roman, for eksempel. De kan til og med fortelle deg hvor den skal brukes, og de er enkle \u00e5 skanne gjennom.\n<\/p>\n
\n Dessuten kan det for\u00e5rsake et reelt innholdsproblem, i den forstand at en mer kunstnerisk skrifttype og format kan ta oppmerksomheten bort fra innholdsengasjement.\n<\/p>\n
\n En fonts spesielle elementer:\n<\/p>\n
\n En skrift best\u00e5r av forskjellige elementer som kan gj\u00f8re eller \u00f8delegge bruken, stort sett. Du har forskjellige stiler, vekter, arbeidene! S\u00e5 la oss se hva dette handler om:\n<\/p>\n
\n Du har f\u00f8rst og fremst skriftfamilien din.<\/strong> Skriftfamilien (eller skrifttypen) er stort sett den store kategorien som inneholder skrifter med samme stil.\n<\/p>\n \n For det andre har du skriftvekten<\/strong> din, alts\u00e5 bredden p\u00e5 hvert tegn. Dette elementet skiller hvilken font som skal brukes til \u00e5 lage en overskrift og hvilken som skal havne i br\u00f8dteksten.\n<\/p>\n \n For det tredje kommer kerning<\/strong>, dvs. m\u00f8nsteret som tegnene f\u00f8lger, dvs. avstanden mellom to bokstaver, som er n\u00f8dvendig, siden \u00f8ynene dine vil f\u00f8lge det n\u00f8yaktige m\u00f8nsteret.\n<\/p>\n \n Denne avstanden og marginene er det som vil definere det siste, veldig viktige elementet:\n<\/p>\n \n Antall tegn per linje<\/strong>. For mange tegn per linje og br\u00f8dteksten vil se rotete ut, noe som resulterer i en ganske d\u00e5rlig brukeropplevelse.\n<\/p>\n \n For f\u00e5, og det vil ta mer tid for \u00f8yet \u00e5 n\u00e5 neste avsnitt, og f\u00e5 n\u00f8yaktig samme resultat som jeg nevnte ovenfor.\n<\/p>\n \n Ved \u00e5 begrense lengden forbedrer du tekstens lesbarhet. Hvis linjen er for lang, vil den ikke vises ordentlig p\u00e5 enheten, noe som vil bety at leseren ikke vil kunne lese den ordentlig, noe som vil resultere i et rot, CRO(Conversion Rate Optimization)-messig.\n<\/p>\n \n Du m\u00e5 finne et gyldent snitt som fungerer for deg p\u00e5 den, og husk at dette gyldne snittet m\u00e5 stoppe ved 60 tegn per linje.\n<\/p>\n \n Og et lite hint her: Du m\u00e5 ogs\u00e5 v\u00e6re oppmerksom p\u00e5 avstanden mellom linjene<\/strong>, siden det rett og slett er for enkelt \u00e5 enten lese en linje p\u00e5 nytt eller utelate den helt. Noe som aldri er en god praksis, spesielt i denne tiden n\u00e5r forbrukerne har s\u00e5 mange alternativer.\n<\/p>\n \n Hvor mange ganger har du sett en tekst med store bokstaver og tenkt at skribenten vil rope sint? Jeg vedder p\u00e5 at svaret er «mange ganger».\n<\/p>\n \n Skriftst\u00f8rrelser kan fungere akkurat som tonen i det talte ordet: kursiv kan etterligne, fet skrift kan v\u00e6re krevende, store bokstaver kan avkalle oppmerksomhet og s\u00e5 videre.\n<\/p>\n \n Derfor m\u00e5 en designer v\u00e6re forsiktig n\u00e5r han velger en skrifttype og en stil, spesielt hvis de har et mangfoldig publikum \u00e5 «snakke» med.\n<\/p>\n \n Hvis du ikke tror meg, bare \u00e5pne en roman og sjekk skriften. \u00c5pne deretter en barnebok og gj\u00f8r det samme.\n<\/p>\n \n Det hele koker ned til det jeg nevnte i begynnelsen: Du m\u00e5 appellere til m\u00e5lgruppen din gjennom typografien din s\u00e5 vel som kopien og selve det visuelle.\n<\/p>\n \n Men st\u00f8rrelsen er ikke alt som betyr noe. Siden vi snakker digitalt, m\u00e5 typografien din v\u00e6re up\u00e5klagelig p\u00e5 alle enheter. Du m\u00e5 optimalisere for mobil, nettbrett og desktop, for \u00e5 hindre at brukeren blir forvirret og forkaster innholdet ditt helt.\n<\/p>\n \n Husk at h\u00f8yden er like viktig. En veldig lang eller veldig kort tekst som ser bra ut n\u00e5r du tester for skrivebordsvisning, fungerer kanskje ikke bra for mobil.\n<\/p>\n \n Det kanskje st\u00f8rste marerittet<\/strong> av alt er justeringen av teksten. I vestlig kultur er folk vant til \u00e5 lese fra venstre til h\u00f8yre, derfor b\u00f8r du v\u00e6re oppmerksom p\u00e5 det faktum og handle deretter.\n<\/p>\n \n Bruk venstrejustering for \u00e5 etterligne m\u00e5ten folk leser tekster p\u00e5, og du er i gang.\n<\/p>\n \n Det samme vil ikke fungere for m\u00e5lgruppen din hvis denne ligger et sted i \u00f8st, hvor lesing er fra h\u00f8yre til venstre. S\u00e5 igjen, m\u00e5lgruppen din er det f\u00f8rste du b\u00f8r vurdere f\u00f8r du tar en beslutning.\n<\/p>\n \n Du vet at beste praksis ikke tar kaken n\u00e5r det kommer til typografi og design, ikke sant?\n<\/p>\n \n Du kan bruke de beste skrifttypene, justeringen din kan v\u00e6re up\u00e5klagelig, men uten \u00e5 bruke designtrender kan e-posten din, nettsiden din, landingssiden din, uansett hva det er du lager, fortsatt v\u00e6re en av dine best bevarte hemmeligheter.\n<\/p>\n \n Fet er noen ganger vakkert\n<\/p>\n \n Tenk p\u00e5 MAC for eksempel. Skj\u00f8nnhetsmerket elsker \u00e5 bruke fet tekst og ekstrem kontrast som et element:\n<\/p>\n \n Dette er merkevarens slagord og har v\u00e6rt det siden for alltid. Det er dramatisk og du kan ikke g\u00e5 glipp av det. Det samme gjelder heltebildet i nyhetsbrevet deres:\n<\/p>\n\n Skriftst\u00f8rrelse og andre mareritt
\n<\/h5>\n\n Trender er dine venner
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> MAC Cosmetics<\/p>\n