Hvordan typografi bestemmer læsbarheden: Serif vs. Sans Serif, og hvordan man kombinerer skrifttyper.

Til digital design er det vigtigt at vide og forstå, hvordan man bruger, og hvordan man kombinerer forskellige skrifttyper. Der er en skrifttype til enhver stemning!

Dette indlæg vil give dig en hurtig introduktion til de største familier inden for typografi: Serif og Sans Serif. Og hvordan du som designer kan vælge de rigtige skrifttyper og kombinere dem.

Lad os begynde!

Serif Type Family

Eksempel på en Serif-font.

Skrifttypen Serif er differentieret fra Sans Serif af den lille lille fødderlignende ting, kaldet Serifs.

Områderne i rødt kaldes serif.

En masse Serif-skrifttyper, som du ser, ser meget mere traditionelle eller konservative ud.

Origins: Grunden til, at de har disse små fødder, er faktisk på grund af sten udskæring. Tilbage i de dage, hvor folk var nødt til at udskære latinske bogstaver i sten, malede designeren normalt de breve, de ønskede, med en pensel. Men stenhuggerne skulle skære det ud fra det maleri. Og den stenhugning skabte disse serifs på bogstaverne.

Folk har en tendens til at bruge Serif-skrifttyper til noget ganske alvorligt. Dette er på grund af deres traditionelle og konservative udseende og fornemmelse.

Serif er yderligere opdelt i fire skrifttypefamilier.

1. Gammel stil

Dette er den ældste Serif-familie. Det inkluderer skrifttyper som Adobe Jenson, Centaur, Goudy Old-stil og mange flere. Deres skrifttype er modelleret efter, hvordan tekst bruges til at se ud i 1400-tallet. Meget gammeldags.

Billedkreditter

2. Overgang

Dette er lidt mere moderne. Denne typefamilie inkluderer Times New Roman, Baskerville, Georgia osv.

Billedkreditter

3. Moderne

Endnu mere moderne og klassisk udseende. Dette inkluderer Didot, som er det skrifttype, der bruges til titlen på Vogue-magasinet.

Billedkreditter

4. Plade-Serif

De er en type familie med tykke serifs. Eksempler på typografier med plade-Serif inkluderer amerikansk skrivemaskine, Archer osv.

Billedkreditter

Hvordan kan du skelne mellem disse fire store klasser i Serif-familien?

Det er faktisk ganske let. Se på de tre første familier: Gammel stil, overgangs og moderne. Sæt dem side om side. Hvis du kigger på den tyndeste versus den tykkeste del af bogstaverne, ser du det, når du går videre fra de ældre til de mere moderne typer. Du vil se en øget forskel i, hvad vi kalder modulering af skrifttyperne. Koncentrer dig for eksempel for O'erne. Når man sammenligner den gamle stil med de moderne typer, vil tykkelsen og tyndhedsforskellen være mindre sammenlignet med moderne.

Og meget af denne modulation kommer fra, når folk plejede at skrive med fladnibrede penne.

Hvad med Slab-Serif?

Hvis du kigger på en Slab-Serif-skrifttype, ser du, at der er temmelig meget nul forskel mellem den tykkeste og den tyndeste del af skrifttypen.

Og det blev designet med vilje som dette. Det er et af de moderne medlemmer af Serif-familien. Alligevel følger den ikke reglen om "mere ind i fremtiden, du går, jo større er forskellen mellem den tykkeste og tyndeste del af skrifttypen." Slab-Serif blev oprettet til avisudskrivning til klarere læsning, når papirets kvalitet var plejede at være dårlig.

Sans-Serif-type familie

Eksempel på en Sans-Serif-font

Sans-Serif adskiller sig fra Serif. Den har ikke seriffer (de små fødder) eller dekorative elementer langs de centrale bjælker og de øverste bjælker. Sans-Serif er lidt mere moderne end seriferne.

De er også opdelt i fire familier.

1. Grotesk

Den ældste. Dette inkluderer Gothic News, Franklin Gothic med mere.

Billedkreditter

2. Neo-grotesk:

Lidt mere moderne. Helvetica og Ariel er eksempler.

Billedkreditter

3. Humanist:

Endnu mere i fremtiden. Gill Sans er et eksempel.

Billedkreditter

4. Geometrisk:

De er baseret på geometriske former. Futura er et eksempel.

Billedkreditter

Hvordan skiller du mellem de fire?

I lighed med seriferne kan du nu flytte fra den ældre groteske familie til den neo-groteske til humanisten. Du kan se forskellen i de tykeste og de tyndeste dele af skrifttypen blive mere og mere overdrevne. Når man ser på det groteske, er det næsten ens på alle punkter. Og når du ser på de humanistiske skrifttyper, begynder du at se variationen i modulationen.

I en geometrisk skrifttype er O'erne altid perfekt runde. O'erne ser nøjagtigt ud som om du tegner med en gradskive. Og dette skrifttype er lidt som Slab-Serif-typen. Selvom det er en af ​​de moderne skrifttyper i familien, bukker den tendensen og har stort set ingen modulation og er ens på alle punkter.

Hvordan typografi bestemmer læsbarheden

At have kendskab til fontfamilierne og deres underfamilier hjælper med styling. Men endnu vigtigere handler det om læsbarhed. Design handler både om funktion og form. Hvad gør en skrifttype mere læsbar?

Humanist Sans-Serif anses for at være mere læsbar end grotesk. Og årsagerne er:

  • Humanistisk skrifttype har mere åbne former.
  • Mellemkarakterafstanden i humanistisk skrifttype er mere end i grotesk, hvilket gør det lidt lettere at læse.
  • I det groteske skrifttype er figurerne tvetydige fra hinanden. En lille 'g' og 9 i Grotesque ser temmelig ens ud, de er alle meget firkantede, tilføjer mere forvirring og gør det mindre læseligt. Mens du i humanistisk skrifttype kan du tydeligt skelne mellem karaktererne.

Dette er nogle faktorer, der gør skrifttyper mere læsbare. Nu kan du vælge skrifttypen afhængigt af formålet.

Sådan kombineres skrifttyper

Når du kombinerer forskellige skrifttyper, har du normalt et andet skrifttype til overskriften og et andet for kroppen. Og dette er for at skabe en let kontrast og interesse for dine designs.

Nogle af de almindelige regler, som designere bruger, når de kombinerer forskellige skrifttyper:

  1. Seriferne og Sans-Serif fungerer virkelig godt sammen. Det har en tendens til at skabe et godt design. Sans-Serif har lidt øget læsbarhed sammenlignet med Serifs. Derfor er Sans-Serif et godt typografi for teksten.
    Kombiner ikke en Serif med en Serif og en Sans-Serif med en Sans-Serif, fordi den kan se lidt intetsigende og udifferentieret ud.
  2. For mange skrifttyper i ét design er ikke en god ting. Det ender med at se for mærkeligt ud. Hold dig til 2 skrifttyper (den ene fra Serif-familien og den anden fra Sans-Serif).
  3. Vær opmærksom på stemningen i skrifttypen ligesom farver. Og kombiner ikke forskellige stemninger sammen. Prøv at kombinere mere moderne skrifttyper med moderne skrifttyper og ældre skrifttyper med mere traditionelle skrifttyper.
    Hvis du får stemningen på dine skrifttyper, begynder du at skabe nogle utroligt smukke designs.
    Ting, du skal holde lignende: Skrift og humør-æra
    Ting, som du skal kontrastere: Serifness (for eksempel skal den ene skrifttype være Serif og den anden Sans-Serif) og Vægte.
    Vægt betyder, hvor tung eller fed din tekst er. De fleste designsoftware har en hel række vægte. F.eks. Let, medium, fed, ekstra fed og så videre. Leg dig rundt med forskellige vægter, der kontrasterer dem for at skabe interessante designs.

Brug ALDRIG nogensinde - Comic Sans, Papyrus, Viner, Kristen, Curlz. Uanset hvad du designer, så får de dine designs til at se forfærdeligt ud.

Værktøjer til typografi

  1. WhatFont
    En kromudvidelse, der fortæller dig navnet på en skrifttype på ethvert websted.
  2. Font egern
    Jeg henter normalt skrifttyper herfra. De er gratis til kommerciel brug.

Det var en kort oversigt over det store typografi. Håber, at du lærte interessante ting, som du kan bruge i dine designs! :)