Typografi 101 Serif vs Sans-Serif

På scenen for valg av skrifter, spør en designer ofte seg selv, “til Serif eller Sans-Serif”? Velge typen skrift å bruke i et design er av største betydning som det påvirker sterkt lesbarhet, brukeropplevelse og den generelle estetikken til designet.

Selv om, uansett hvor mye erfaring du har med typografi, kan du alltid sitter fast i serif vs sans-serif dilemma. Jeg tror personlig at en god vei ut av det er gjennom forstå det aller grunnleggende av serifs og sans-serifs, og dette er akkurat hva denne artikkelen tar sikte på å gjøre.

La oss ta en titt på følgende oppskrivning som fremhever store forskjeller mellom serif og sans-serif skrifttyper for en bedre forståelse av de to.

Hvor kom serifs fra??

Serifs er Små tynne linjer festet til slutten av streker i skrifttyper. De antas å ha stammer fra det latinske alfabetet Romerne pleide å etse sine skrifter i stein.

Selv om det ikke er noen universelt akseptert opprinnelse til dette dekorativt stykke i typografi, Det antas at romerne pleide å male bokstaver med konturer på steinen, så da stengelskytterne fulgte penselmerkene, som flammet i enden, som resulterte i etablering av serifs.

Hva med sans-serif?

Sans-serif, derimot, betyr bokstavelig talt "uten serifs". En hvilken som helst skrift som er fraværende av disse danglingstrekkene på slutten av hvert hjørne, kan betraktes som en sans-serif-skrift.

Å vite dette, hvordan kan valget med å gå med serifs eller sans-serif påvirker designen din? Her er noen ting å vurdere:

lesbarhet

Lesbarhet måles ofte som hvor lett en leser kan fordøye innholdet. Selvfølgelig, som visjon er vanligvis subjektiv, er det mange faktorer som kommer inn i spill, inkludert interessenivå eller leseren, og hvordan innholdet er ordnet i blokken eller plassen den har blitt gitt.

"Old school" -metoden for å presentere tekst bruker serifs av en grunn. Har du noen gang tenkt hvorfor de fleste aviser bruker serif skrifttyper for innholdet deres? Fordi serifs er enklere å lese. Disse små dekorative linjene i hver tegning styrer øynene dine flytende når du flytter fra linje til linje og legger sammen bokstavene sammen som gjør leser lengre tekster mindre beskatning for øynene dine.

Mellomrom mellom bokstaver (siden du må ta serifs i betraktning når det gjelder avstand) også gir mer plass til leseren å enkelt identifisere bokstaver fra hverandre.

Se på eksempelet nedenfor, og du vil merke at Serif-skrifter gir en lettere leseropplevelse til øyet fordi det skaper mellomrom mellom bokstavene og ordene. Dette gjør at øyet fra ett ord til et annet blir enklere.

På den andre siden, Serif font blir vanskeligere å lese bruker samme avstand. Dette skyldes at separasjonen av hvert brev er mindre som deg trenger ikke å sette serifs i betraktning når avstand det.

lesbarhet

Lesbarhet er kvaliteten og klarheten i bokstaver. Dette gjelder fine detaljer i skrifttypen og er viktig fordi det hjelper leseren å skille mellom ett tegn fra et annet. Dette avviker fra lesbarhet fordi sistnevnte er bekymret for det meste i nærmer seg innholdet som helhet.

I tilfelle av bildet ovenfor, små bokstaver L og I for sans serif i Arial ser ganske mye like ut. Tenk deg å skrive ordet “Illinois”.

Her er å understreke poenget mitt.

Det er imidlertid viktig å merke seg at hvis teksten din er ulørlig, kan den aldri bli lesbar. Men det er mange tilfeller av lesbare typer som kan virke ulæselige på grunn av hvordan de er fordelt eller skalert i forhold til deres designformål.

Alex Poole skrev en godt forklart artikkel som sammenlignet serif og sans-serif-fonter i et forsøk på å finne ut hvilke som var mer lesbare.

Ifølge ham er det fem funksjoner å merke seg når det gjelder lesbarhet:

• Serif eller Sans-serif
• Punktstørrelse
• X-Høyde
• tellere
• Ascenders og Descenders

Poole konkluderte med å basere seg på argumenter som støtter begge sider, at det virkelig var det ingen forskjell i lesbarhet når det gjelder typevalg. Han bemerket også at det er en mulighet for at serifs eller mangel på dem kan påvirke lesbarheten men forskjellen er ikke engang målbar.

Men han sa at:

Større forskjell i lesbarhet kan lett bli funnet innenfor medlemmer av samme type familie enn mellom en serif og en sans serif skrifttype. Det er også andre faktorer som x-høyde, teller størrelse, brevavstand og strekkbredde som er mer signifikant for lesbarhet enn tilstedeværelse eller fravær av serifs.

Skalering og oppløsning

Tekst i webdesign er ikke statisk. Det kan variere fra skjerm til skjerm og må være skalerbar. Dette har blitt gjort slik at teksten fortsatt kunne leses til tross for skjermstørrelsen.

På dette området er det trygt å si det sans-serif vinner kampen som det er mer fleksibelt å skalere. Sans-serif-fonter er mye lettere å gi vekt og lesbarhet i mindre resolusjoner siden de overlever smøring på grunn av mangel på detaljer i dem.

Her er en førsteklasses Eksempel på hvordan serif brukes dårlig. Ta en titt på det nederste avsnittet på Time Magazine-dekselet ovenfor, og du vil lett merke hvor relativt vanskelig det er å lese, da det ikke flyter lett spesielt med den lille størrelsen. Men legg merke til hvor perfekt effekten er da den overgikk til sans serif for “Jonathan Franzen”.

Det samme gjelder når en sans-serif skrifttype er blåst opp. Skalaen til skrifttypen beholder sin generelle form og gjør den mer gjenkjennelig. Så når det gjelder skalering, har sans-serifs en tendens til å være lett tilpasset til bedre størrelser fordi de tilpasser seg godt til smøre i små størrelser og rive i større.

Til serif, eller sans-serif?

Så, hva er svaret på spørsmålet?

Vel, vi kan si at det er et tydelig slips. Velge mellom sans-serif og serif skrifttyper til slutt koker ned til formålet med å bruke teksten. Hvis teksten du styler skulle være på nesten samme størrelse? Da vil du ha bedre lesbarhet noe som gjør serif til et bedre valg.

På den annen side, hvis du vil lage tekstdel av en responsiv nettside, da kan du velge en sans-serif-skrift som kan være klokere, siden du ikke vil at teksten din skal vises for liten til å lese.

Ta en titt på disse GQ Magazine dekker som bruker både serif og sans serif skrifttyper. Den generelle konsensus er at seriffonter brukes på formelle og trykte materialer, mens sans serif er mest brukt på nettet. Men i dette tilfellet ble begge brukt, og hvis du vil merke det er det alltid navnet på dekselet modellen som er i serif, og legger dermed vekt på det.

Noen siste ord

Bare husk det konsistens er nøkkelen. Ditt valg av skrift må gå med den overordnede estetikken til designet du lager. Du kan bland og matche skrifttyper som er like, dabble med å endre størrelsen på dem for å finne ut hvilke som fungerer. Husk imidlertid at du gjør dette slik at brukeren ville forstå meldingen og ditt design ser også estetisk ut.