Kuinka typografia määrittää luettavuuden: Serif vs.Sans Serif ja kuinka yhdistää fontteja.

Digitaalisessa suunnittelussa on tärkeää tietää ja ymmärtää, miten eri fontteja käytetään ja miten yhdistetään. Jokaiselle mielialalle on fontti!

Tämä viesti antaa sinulle nopean johdannon typografian suurimmista perheistä: Serif ja Sans Serif. Ja kuinka suunnittelijana voit valita oikeat fontit ja yhdistää ne.

Aloitetaan!

Serif-tyypin perhe

Kirjasintyyppi Serif eroaa Sans Serifistä pienillä pienillä jaloilla, kuten Serifs.

Monet Serif-kirjasimet, jotka näet, näyttävät paljon perinteisemmiltä tai konservatiivisemmilta.

Alkuperä : Syy siihen, että heillä on nämä pienet jalat, johtuu itse asiassa kivestä veistämisestä. Aikoina, jolloin ihmisten oli kaiverrettava latinalaisia ​​kirjaimia kiveksi, suunnittelija maalasi yleensä haluamansa kirjaimet siveltimellä. Kivimuurareiden olisi kuitenkin veistettävä se maalauksesta. Ja se kivileikkaus loi nämä kirjaimet.

Ihmisillä on tapana käyttää Serif-kirjasimia jotain melko vakavaan. Tämä johtuu heidän perinteisestä ja konservatiivisesta ulkoasustaan.

Serif on jaettu edelleen neljään kirjasinperheeseen.

1. Vanha tyyli

Tämä on vanhin Serif-perhe. Se sisältää fontteja, kuten Adobe Jenson, Centaur, Goudy Old style ja monia muita. Heidän kirjasimensa on mallinnettu siitä, miltä teksti näytti näyttävän 1400-luvulta. Hyvin vanhan näköinen.

2. Siirtymäkausi

Tämä on vähän nykyaikaisempi. Tähän kirjasintyyppiin kuuluu Times New Roman, Baskerville, Georgia jne.

3. Moderni

Vielä nykyaikaisempi ja tyylikkäämpi. Tähän sisältyy Didot, joka on kirjasintyyppi, jota käytetään Vogue-lehden otsikossa.

4. Levy-Serif

He ovat tyypin perhe, jolla on paksut serifit. Esimerkkejä laatta-Serif-kirjasimista ovat American Typewriter, Archer jne.

Kuinka erotella nämä neljä suurta luokkaa Serif-perheessä?

Se on oikeastaan ​​melko helppoa. Katsokaa kolmea ensimmäistä perhettä: vanha tyyli, siirtymäkauden ja moderni. Laita ne vierekkäin. Jos katsot kirjainten ohuinta ja paksumpaa osaa, huomaat, että edetessäsi vanhemmista nykyaikaisempiin. Näet lisääntyneen eron siinä, mitä kutsumme kirjasinten modulaatioksi. Keskity esimerkiksi O: hin. Vanhaa tyyliä verrattaessa moderneihin tyyliin paksuus ja ohuusero ovat pienemmät kuin Modernin.

Ja suuri osa tästä modulaatiosta tulee siitä, kun ihmiset kirjoittivat tasakärkisillä kynillä.

Entä Slab-Serif?

Jos katsot Slab-Serif-kirjasinta, näet, että kirjasimen paksimpien ja ohuimpien osien välillä on melko nolla ero.

Ja se on suunniteltu tarkoituksella näin. Se on yksi Serif-perheen nykyaikaisista jäsenistä. Silti se ei noudata sääntöä "enemmän tulevaisuuteen menet, sitä suurempi ero on kirjasimen paksimman ja ohuimman osan välillä". Slab-Serif luotiin sanomalehtien painamiseen selkeämpää lukemista varten, kun paperin laatu oli ennen heikko.

Sans-Serif -tyyppinen perhe

Sans-Serif eroaa Serifistä. Siinä ei ole sarjoja (pieniä pieniä jalkoja) tai muita koriste-elementtejä keskipalkkeja ja yläpalkkeja pitkin. Sans-Serif on hieman nykyaikaisempi kuin serifit.

Ne on myös jaettu neljään perheeseen.

1. Groteski

Vanhin. Tämä sisältää uutisgothicin, Franklinin goottilaisen ja paljon muuta.

2. Uusgroteski :

Hieman nykyaikaisempi. Helvetica ja Ariel ovat esimerkkejä.

3. Humanisti:

Vielä enemmän tulevaisuudessa. Gill Sans on esimerkki.

4. Geometrinen :

Ne perustuvat geometrisiin muotoihin. Futura on esimerkki.

Kuinka erotat nämä neljä?

Nyt, kuten serifit, voit siirtyä vanhemmasta groteskiperheestä uusgroteskiin humanistiin. Voit nähdä eron kirjasimen paksimmissa ja ohuimmissa osissa liioitelluksi. Kun katsot groteskia, se on melkein yhtä kaukana kaikista kohdista. Ja kun tarkastelet humanistisia kirjasimia, alat nähdä modulaation vaihtelua.

Geometrisessä kirjasintyypissä O: t ovat aina täysin pyöreitä. O: t näyttävät täsmälleen samanlaisilta kuin piirtäisit asteikolla. Ja tämä kirjasintyyppi on vähän kuin Slab-Serif-tyyppi. Vaikka se on yksi perheen nykyaikaisista kirjasinlajeista, se taivuttaa trendiä, eikä siinä ole melkein mitään modulointia ja on yhtä kaukana kaikista kohdista.

Kuinka typografia määrittää luettavuuden

Fonttiperheiden ja niiden alaperheiden tuntemus auttaa muotoilussa. Mutta mikä tärkeintä, kyse on luettavuudesta. Suunnittelussa on kyse sekä toiminnasta että muodosta. Mikä tekee kirjasintyypistä luettavamman?

Humanistisen Sans-Serifin katsotaan olevan luettavampi kuin groteski. Ja syyt ovat:

  • Humanistisella kirjasintyypillä on avoimempia muotoja.
  • Humanistisen kirjasimen merkkien välinen väli on enemmän kuin groteskissa, mikä tekee siitä helpommin luettavan.
  • Groteskityssä kirjasimessa merkit ovat epäselvät toisistaan. Pienet kirjaimet g ja 9 groteskissa näyttävät melko samanlaisilta, ne ovat kaikki hyvin neliömäisiä, lisäävät sekaannusta ja tekevät siitä vähemmän luettavan. Humanistikirjasimessa voit erottaa merkit selvästi.

Nämä ovat joitain tekijöitä, jotka tekevät kirjasimista luettavampia. Nyt voit valita kirjasimen tarkoituksesta riippuen.

Kuinka yhdistää fontteja

Kun yhdistät erilaisia ​​kirjasimia, sinulla on yleensä erilainen kirjasin otsikkoon ja toinen runkoon. Ja tämän tarkoituksena on luoda pieni kontrasti ja kiinnostus muotoiluihisi.

Joitakin yleisiä sääntöjä, joita suunnittelijat käyttävät, kun he yhdistävät erilaisia ​​fontteja:

  1. Serifit ja Sans-Serif toimivat todella hyvin yhdessä. Sillä on taipumus luoda hyvä muotoilu. Sans-Serifillä on hieman parempi luettavuus kuin Serifillä. Siksi Sans-Serif on loistava kirjasinlaji tekstille.

    Älä yhdistä Serifiä Serifiin ja Sans-Serifiä Sans-Serifiin, koska se voi näyttää hieman hämärältä ja erottamattomalta.

  2. Liian monta fonttia yhdessä mallissa ei ole hyvä asia. Se näyttää lopulta liian oudolta. Pidä kiinni 2 kirjasimesta (yksi Serif-perheestä ja toinen Sans-Serifistä).
  3. Arvioi kirjasimen tunnelma aivan kuten värit. Ja älä yhdistä erilaisia ​​tunnelmia yhteen. Yritä yhdistää nykyaikaisemmat fontit moderneihin ja vanhemmat fontit perinteisempiin.

    Jos tunnet kirjasintyyppisi, alat luoda uskomattoman kauniita malleja.

    Asiat, jotka sinun tulisi pitää samanlaisina: Fontin mieliala ja aika-aikakausi

    Asiat, joita sinun tulisi verrata: Serif-ness (esimerkiksi yhden fontin tulisi olla Serif ja toisen Sans-Serif) ja Painot.

    Paino tarkoittaa kuinka raskas tai rohkea teksti on. Useimmilla suunnitteluohjelmistoilla on laaja valikoima painoja. Esimerkiksi kevyt, keskikokoinen, rohkea, erittäin rohkea ja niin edelleen. Pelaa ympäriinsä eri painoja vastakkain niitä luoda mielenkiintoisia malleja.

ÄLÄ KOSKAAN käytä - Comic Sans, Papyrus, Viner, Kristen, Curlz. Ei ole väliä mitä suunnittelet, ne tekevät suunnittelustasi näyttävän kauhealta.

Työkalut typografiaan

  1. WhatFont

    Kromi-laajennus, joka kertoo sinulle fontin nimen millä tahansa verkkosivustolla.

  2. Font Orava

    Ladaan fontteja yleensä täältä. Ne ovat ilmaisia ​​kaupalliseen käyttöön.

Se oli lyhyt katsaus laajaan typografian kenttään. Toivottavasti opit mielenkiintoisia asioita, joita voit käyttää malleissasi! :)