\n Typografi \u00e4r stilen och utseendet p\u00e5 trycksaker, enligt min gamla v\u00e4n, Google. Det faktum att detta \u00e4r en typ av konst i sig \u00e4r sj\u00e4lvklart.\n<\/p>\n
\n Och typografi \u00e4r grunden p\u00e5 vilken alla typer av m\u00f6nster som har att g\u00f6ra med det skrivna ordet skapas. Det betyder att du kan hitta det \u00f6verallt: i b\u00f6cker, p\u00e5 paket, till och med \u2013 och viktigast av allt, f\u00f6r oss \u2013 p\u00e5 webbplatser, e-postmeddelanden och m\u00e5lsidor.\n<\/p>\n
\n Men, konstigt eller inte, typografi \u00e4r n\u00e5got som m\u00e5ste ge anv\u00e4ndarna en bra upplevelse, ungef\u00e4r som alla verktyg. Och kursiva bokst\u00e4ver kan vara ack s\u00e5 vackra, men \u00e4r de anv\u00e4ndbara?\n<\/p>\n
\n L\u00e5t oss se hur vi kan f\u00f6rb\u00e4ttra en anv\u00e4ndares upplevelse och sj\u00e4lva anv\u00e4ndargr\u00e4nssnittet genom att anv\u00e4nda korrekt typografi.\n<\/p>\n
\n Till en b\u00f6rjan, There's The Font
\n<\/h5>\n
\n F\u00f6rest\u00e4ll dig hur blah och likgiltig din webbplats skulle se ut och hur mycket den skulle ta ut av anv\u00e4ndarens upplevelse om ditt typsnitt inte matchade ett f\u00f6retags heliga treenighet: din m\u00e5lgrupp, ditt varum\u00e4rkes ton och dina m\u00e5l.\n<\/p>\n
\n Att v\u00e4lja r\u00e4tt typsnitt \u00e4r lite som att v\u00e4lja de perfekta gardinerna f\u00f6r ett rum. Klibbiga gardiner visar d\u00e5lig smak, och ett teckensnitt som helt enkelt inte matchar kan f\u00e5 ditt projekt att se klibbigt ut i b\u00e4sta fall och i v\u00e4rsta fall skr\u00e4ppost.\n<\/p>\n
\n Typsnittet \u00e4r lika viktigt som sj\u00e4lva bilden, f\u00f6r att skapa ett intryck och peka ut de saker du beh\u00f6ver f\u00f6r att bli preciserad, b\u00e5de p\u00e5 en webbplats och i ett e-postmeddelande, f\u00f6r att optimera din anv\u00e4ndares upplevelse.\n<\/p>\n
\n Du beh\u00f6ver fetstil f\u00f6r dj\u00e4rva uttalanden, kursiva bokst\u00e4ver och intensiv kalligrafi f\u00f6r saker som \u00e4r eleganta och inte alltf\u00f6r viktiga. Kombinationer som den nedan \u00e4r ett m\u00e5ste:\n<\/p>\n
\n
\n m\u00e4rkestypsnitt\n<\/p>\n
\n Jag \u00e4r dock tvungen att varna dig f\u00f6r n\u00e5got: F\u00f6r m\u00e5nga teckensnitt kommer att f\u00e5 dig att f\u00f6rlora spelet. Du kan ha tv\u00e5 typer av typsnitt som mest, och du m\u00e5ste se till att de anv\u00e4nds som exemplet ovan: Dj\u00e4rvare och str\u00e4ngare f\u00f6r rubriken, mer f\u00f6rfinad f\u00f6r kopian.\n<\/p>\n
\n Och kom ih\u00e5g f\u00f6ljande: Om vi \u200b\u200bpratar om din webbplats och inte en m\u00e5lsida eller ett e-postmeddelande, kanske du b\u00f6r t\u00e4nka p\u00e5 att anv\u00e4nda ett standardiserat typsnitt.\n<\/p>\n
\n Du f\u00f6rst\u00e5r, kursiv kan ibland vara sv\u00e5rt att l\u00e4sa och ett resultat som \u00e4r f\u00f6r konstigt kan vara vackert men det \u00e4r inte l\u00e4tt att l\u00e4sa och f\u00f6rst\u00e5. F\u00f6r dagens upptagna kunder, som \u00e4r skickliga p\u00e5 att skanna textblock och hitta exakt det de beh\u00f6ver veta, f\u00f6r att spara tid, kan n\u00e5got icke-standardiserat se ut som alldeles f\u00f6r mycket anstr\u00e4ngning.\n<\/p>\n
\n Din publik \u00e4r mer bekant med Times New Roman, till exempel. De kan till och med ber\u00e4tta var den ska anv\u00e4ndas och de \u00e4r l\u00e4tta som en pl\u00e4tt att skanna igenom.\n<\/p>\n
\n Dessutom kan det orsaka ett verkligt inneh\u00e5llsproblem, i den meningen att ett mer konstn\u00e4rligt typsnitt och format kan ta uppm\u00e4rksamheten fr\u00e5n inneh\u00e5llsengagemanget.\n<\/p>\n
\n Ett teckensnitts speciella element:\n<\/p>\n
\n Ett teckensnitt best\u00e5r av olika element som kan g\u00f6ra eller bryta dess anv\u00e4ndning, i stort sett. Du har olika stilar, vikter, arbeten! S\u00e5 l\u00e5t oss se vad det h\u00e4r handlar om:\n<\/p>\n
\n Du har f\u00f6rst och fr\u00e4mst din typsnittsfamilj<\/strong>. Teckensnittsfamiljen (eller typsnittet) \u00e4r i stort sett den stora kategorin som inneh\u00e5ller typsnitt av samma stil.\n<\/p>\n \n F\u00f6r det andra har du din teckensnittsvikt<\/strong>, bredden p\u00e5 varje tecken, det vill s\u00e4ga. Detta element separerar vilket typsnitt som ska anv\u00e4ndas f\u00f6r att skapa en rubrik och vilket som kommer att hamna i br\u00f6dtexten.\n<\/p>\n \n F\u00f6r det tredje kommer kerning<\/strong>, dvs m\u00f6nstret som tecknen f\u00f6ljer, dvs avst\u00e5ndet mellan tv\u00e5 bokst\u00e4ver, vilket \u00e4r n\u00f6dv\u00e4ndigt, eftersom dina \u00f6gon kommer att f\u00f6lja det exakta m\u00f6nstret.\n<\/p>\n \n Detta avst\u00e5nd och marginalerna \u00e4r det som kommer att definiera det sista, mycket viktiga elementet:\n<\/p>\n \n Antal tecken per rad<\/strong>. F\u00f6r m\u00e5nga tecken per rad och textens br\u00f6dtext kommer att se r\u00f6rig ut, vilket resulterar i en ganska d\u00e5lig anv\u00e4ndarupplevelse.\n<\/p>\n \n F\u00f6r f\u00e5 och det kommer att ta mer tid f\u00f6r \u00f6gat att n\u00e5 n\u00e4sta stycke och f\u00e5 exakt samma resultat som jag n\u00e4mnde ovan.\n<\/p>\n \n Genom att begr\u00e4nsa l\u00e4ngden f\u00f6rb\u00e4ttrar du din texts l\u00e4sbarhet. Om raden \u00e4r f\u00f6r l\u00e5ng kommer den inte att visas ordentligt p\u00e5 enheten, vilket kommer att inneb\u00e4ra att l\u00e4saren inte kommer att kunna l\u00e4sa den ordentligt, vilket kommer att resultera i en r\u00f6ra, CRO(Conversion Rate Optimization)-m\u00e4ssigt.\n<\/p>\n \n Du m\u00e5ste hitta ett gyllene snitt som fungerar f\u00f6r dig p\u00e5 den och kom ih\u00e5g att detta gyllene snitt m\u00e5ste stanna vid 60 tecken per rad.\n<\/p>\n \n Och ett litet tips h\u00e4r: Du m\u00e5ste ocks\u00e5 vara uppm\u00e4rksam p\u00e5 avst\u00e5ndet mellan raderna<\/strong>, eftersom det helt enkelt \u00e4r f\u00f6r l\u00e4tt att antingen l\u00e4sa om en rad eller utel\u00e4mna den helt. Vilket aldrig \u00e4r en bra praxis, s\u00e4rskilt i denna tid n\u00e4r konsumenterna har s\u00e5 m\u00e5nga alternativ.\n<\/p>\n \n Hur m\u00e5nga g\u00e5nger har du sett en text i alla st\u00e4der och t\u00e4nkt att skribenten vill skrika argt? Jag sl\u00e5r vad om att svaret \u00e4r ”m\u00e5nga g\u00e5nger”.\n<\/p>\n \n Teckenstorlekar kan fungera precis som tonen i det talade ordet: kursiv stil kan h\u00e4rma, fet stil kan vara kr\u00e4vande, versaler kan f\u00e5 uppm\u00e4rksamhet och s\u00e5 vidare.\n<\/p>\n \n D\u00e4rf\u00f6r m\u00e5ste en designer vara f\u00f6rsiktig n\u00e4r han v\u00e4ljer ett typsnitt och en stil, s\u00e4rskilt om de har en m\u00e5ngsidig publik att ”prata” med.\n<\/p>\n \n Om du inte tror mig, \u00f6ppna bara en roman och kolla typsnittet. \u00d6ppna sedan en barnbok och g\u00f6r samma sak.\n<\/p>\n \n Det hela kokar ner till det jag n\u00e4mnde i b\u00f6rjan: Du m\u00e5ste tilltala din m\u00e5lgrupp genom din typografi s\u00e5v\u00e4l som kopian och sj\u00e4lva bilden.\n<\/p>\n \n Men storleken \u00e4r inte allt som spelar roll. Eftersom vi pratar digitalt m\u00e5ste din typografi vara oklanderlig p\u00e5 alla enheter. Du m\u00e5ste optimera f\u00f6r mobil, surfplatta och dator f\u00f6r att hindra anv\u00e4ndaren fr\u00e5n att bli f\u00f6rvirrad och sl\u00e4nga ditt inneh\u00e5ll helt och h\u00e5llet.\n<\/p>\n \n T\u00e4nk p\u00e5 att h\u00f6jden \u00e4r lika viktig. En mycket l\u00e5ng eller mycket kort text som ser bra ut n\u00e4r du testar f\u00f6r skrivbordsvy, kanske inte fungerar bra f\u00f6r mobilen.\n<\/p>\n \n Den kanske st\u00f6rsta mardr\u00f6mmen<\/strong> av alla \u00e4r anpassningen av texten. I v\u00e4sterl\u00e4ndsk kultur \u00e4r folk vana vid att l\u00e4sa fr\u00e5n v\u00e4nster till h\u00f6ger, d\u00e4rf\u00f6r b\u00f6r du vara uppm\u00e4rksam p\u00e5 det faktum och agera d\u00e4refter.\n<\/p>\n \n Anv\u00e4nd v\u00e4nsterorientering f\u00f6r att efterlikna hur folk l\u00e4ser texter i tryck, och du \u00e4r klar.\n<\/p>\n \n Detsamma kommer inte att fungera f\u00f6r din m\u00e5lgrupp om denna \u00e4r bel\u00e4gen n\u00e5gonstans i \u00f6ster, d\u00e4r l\u00e4sning \u00e4r fr\u00e5n h\u00f6ger till v\u00e4nster. S\u00e5 \u00e5terigen, din m\u00e5lgrupp \u00e4r det f\u00f6rsta du ska t\u00e4nka p\u00e5 innan du fattar ett beslut.\n<\/p>\n \n Du vet att b\u00e4sta praxis inte kommer att ta v\u00e4gen n\u00e4r det kommer till typografi och design, eller hur?\n<\/p>\n \n Du kan anv\u00e4nda de b\u00e4sta typsnitten, din anpassning kan vara oklanderlig, men utan att anv\u00e4nda designtrender kan din e-post, webbplats, m\u00e5lsida, vad du \u00e4n skapar, fortfarande f\u00f6rbli en av dina b\u00e4st bevarade hemligheter.\n<\/p>\n \n Fet \u00e4r ibland vackert\n<\/p>\n \n T\u00e4nk p\u00e5 MAC till exempel. Sk\u00f6nhetsm\u00e4rket \u00e4lskar att anv\u00e4nda fet text och extrem kontrast som ett element:\n<\/p>\n \n Detta \u00e4r m\u00e4rkets slogan och har varit det sedan alltid. Det \u00e4r dramatiskt och du kan inte missa det. Detsamma g\u00e4ller hj\u00e4ltebilden i deras nyhetsbrev:\n<\/p>\n\n Teckenstorlek och andra mardr\u00f6mmar
\n<\/h5>\n\n Trender \u00e4r dina v\u00e4nner
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> MAC Cosmetics<\/p>\n