Typografi 101 Serif vs Sans-Serif

I stället för att välja typsnitt frågar en designer ofta sig själv, “till Serif eller Sans-Serif”? Välja typ av typsnitt Att använda i en design är av största vikt eftersom det påverkar mycket läsbarhet, användarupplevelse och designens övergripande estetik.

Även om, oavsett hur mycket erfarenhet du har med typografi, kan du alltid fastna i serif vs sans-serif dilemma. Jag tycker personligen att en bra väg ut ur det är genom förstå mycket grunderna av serifs och sans-serifs, och detta är precis vad denna artikel syftar till att göra.

Låt oss ta en titt på följande skrivning som framhäver stora skillnader mellan serif och sans-serif typsnitt för en bättre förståelse av de två.

Var kom serifs från?

Serifs är Smala tunna linjer kopplade till slutet av streck i teckensnitt. De tros ha härstammat från det latinska alfabetet Romarna brukade eta sina skrifter i sten.

Även om det inte finns något universellt accepterat ursprung för detta dekorativt stycke i typografi, Det antas att romarna brukade måla bokstäver med konturer på stenen, så när stenshuggarna följde borstmärken, som flög i ändarna, som resulterade i skapandet av serifs.

Vad sägs om sans-serif?

Sans-serif, å andra sidan, bokstavligen betyder "utan serifs". Varje typsnitt som saknas av dessa danglingstreck i slutet av varje hörn kan betraktas som en sans-serif-typsnitt.

Att veta detta, hur kan valet att gå med serifs eller sans-serif påverkar din design? Här är några saker att tänka på:

Läsbarhet

Läsbarhet mäts ofta som hur lätt en läsare kan smälta innehållet. Självklart, eftersom visionen vanligtvis är subjektiv, finns det många faktorer som spelar in spel inklusive ränta eller läsaren, och hur innehållet är ordnat i det block eller det utrymme som det har givits.

"Old school" -metoden för att presentera text använder serifs av en anledning. Tänkte du någonsin varför de flesta tidningar använder seriva teckensnitt för deras innehåll? Eftersom serifs är lättare att läsa. Dessa lilla dekorativa linjer i varje tecken styr dina ögon flytande som ditt drag från linje till linje och sammanfoga bokstäverna som gör varandra läser längre texter mindre beskattar för dina ögon.

Mellanslag mellan bokstäver (eftersom du måste ta hänsyn till serifs när det gäller avstånd) också ger mer utrymme för läsaren att enkelt identifiera brev från varandra.

Titta på exemplet nedan och du märker att serif typsnitt ger en lättare läsupplevelse till ögat eftersom det skapar luckor mellan bokstäverna och orden. Detta gör att ögat från ett ord till ett annat blir enklare.

Å andra sidan, Serif-tecknet blir svårare att läsa med samma avstånd. Detta beror på att separationen av varje bokstav är mindre som du behöver inte ställa in serifsna när man skiljer det från varandra.

Läsbarhet

Läsbarthet är bokstävernas kvalitet och tydlighet. Detta handlar om fina detaljer i typsnittet och är avgörande eftersom det hjälper läsaren att differentiera ett tecken från en annan. Detta skiljer sig åt läsbarheten eftersom den senare är oroad över att närma sig innehållet som helhet.

I fallet med bilden ovan, Lågfallet L och I för sans serif i Arial ser ganska mycket ut. Tänk dig att skriva ordet “Illinois”.

Här är att betona min punkt.

Det är dock viktigt att notera att om din typsnitt är oläslig, kan den aldrig bli läsbar. Men det finns många fall av läsbara typer som kan förekomma oläsliga på grund av hur de är åtskilda eller skalade i förhållande till deras design syfte.

Alex Poole skrev en väl förklarad artikel som jämförde serif och sans-serif-teckensnitt i ett försök att ta reda på vilken var mer läsbar.

Enligt honom finns det fem funktioner att notera när det gäller läsbarhet:

• Serif eller Sans-serif
• Punktstorlek
• X-Höjd
• räknare
• Ascenders och Descenders

Poole avslutade, baserat på argument som stöder båda sidor, att det verkligen var ingen skillnad i läsbarhet när det gäller typsnittval. Han noterade också att det finns en möjlighet att serifs eller bristen på dem kan påverka läsbarheten men skillnaden är inte ens mätbar.

Men han sa att:

En större skillnad i läsbarhet kan lätt hittas inom medlemmar av samma typfamilj än mellan en serif och en sans serif typsnitt. Det finns också andra faktorer som x-höjd, räknestorlek, brevavstånd och slagbredd som är mer signifikant för läsbarhet än närvaron eller frånvaron av serifs.

Skalering och upplösning

Text i webbdesign är inte statisk. Det kan skilja sig från skärm till skärm och skulle behöva skalas. Detta är gjort så att texten fortfarande skulle kunna läsas trots skärmstorleken.

På detta område är det säkert att säga det sans-serif vinner slaget eftersom det är mer flexibelt för skalning. Sans-serif-teckensnitt är mycket lättare att ge betoning och läsbarhet i mindre resolutioner eftersom de överlever smearing på grund av brist på detalj i dem.

Här är en förstklassig exempel på hur serif används illa. Ta en titt på nedre stycket på Time Magazine-omslaget ovan och du märker lätt hur relativt svårt att läsa, eftersom det inte flyter lätt speciellt med den lilla storleken. Men märke hur perfekt effekten är när den övergick till sans serif för “Jonathan Franzen”.

Samma sak gäller när en sans-serif-typsnitt blåses upp. Skalan av typsnittet behåller sin allmänna form och gör det mer igenkännligt. Så, när det gäller skalning, tenderar sans-serifs att enkelt anpassas till bättre storlekar eftersom de anpassar sig bra till smörja i små storlekar och riva i större.

Till serif eller sans-serif?

Så, vad är svaret på frågan?

Tja, vi kan säga att det är en uppenbar slips. Välja mellan sans-serif och serif-teckensnitt i slutändan kokar ner till ditt syfte att använda texten. Om texten du styler skulle vara på nästan samma storlek? Då vill du ha bättre läsbarhet vilket gör serif till ett bättre val.

Å andra sidan, om du vill göra textdel av en mottaglig webbplats, då kan du välja en sans-serif-teckensnitt eftersom du inte vill att texten ska visas för liten att läsa.

Ta en titt på dessa GQ Magazine täcker som använder både serif och sans serif typsnitt. Det generella samförståndet är att seriffonter används på formella och tryckta material, medan sans serif används mestadels på webben. Men i det här fallet användes båda, och om du kommer märka är det alltid namnet på täckmodellen som finns i serif, vilket betonar det.

Några sista ord

Kom bara ihåg det konsistens är nyckeln. Ditt val av typsnitt måste gå med den övergripande estetiken i den design du skapar. Du kan mixa och matcha teckensnitt som liknar varandra, dabble med resizing dem för att räkna ut vilka fungerar. Kom dock ihåg att du gör detta så att användaren skulle förstå meddelandet och din design ser också estetisk ut.