Kotisivu » Web-suunnittelu » Typografi 101 Serif vs. Sans-Serif

    Typografi 101 Serif vs. Sans-Serif

    Fonttien valitsemisen vaiheessa suunnittelija kysyy usein itseltään, “Serifille tai Sans-Serifille”? Kirjasintyypin valinta käyttää mallissa on äärimmäisen tärkeää, koska se vaikuttaa suuresti luettavuus, käyttäjäkokemus ja suunnittelun yleinen esteettisyys.

    Vaikka, vaikka olisit paljon kokemusta typografiasta, voit pysy aina kiinni serif vs. sans-serif dilemmassa. Olen henkilökohtaisesti sitä mieltä, että hyvä tapa lähteä siitä on ymmärrystä hyvin perusasioista serifien ja sans-serifien joukosta, ja juuri tämä artikkeli pyrkii tekemään.

    Katsotaanpa seuraavaa kirjoitusta korostaa suuria eroja serif- ja sans-serif-fonttien välillä parempaa ymmärrystä näistä kahdesta.

    Mistä serifit tulivat?

    Serifit ovat pieniä ohuita viivoja, jotka on liitetty lyöntien loppuun kirjasinlajeissa. Niiden uskotaan olevan peräisin latinalaisista aakkosista. Roomalaiset syövyttivät kirjoituksiaan kiveen.

    Vaikka tähän ei ole yleisesti hyväksyttyä alkuperää koriste-esine typografiassa, uskotaan, että roomalaiset maalasivat kiveen kirjaimia ääriviivoilla, joten kun kivikärryt seurasivat harjaominaisuuksia, jotka syttyivät päissä, joka johti serifien luomiseen.

    Entä sans-serif?

    Sans-serif, toisaalta, kirjaimellisesti tarkoittaa "ilman serifejä". Mikä tahansa kirjasin, joka ei ole näiden roikkuvien iskujen päässä kunkin kulman lopussa, voidaan pitää sans-serif-kirjasimena.

    Tietäen tämän, miten voit valita serifien tai sans-serifin kanssa vaikuttavat suunnitteluun? Seuraavassa on muutamia asioita, joita kannattaa harkita:

    luettavuus

    Luettavuus mitataan usein kuinka helposti lukija voi sulattaa sisällön. Tietenkin, koska visio on yleensä subjektiivinen, on olemassa monia tekijöitä, jotka tulevat mukaan korkotaso tai lukija ja miten sisältö on järjestetty lohkossa tai tilassa, että se on annettu.

    "Vanhan koulun" menetelmä tekstin esittämisessä käyttää serifejä syystä. Oletko koskaan ajatellut miksi useimmat sanomalehdet käyttävät sisällönsä serif-kirjasimia? Koska serifeja on helpompi lukea. Nämä pienet koristeelliset viivat kussakin merkissä ohjaavat silmäsi sujuvasti, kun siirryt linjasta linjaan ja liität kirjaimet yhteen lukemalla pidempiä tekstejä vähemmän verottamalla silmiäsi.

    Myös kirjainten väliset välilyönnit (koska sinun täytyy ottaa serifit huomioon etäisyyden suhteen) antaa lukijalle enemmän tilaa tunnistaa kirjaimet toisiltaan.

    Katso alla olevaa esimerkkiä ja huomaat, että serif-fontit luovat silmille helpomman lukukokemuksen koska se luo aukkoja kirjainten ja sanojen välillä. Tämä helpottaa silmän siirtämistä yhdestä sanasta toiseen.

    Toisaalta, serif-fontti on vaikeampi lukea käyttäen samaa välilyöntiä. Tämä johtuu siitä, että kunkin kirjeen erottaminen on pienempi kuin sinä sinun ei tarvitse laittaa serifejä huomioon sen välissä.

    Luettavuus

    Luettavuus on kirjainten laatu ja selkeys. Tämä koskee kirjasimen hienoja yksityiskohtia ja on välttämätöntä, koska se auttaa lukijaa erottamaan yhden merkin toisesta. Tämä eroavaisuus luettavuuden kannalta, koska viimeksi mainittu koskee lähinnä koko sisältöä.

    Yllä olevan kuvan tapauksessa, pienempi L ja I sans serifille Arialissa näyttävät melko samankaltaisilta. Kuvittele, että kirjoitat sanan “Illinois”.

    Täällä korostan pistettäni.

    On kuitenkin tärkeää huomata, että jos kirjasintasi on luettavissa, se ei voi koskaan tulla luettavaksi. Mutta on olemassa lukuisia luettavia tyyppejä, jotka voivat näkyä lukemattomina miten ne ovat välimatkan päässä tai skaalataan suhteessa niiden suunnittelutarkoitukseen.

    Alex Poole kirjoitti hyvin selitetyn artikkelin vertaamalla serif- ja sans-serif-fontteja yrittäessään selvittää, mikä oli luettavampi.

    Hänen mukaansa luettavuus on viisi:

    • Serif tai Sans-serif
    • Pistekoko
    • X-korkeus
    • laskurit
    • Nousijat ja laskijat

    Poole totesi molempia osapuolia tukevien väitteiden perusteella, että oli todella ei ole eroa luettavuudessa, kun kyseessä on kirjasinvalinta. Hän totesi myös, että on mahdollista, että serifit tai niiden puute voivat vaikuttaa luettavuuteen mutta ero ei ole edes mitattavissa.

    Hän kuitenkin sanoi, että:

    Luettavuuden suurempi ero voidaan helposti löytää saman tyyppisen perheen jäsenistä kuin välillä serif ja sans serif. On myös muita tekijöitä, kuten x-korkeus, laskurin koko, kirjainten väli ja iskun leveys luettavuuden kannalta merkittävämpi kuin seerumien läsnäolo tai puuttuminen.

    Skaalaus ja resoluutio

    Web-suunnittelun teksti ei ole staattinen. Se voi vaihdella näytöstä ja se on skaalautuva. Tämä on tehty jotta teksti olisi edelleen luettavissa näytön koosta huolimatta.

    Tällä alueella on turvallista sanoa sans-serif voittaa taistelun, koska se on joustavampi skaalautumiseen. Sans-serif-fontteja on paljon helpompi korostaa ja lukea helposti pienemmissä resoluutioissa koska he selviytyvät tahroista, koska niissä ei ole yksityiskohtia.

    KUVA: Aika

    Tässä on ensisijainen esimerkki siitä, miten serifiä käytetään huonosti. Tutustu yllä olevaan Time Magazine -kannen alaosaan ja huomaat, kuinka suhteellisen on vaikea lukea, koska se ei virtaa helposti erityisesti pienellä koolla. Mutta huomaa, kuinka täydellinen vaikutus on, kun se siirtyi sans serif for “Jonathan Franzen”.

    Sama pätee, kun sans-serif-fontti on puhallettu. Kirjasimen mittakaava säilyttää sen yleisen muodon ja tekee sen tunnistettavammaksi. Joten, kun kyseessä on skaalaus, sans-serifit ovat yleensä helposti mukautettavissa parempiin kokoihin, koska ne mukautuvat hyvin pienet koot ja repiminen isommissa.

    Serif tai sans-serif?

    Joten, mikä on vastaus kysymykseen?

    Voimme sanoa, että se on ilmeinen tie. Sans-serif- ja serif-fonttien valinta lopulta kaatuu tarkoitukseenne käyttää tekstiä. Jos muotoilemasi tekstin pitäisi pysyä lähes samassa koossa? Sitten haluat parempaa luettavuutta joka tekee serifistä paremman valinnan.

    Toisaalta, jos haluat tehdä teksti-osa reagoivasta verkkosivustosta, Sans-serif-fontin valitseminen saattaa olla viisaampaa, koska et halua, että teksti näyttää liian pieneltä lukemista varten.

    KUVA: GQ

    Katsokaa näitä GQ-lehti kattaa sekä serif- että sans-serif-fontit. Yleinen yksimielisyys on, että serif-fontteja käytetään virallisissa ja painetuissa materiaaleissa, Sans-serifiä käytetään pääasiassa verkossa. Mutta tässä tapauksessa molempia käytettiin, ja jos huomaat, että se on aina serifissä olevan kannen mallin nimi, mikä korostaa sitä.

    Joitakin viimeisiä sanoja

    Muista vain johdonmukaisuus on avain. Kirjasintasi valinnassa on otettava huomioon luomasi suunnittelun yleinen esteettisyys. Sinä pystyt sekoita ja sovi samanlaisia ​​kirjasimia, käännä niiden kokoa, jotta voit selvittää, mikä toimii. Muista kuitenkin, että teet tämän niin, että käyttäjä ymmärtää viestin ja muotoilu näyttää myös esteettiseltä.