Typografi 101 Serif vs Sans-Serif

På scenen med valg af skrifttyper spørger en designer ofte sig selv, “til Serif eller Sans-Serif”? Vælge den slags skrifttype at bruge i et design er af største betydning, da det har stor indflydelse læsbarhed, brugeroplevelse og den overordnede æstetik af designet.

Selvom, uanset hvor meget oplevelse du har med typografi, kan du sætter sig altid fast i serif vs. sans-serif dilemma. Jeg tror personligt, at en god vej ud af det er igennem forstå de meget grundlæggende af serifs og sans-serifs, og det er netop, hvad denne artikel har til formål at gøre.

Lad os tage et kig på følgende opskrivning som fremhæver store forskelle mellem serif og sans-serif skrifttyper for en bedre forståelse af de to.

Hvor kom serifs fra?

Serifs er små tynde linjer fastgjort til slutningen af ​​streger i skrifttyper. De menes at have stammer fra det latinske alfabet Romerne plejede at ædle deres skrifter i sten.

Selv om der ikke er nogen universelt accepteret oprindelse til dette dekorativt stykke i typografi, det antages, at romerne plejede at male bogstaver med konturer på stenen, så da stenskærerne fulgte børstens mærker, som flængede i enderne, der resulterede i oprettelsen af ​​serifs.

Hvad med sans-serif?

Sans-serif, på den anden side, bogstaveligt betyder "uden serifs". Enhver skrifttype, der er fraværende af disse danglingstreger i slutningen af ​​hvert hjørne, kan betragtes som en sans-serif-skrifttype.

At vide dette, hvordan kan valget af at gå med serifs eller sans-serif påvirker dit design? Her er et par ting at overveje:

Læsbarhed

Læsbarhed måles ofte som hvor let en læser kan fordøje indholdet. Selvfølgelig, da syn er normalt subjektiv, er der mange faktorer, der kommer ind i spil, herunder interesseniveau eller læseren, og hvordan indholdet er arrangeret i den blok eller det rum, den er blevet givet.

Den "gamle skole" metode til at præsentere tekst bruger serifs af en grund. Har du nogensinde tænkt hvorfor de fleste aviser bruger serif skrifttyper til deres indhold? Fordi serifs er lettere at læse. Disse små dekorative linjer i hvert tegn styr dine øjne flydende som dit skridt fra linje til linje og slutte med de bogstaver, der sammen skaber læser længere tekster mindre beskatning for dine øjne.

Mellemrummet mellem bogstaver (da du skal tage serifs i betragtning når det kommer til afstand) også giver mere plads til læseren til nemt at identificere breve fra hinanden.

Se på nedenstående eksempel, og du vil bemærke, at serif skrifttyper skaber en lettere læsning oplevelse for øjet fordi det skaber huller mellem bogstaverne og ordene. Dette gør det muligt at flytte dit øje fra et ord til et andet.

På den anden side, serif font bliver vanskeligere at læse bruger den samme afstand. Dette skyldes, at adskillelsen af ​​hvert brev er mindre som dig behøver ikke at sætte seriferne i betragtning, når de rummer det.

Læsbarhed

Læsbarhed er kvaliteten og klarheden i bogstaverne. Dette handler om detaljerede skrifttyper og er afgørende, fordi det hjælper læseren med at skelne mellem et tegn fra et andet. Dette adskiller sig fra læsbarhed, fordi sidstnævnte er bekymret mest for at nærme sig indholdet som helhed.

I tilfælde af billedet ovenfor, små bogstaver L og I til sans serif i Arial ser stort set ens ud. Forestil dig at skrive ordet “Illinois”.

Her er at understrege mit punkt.

Det er dog vigtigt at bemærke, at hvis dit skrifttype er ulæseligt, kan det aldrig læses. Men der er mange tilfælde af læsbare typer, der kan forekomme ulæselige på grund af hvordan de er fordelt eller skaleret i forhold til deres designformål.

Alex Poole skrev en velforklaret artikel, der sammenlignede serif og sans-serif skrifttyper i et forsøg på at finde ud af, hvilket var mere læseligt.

Ifølge ham er der fem funktioner at bemærke, når det kommer til læsbarhed:

• Serif eller Sans-serif
• Punktstørrelse
• X-Højde
• Tællere
• Ascenders og Descenders

Poole konkluderede med at basere sig på argumenter, der understøtter begge sider, at der virkelig var ingen forskel i læsbarhed, når det kommer til skrifttypevalg. Han bemærkede også, at der er en mulighed for at serifs eller manglen på dem kan påvirke læsbarheden men forskellen er ikke engang målelig.

Men han sagde at:

Større forskel i læsbarhed kan let findes inden for medlemmer af samme type familie end mellem en serif og en sans serif skrifttype. Der er også andre faktorer som x-højde, tællestørrelse, brevafstand og slagbredde, som er mere signifikant for læsbarhed end tilstedeværelsen eller fraværet af serifs.

Skalering og opløsning

Tekst i webdesign er ikke statisk. Det kan variere fra skærm til skærm og skulle være skalerbar. Dette er gjort således at teksten stadig kunne læses på trods af skærmstørrelsen.

På dette område er det sikkert at sige det sans-serif vinder kampen som det er mere fleksibelt at skalere. Sans-serif-skrifttyper er meget nemmere at give vægt og læsbarhed i mindre opløsninger da de overlever smøring på grund af manglen på detaljer i dem.

Her er en prime Eksempel på, hvordan serif bruges dårligt. Tag et kig på nederste afsnit på Time Magazine coveret ovenfor, og du vil let bemærke, hvor relativt Det er svært at læse, da det ikke flyder let især med den lille størrelse. Men bemærk, hvor perfekt effekten er, da den overgik til sans serif for “Jonathan Franzen”.

Det samme gælder, når en sans-serif skrifttype er sprængt op. Skriftets skala bevarer sin generelle form og gør den mere genkendelig. Så når det kommer til skalering, har sans-serifs tendens til nemt at tilpasses til bedre størrelser, fordi de tilpasser sig godt til smøre i små størrelser og rive i større.

Til serif eller sans-serif?

Så hvad er svaret på spørgsmålet?

Nå, vi kan sige, at det er et indlysende slips. Valg mellem sans-serif og serif skrifttyper i sidste ende koger ned til dit formål at bruge teksten. Hvis teksten du styler skulle være på næsten samme størrelse? Så vil du have bedre læsbarhed hvilket gør serif til et bedre valg.

På den anden side, hvis du vil lave tekst del af en lydhør hjemmeside, så vælger du en sans-serif-skrifttype, kan det være klogere, da du ikke vil have din tekst vist for lille til at læse.

Tag et kig på disse GQ magazine dækker, der bruger både serif og sans serif skrifttyper. Den generelle konsensus er, at serif skrifttyper anvendes på formelle og trykte materialer, mens sans serif bruges mest på internettet. Men i dette tilfælde blev begge brugt, og hvis du vil bemærke, at det altid er navnet på dækmodellen, der er i serif, og dermed understreger det.

Nogle sidste ord

Bare husk det konsistens er nøglen. Dit valg af skrifttype skal gå med den overordnede æstetik af det design, du opretter. Du kan blande og matche skrifttyper, der ligner hinanden, dabble med resizing dem for at finde ud af, hvilke arbejder. Husk dog, at du gør dette, så at brugeren ville forstå meddelelsen og dit design ser også æstetisk ud.