Det har länge varit en teori om att seriva teckensnitt är för tryckta projekt och sans serifs är för webbdesign. Men med fler högupplösta skärmar och stora typalternativ finns det bara inte så mycket en regel längre.
Oavsett om du föredrar serifs eller sans serifs (eller en kombination av de två), bör huvudmålen när du väljer typsnitt för digitala designprojekt vara läsbarhet och läsbarhet. Enkelt, du måste välja fonter som är skarpa och lätta att läsa på skärmen. En del av detta är relaterat till användningen, till exempel storlek och placering av text, och sedan till den typ av typsnitt du väljer.
Fallet för Sans Serif
Det finns förmodligen många av er som redan är missnöjda med premissen här. Du är helt säker på att sans serifs är bäst för webbdesign. Och det kan ha varit sant för några år sedan.
Det finns fortfarande några gånger och platser där sans serifs är vanligtvis föredragna:
- För skärmar med låg upplösning
- För nya läsare, som barn
- Med mycket färg eller i mönster med låg kontrast
- Text som är extremt liten eller smal
Ange HD-skärmar
En av de största mytbustrarna när det gäller? Du måste använda sans serif typsnitt för webbdesign? är uppkomsten av högupplösta skärmar. Fler prickar per skärm tum korrelerar till rikare detaljer för allt, inklusive typografi.
Tänk på det här sättet. Böcker om många e-läsare och tabletter ställs in i seriva teckensnitt. Och de är helt lätta att förstå. Detta beror på att skärmupplösningen är tillräckligt skarp för att hantera linjerna och streck i typsnittet.
Ännu så tidigt som 2012 noterade Jakob Nielsen från Nielsen Norman Group, som fokuserar på användarupplevelse, forskning och utbildning, att bättre skärmar ändrar landskapet för typografiriktlinjer för webbdesign. Här är slutsatsen från den studien:
? Den gamla användbarhetsriktlinjen för online typografi var enkel: hålla sig till sans-serif typsnitt. Eftersom datorskärmar var för elaka att göra serifs ordentligt, försökte serif typ vid kroppstypstorlekar resulterat i suddiga brevformer.
? Tyvärr är den nya riktlinjen inte lika tydlig som den gamla. Lättlighetsforskning är otvivelaktigt huruvida seriffonter är riktigt bättre än sans serif.
Nästan alla vanliga tryckta tidningar, tidningar och böcker använder serif-typ, och därmed är människor vanligare att läsa långa texter i denna stil. Men med tanke på forskningsdata är skillnaden i läshastighet mellan serif och sans serif tydligen ganska liten. Således finns det ingen stark användbarhetsriktlinje för att använda den ena eller den andra, så att du kan göra valet baserat på andra överväganden - som branding eller stämningen kommuniceras av en viss typografisk stil.?
Men vi börjar verkligen nu börja se fler designers omfamna denna idé.
Läsbarhet
Läsbarhet är möjligheten att läsas enkelt. Det finns ett antal faktorer som bidrar till läsbarheten, inklusive hur intressant (eller inte) innehållet är och hur det faktiskt ser ut när det sammanfogas som ett textblock. Det senare är det vi verkligen bryr oss om när det gäller typografi.
Generellt kan du eyeball det när det gäller estetik och läsbarhet. Kan du berätta vad webbplatsen försöker kommunicera med en blick? Om så är fallet är det läsbart.
Det finns ett antal läsbarhetsverktyg som du kan använda för att bestämma hur läsbar din text är. Även om det inte finns någon exakt vetenskap bakom läsbarhet, är dessa verktyg en bra utgångspunkt för att hjälpa dig att komma igång.
- Readability Test Tool: Sätt in en URL och testa läsbarheten av texten.
- Läsbarhetspoäng: Ange text och få ett betyg baserat på hur läsbar texten är.
- Läsbarhet: Växlar någon webbplats till en ren läsvy.
Läsbarhet
Läsbarthet hänvisar till kvaliteten på bokstäverna och om det är tydligt och tillräckligt för att läsas. God typografi ska vara lätt att läsa utan ansträngning. Val av typsnitt hänför sig direkt till läsbarhet. (Tänk på handstil och hur det kallas läsbart eller inte, det är exakt samma sak med digital bokstäver.)
När det gäller läsbarhet måste varje brev tydligt särskiljas från andra bokstäver. Bidragande faktorer inkluderar allt från den faktiska formen av bokstäver tjock mot tunn, lång versus kort, mellanrum och användningen av serifs eller annan prydnad.
Som regel har de mest läsbara teckensnitten mer runda, distinkta tecken; större x-höjder; adekvat och konsekvent brevavstånd och en enkel natur.
Typeface Selection Tips
Är du såld på att prova en sans serif typsnitt för ditt nästa webbdesign projekt? Här är några tips för att välja det bästa sans serif-alternativet.
- Välj separata brevformar: Gå tillbaka från bildskärmen och titta på den typ du har valt. Kan du enkelt skapa enkla brev? Att välja ett typsnitt med olika brevformar gör det lättare att läsa på vilken skärmstorlek som helst, särskilt små eller mycket stora skärmar.
- Välj mellanvikter: Typsnitt med regelbundna slagbredd. Teckensnitt som är för tjocka eller för tunna - kom ihåg kontroversen med Apples iOS 7? - kan vara svårt att läsa. För kroppstext, stanna någonstans i mitten med en medelstor och universell slagvikt. Alternativa tjocka och smala slag kan också orsaka vissa problem.
- Leta efter kvalitetstyp: ownloading någon gammal typsnitt för webben, kanske inte resulterar i den skärpa du behöver för projekt. Håll dig till en typsnitt från en välrenommerad leverantör. Och titta på det nära på skärmen. Kan du blåsa upp det till 200 eller 500 gånger den faktiska storleken och ändå få en bra prestanda? Med verktyg som Adobe Typekit och Google Fonts finns ett stort antal teckensnitt tillgängliga för webben som kommer att se bra ut och bidra till att skapa en distinkt känsla för ditt projekt.Medan du inte alltid kan matcha teckensnitt exakt för tryckta och digitala projekt, leta efter stil som har samma utseende för att betona konsistens i din branding.
- Utsmyckade teckensnitt ska användas sparsamt: Utsmyckade teckensnitt kan vara ett bra komplement till projekt, men använda dem med vilje och med avsikt. (De saknar ofta lite läsbarhet eller läsbarhet.)
- Leta efter olika typer av alternativ: Välj ett typsnitt som inte är så tråkigt. Välj ett typsnitt från en stark familj med massor av vikter och alternativ som fet, kursiv eller kondenserad alternativ.
- Ställ in rätt humör: Oavsett vilken typ av typsnitt du väljer, se till att den matchar stämningen i ditt projekt. Det finns många faktorer. Läs mer om dem i en tidigare Design Shack-artikel.
- Mixa och matcha: Använd en kombination av serif och sans serif typsnitt i samma design, med en stil för huvudet och det andra för kroppen. Men experimentera med att göra motsatsen till vad du kan förvänta dig. Använd sans serif för större text, t.ex. rubriker, och använd serif för kroppstext.
Slutsats
Hur känner du dig om att använda sans serif-typsnitt på webben? Är du redo att prova? Exemplen i hela denna artikel visar att stor webtypografi inte behöver vara sans serif.
Se till att du klickar på exemplen och länkarna för att verkligen få en bra känsla för hur designers använder seriva teckensnitt på olika sätt och med stor framgång.