Početna » Web dizajn » Tipografija 101 Serif vs. Sans-Serif

    Tipografija 101 Serif vs. Sans-Serif

    U fazi odabira fontova, dizajner se često pita, “u Serif ili Sans-Serif”? Odabir vrste fonta koristiti u dizajnu je od najveće važnosti kao što uvelike utječe čitljivost, korisničko iskustvo i cjelokupnu estetiku dizajna.

    Iako, bez obzira na to koliko iskustva imate s tipografijom, možete uvijek zaglavite u dilemi serif vs. sans-serif. Ja osobno mislim da je dobar izlaz iz nje gotov razumijevanje samih osnova serifa i sans-serifa, i to je upravo ono što ovaj članak želi učiniti.

    Pogledajmo sljedeći opis toga ističe glavne razlike između serif i sans-serif fontova za bolje razumijevanje njih dvoje.

    Odakle dolaze serifi?

    Serifi su male tanke linije pričvršćene za kraj udaraca u tipovima. Vjeruje se da potječu od latinske abecede, koju su Rimljani urezivali u kamen.

    Iako nema univerzalno prihvaćenog podrijetla toga ukrasni komad u tipografiji, vjeruje se da su Rimljani na kamen crtali slova s ​​obrisima, pa kad su kamenoresci slijedili tragove četkica, koje su se rasplamsale na krajevima, što je rezultiralo stvaranjem serifa.

    Što je sa sans-serifom?

    Sans-serif, s druge strane, doslovno znači "bez serifa". Bilo koji font koji je odsutan od tih visećih udaraca na kraju svakog ugla, može se smatrati sans-serif fontom.

    Znajući to, kako se može izboriti sa serifima ili sans-serifom utjecati na vaš dizajn? Evo nekoliko stvari koje treba uzeti u obzir:

    Čitljivost

    Čitljivost se često mjeri kao kako lako čitatelj može probaviti sadržaj. Naravno, kao što je vizija obično subjektivna, postoji mnogo faktora koji dolaze u igru, uključujući i razina interesa ili čitatelja te kako je uređen sadržaj u bloku ili prostoru koji je dan.

    Metoda "stare škole" prezentiranja teksta koristi se serifima iz nekog razloga. Jeste li ikada pomislili zašto većina novina za svoje sadržaje koristi serifske tipove? Jer se serifi lakše čitaju. Ove male dekorativne linije u svakom od likova vode vaše oči tekuće kako se krećete s linije na liniju i pridružite se slovima koja čine čitanje duljih tekstova manje oporezivanje za vaše oči.

    Razmaci između slova (budući da morate uzeti u obzir serifove kada je riječ o razmacima) također daje više prostora čitatelju da lako prepozna pisma jedni od drugih.

    Pogledajte dolje navedeni primjer i primijetit ćete da je serif fontovi olakšavaju čitanje oku jer stvara praznine između slova i riječi. To olakšava pomicanje oka s jedne riječi na drugu.

    S druge strane, serif font postaje teže za čitanje koristeći isti razmak. Razlog tome je što je razdvajanje svakog slova manje kao i vi ne morate stavljati serifove u obzir kada ga razmaknete.

    Čitljivost

    Čitljivost je kvaliteta i jasnoća slova. To se odnosi na fine detalje slova i bitno je jer pomaže čitatelju da razlikuje jedan lik od drugog. Ovaj razlikuje se od čitljivosti jer se potonji odnosi uglavnom na pristupanje sadržaju u cjelini.

    U slučaju slike iznad, mala slova L i ja za sans serif u Arial izgledaju prilično slično. Zamislite da upišete riječ “Ilinois”.

    Evo kako bih naglasio svoju točku.

    Međutim, važno je napomenuti da, ako je vaše tipografsko pismo nečitljivo, ono nikada ne može postati čitljivo. Ali postoji mnogo slučajeva čitljivih vrsta koje se mogu pojaviti nečitljive zbog kako su razmaknuti ili skalirani u odnosu na njihovu namjenu.

    Alex Poole je napisao dobro objašnjen članak uspoređujući fontove serif i sans-serif u pokušaju da sazna koji je čitljiviji.

    Prema njegovim riječima, postoji pet značajki koje treba imati na umu kada je riječ o čitljivosti:

    • Serif ili Sans-Serif
    • Veličina točke
    • X-visina
    • brojači
    • Ascenders i Descenders

    Poole je zaključio, temeljeći se na argumentima koji podupiru obje strane, da doista postoji nema razlike u čitljivosti kada je riječ o odabiru slova. Također je istaknuo da postoji mogućnost da serifi ili njihov nedostatak utječu na čitljivost ali razlika nije ni mjerljiva.

    Međutim, rekao je:

    Veća razlika u čitljivosti može se lako pronaći unutar članova obitelji iste vrste između serifa i sans serifa. Postoje i drugi čimbenici kao što su x-visina, veličina brojača, razmak između slova i širina crte koji su više značajni za čitljivost od prisutnosti ili odsutnosti serifa.

    Skaliranje i razlučivost

    Tekst u web dizajnu nije statičan. Može se razlikovati od zaslona do zaslona i mora biti prilagodljiv. Ovo je gotovo kako bi tekst i dalje bio čitljiv unatoč veličini zaslona.

    U ovom području, to je sigurno reći sans-serif pobjeđuje jer je fleksibilniji za skaliranje. Sans-serif fontovi su mnogo lakše dati naglasak i čitljivost u manjim rezolucijama jer preživljavaju razmazivanje zbog nedostatka detalja u njima.

    SLIKA: Vrijeme

    Ovdje je premijera primjer kako se serif loše koristi. Pogledajte donji paragraf na naslovnici Time Magazina gore i lako ćete primijetiti kako relativno teško je čitati, jer ne teče lako osobito s tom malom veličinom. Ali primijetite kako je učinak savršen dok je prešao u sans serif za “Jonathan Franzen”.

    Isto vrijedi i kada je sans-serif font raznesen. Skala slova zadržava svoj opći oblik i čini ga prepoznatljivijim. Dakle, kada je riječ o skaliranju, sans-serifi imaju tendenciju da se lako prilagode u bolje veličine jer se dobro prilagode razmazivanje u malim veličinama i kidanje u većim.

    Za serif ili sans-serif?

    Dakle, što je odgovor na pitanje?

    Pa, možemo reći da je to očita kravata. Odabir između sans-serif i serif fontova u konačnici se svodi na svrhu korištenja teksta. Ako je tekst koji ste styling trebali ostati na gotovo istoj veličini? Tada biste željeli bolju čitljivost što čini serif boljim izborom.

    S druge strane, ako želite napraviti tekstualni dio web-lokacije koja odgovara potrebama korisnika, tada bi odabir sans-serif fonta mogao biti mudriji jer ne želite da se vaš tekst čini premalim za čitanje.

    SLIKA: GQ

    Pogledajte ove GQ magazin pokriva koje koriste i serif i sans serif fontove. Opći je konsenzus da se serif fontovi koriste na formalnim i tiskanim materijalima, dok se sans serif uglavnom koristi na webu. No, u ovom slučaju, oba su korištena, i ako ćete primijetiti da je uvijek ime modela naslovnice koji je u serifu, time naglašavajući.

    Neke posljednje riječi

    Samo zapamti to dosljednost je ključ. Vaš izbor fonta mora ići s ukupnom estetikom dizajna koji stvarate. Možeš pomiješajte i usporedite slova koja su slična, prskajte ih promjenom veličine kako biste otkrili što radi. Međutim, zapamtite da to radite tako da korisnik bi razumio poruku i vaš dizajn također izgleda estetski.