Hur man bestämmer vilken typsnittfamilj som ska användas för webbdesign

Titta på vilken webbsida som helst online idag, oavsett storleken på webbplatsen eller branschen den är till för, och du kommer att se att en sak som alla delar gemensamt är textinnehåll.

Ett av de enklaste sätten att påverka utformningen av en webbsida är med teckensnitt som du använder för textinnehållet på den webbplatsen. Tyvärr blir många webbdesigners som är tidiga i sin karriär lite galna genom att använda för många teckensnitt på varje sida. Detta kan ge en lerig upplevelse som tycks sakna sammanhållning i designen. I andra fall försöker designers experimentera med typsnitt som är praktiskt taget oläsliga och använder dem bara för att de är “coola” eller annorlunda. De kan verkligen se coola teckensnitt ut, men om texten som de är avsedda att förmedla inte kan läsas, så kan "coolhet" för det teckensnittet försvinner när ingen läser den webbplatsen och istället lämnar en webbplats som de kan bearbeta!

Några tumregler

1. Använd inte mer än 3-4 teckensnitt på en sida. Allt mer än detta börjar kännas amatörmässigt - och till och med fyra teckensnitt kan vara för många i vissa fall!
   instagram viewer
2. Gör det inte ändra teckensnitt i mitten av meningen om du inte har en mycket god anledning.
3. Använd sans serif-teckensnitt eller serif-teckensnitt för brödtext för att göra innehållsblocken lättare att läsa.
4. Använd monospace-teckensnitt för skrivmaskinstext och kodblock för att skilja koden från sidan.
5. Använd manus- och fantasy-teckensnitt för accenter eller stora rubriker med mycket få ord.

Kom ihåg att allt detta är förslag, inte hårda och snabba regler. Men om du ska göra något annorlunda bör du göra det med avsikt, inte av misstag.

Sans Serif-teckensnitt är grunden för din webbplats

Sans serif-teckensnitt är de teckensnitt som inte har något ”serifs”- den lilla extra designbehandlingen i bokstävernas ändar.

Om du har gått på kurser i utskriftsdesign har du förmodligen fått höra att du bara bör använda serif-teckensnitt endast för rubriker. Detta är inte sant för webben. Webbsidor är avsedda att ses av webbläsare på datorskärmar och mobila enheter och dagens skärmar och skärmar är ganska bra för att visa både serif och sans-serif typsnitt tydligt. Vissa serif-teckensnitt kan bli lite utmanande att läsa i mindre storlekar, särskilt på äldre skärmar, så du bör alltid var medveten om din publik och se till att de kan läsa serif-teckensnitt innan du fattar beslutet att använda dem för din kropp text. Med detta sagt är de flesta serif-teckensnitt idag utformade för digital konsumtion och de fungerar bra som kroppskopia så länge de är inställda på en rimlig teckenstorlek.

Några exempel på sans-serif-teckensnitt är:

• Arial
• Genève
• Helvetica
• Lucida Sans
• Trebuchet
• Verdana

Använd Serif-teckensnitt för utskrift.

Medan serif-teckensnitt kan vara svåra att läsa online för äldre skärmar är de perfekta för utskrift och bra för rubriker på webbsidor. Om du har utskriftsvänligt versioner av din webbplats, det här är det perfekta stället att använda serif-teckensnitt. Seriferna, i tryck, gör det lättare att läsa, eftersom de gör det möjligt för människor att skilja bokstäverna tydligare. Och eftersom utskriften har en högre upplösning kan den ses tydligare och verkar inte suddiga ut.

Vissa exempel på serif-teckensnitt är:

• Garamond
• Georgien
• Tider
• Times New Roman

Monospace-teckensnitt tar lika mycket utrymme för varje bokstav

Även om din webbplats inte handlar om datorer kan du använda monospace för att ge instruktioner, ge exempel eller antyda skrivskriven text. Monospace-bokstäver har samma bredd för varje tecken, så de tar alltid samma mängd utrymme på sidan. Monospace-teckensnitt fungerar särskilt bra för kodprover.

Skrivmaskiner använde vanligtvis monospace-teckensnitt, och att använda dem på din webbsida kan ge dig en känsla av det typskrivna innehållet.

Några exempel på monospace-teckensnitt är:

• Kurir
• Courier Nytt
• Lucida-konsolen
• Monaco

Fantasi och manus typsnitt är svåra att läsa

Fantasi- och manusstilsorter är inte så vida spridda på datorer, och i allmänhet kan det vara svårt att läsa i stora bitar. Även om du kanske gillar effekten av en dagbok eller annan personlig post som att använda ett kursivt teckensnitt kan ge dina läsare problem. Detta gäller särskilt om din publik inkluderar icke-modersmål. Fantasi och kursiva teckensnitt innehåller inte alltid accenttecken eller andra specialtecken som begränsar din text till engelska.

Använd fantasi och kursiva teckensnitt i bilder och som rubriker eller uppmaningar. Håll dem korta och var medvetna om att vilket typsnitt du väljer förmodligen inte kommer att finnas på en majoritet av dina läsares datorer, så du måste leverera dem med webbteckensnitt.

Några exempel på fantasy-teckensnitt är:

• Kopparplåt
• Desdemona
• Påverkan
• Kino

Några exempel på manus typsnitt är:

• Apple Chancery
• Comic Sans MS
• Lucida handskrift