Stiluri de tipărire pentru Web și Design de imprimare

Publicat: 2022-03-11

Marea majoritate a oamenilor sunt bombardați cu fonturi din momentul în care se trezesc dimineața și până în momentul în care se culcă noaptea. De la aplicațiile de pe telefoanele lor până la produsele de îngrijire din băile lor și până la semnele pe care le văd în naveta de dimineață, tipografia este peste tot. Dar câți oameni au observat vreodată cu adevărat stilurile de tipare de care sunt înconjurați în fiecare zi?

Chiar și designerii subapreciază fonturile și deseori iau decizii de tipare pe baza unei opinii vag, mai degrabă decât a unei înțelegeri obiective. Știu cei mai mulți designeri despre contextele industriale originale pentru care au fost concepute diverse fonturi? Ce înseamnă aceste contexte și istorii pentru a determina lizibilitatea, caracterul adecvat și utilizarea unui anumit tip de caractere? Indiferent în ce disciplină de design se lucrează – fie că este vorba de design vizual sau UX sau design tradițional de imprimare, fonturile sunt elemente esențiale pentru aproape fiecare parte de design produs.

Unele dintre cele mai influente fonturi de caractere utilizate astăzi sunt adesea trecute cu vederea în favoarea modelelor de caractere unice care sunt mai noi pe piață – și uneori pe bună dreptate. Fiecare dintre fonturile din acest articol are o vechime de zeci de ani, dacă nu de secole, și toate au fost concepute pentru contexte tehnologice diferite. Astfel, au existat multe alternative sau actualizări create de când au fost introduse. Chiar și unele dintre fonturile concepute inițial pentru ecrane au devenit depășite, deoarece afișajele și imprimantele devin de rezoluție mai mare și sunt capabile să afișeze cu precizie forme mai complexe.

Litere tip serif

Exemple de diferite tipuri de tip serif pentru tipografia web
Baskerville, Georgia, Garamond și Times New Roman sunt exemple populare de fonturi serif.

Înțelegerea diferenței dintre stilurile de tip serif și sans-serif este una dintre cele mai fundamentale reguli de tipare. Pentru mulți, acest lucru poate fi evident, dar serif-ul este traseul dat la sfârșitul liniilor principale orizontale și verticale ale unui caracter. Există multe subclase în serif-uri, inclusiv serif-uri, pană și plăci, care descriu toate calitățile vizuale ale serifului în sine.

Serif vs. sans fonturi, comparând diferite stiluri de font

În general, serif-urile au o istorie mai lungă decât san serif, deoarece acestea au fost primele fonturi folosite pentru tipărirea cărților după invenția presei Gutenberg. În esență, serif-urile permit o citire mai confortabilă în lung, deoarece serif-urile ghidează ușor ochiul de la un caracter la altul, făcând seriful ideal pentru lucrări tipărite de formă lungă. Din acest motiv, serif-urile sunt încă, în general, tiparele de bază pentru lucrări tipărite, cum ar fi cărțile sau rapoartele, deși nu este o regulă absolută. Fiecare tipare are propriile sale calități specifice și există unele tipuri de tip serif care nu sunt cu adevărat potrivite pentru bucăți mari de text (și unele fonturi sans-serif care sunt perfect lizibile și lizibile pentru lucrări de formă lungă).

Baskerville

Baskerville este unul dintre serifurile clasice care a rezistat testului timpului și este încă utilizat pe scară largă astăzi. Baskerville a fost proiectat într-o perioadă de tranziție între primele fețe tipărite (Bodoni și Didot) și fonturile din secolele al XIX-lea și al XX-lea care vor urma. Baskerville a reușit datorită formelor de litere cu contrast ridicat.

Designerul, John Baskerville, a fost un perfecționist intens și a creat astfel un font cu detalii frumoase. Tiparul putea fi imprimat numai pe propriile aparate pentru a se asigura că literele sunt transferate corect pe pagină. Această istorie este semnificativă, deoarece Baskerville a fost adaptat la diferitele medii în care lucrăm astăzi. Detaliile încorporate în fiecare formă de literă fac ca Baskerville să nu fie potrivit pentru medii cu rezoluție scăzută, inclusiv afișaje cu rezoluție scăzută sau imprimante proaste. Acestea fiind spuse, atunci când lui Baskerville i se oferă posibilitatea de a-și exprima calitatea, este un tip de liter serif excelent.

Un bun exemplu de tip de literă modern, digital pe care Baskerville l-a influențat puternic este tipul pe care Amazon l-a comandat pentru Kindle, Bookerly. Dacă sunteți în căutarea unei alternative la Baskerville care să-și păstreze bogăția veche de 200 de ani, în timp ce este actualizată pentru lizibilitate pe ecran, Bookerly ar putea fi o soluție bună. Alte alternative includ doamna Eaves și Plantin.

Times New Roman

Times New Roman, la fel ca multe fonturi utilizate pe scară largă care există de ceva vreme, este un tip de caractere polarizant care este iubit de mulți, dar detestat și de unii. Adesea, ceea ce oamenii fie iubesc, fie urăsc la TNR este același: neutralitatea sa apatică.

Matthew Butterick scrie „Times New Roman nu este o alegere de font atât de mult, cât absența unei alegeri de font, așa cum întunericul spațiului adânc nu este o culoare. A privi Times New Roman înseamnă a privi în vid.” Times New Roman se simte atât de simplu, în mare parte datorită ubicuității sale copleșitoare, ca urmare a expunerii sale din ziarul pentru care a fost conceput, Times of London.

Times New Roman a fost conceput pentru interesele comerciale ale ziarului, care trebuia să mențină lizibilitatea în timp ce înghesuia cât mai multe cuvinte într-o rând - și, prin urmare, pe pagină - cât mai mult posibil. Designerii au fost foarte public cu privire la utilizarea fontului cu ziare, deoarece este mai îngust și mai lizibil în coloane subțiri, dar nu este ideal pentru cărți cu lungimi de linii mai mari. Această eficiență a fost obținută prin creșterea înălțimii x și prin reducerea semnificativă a urmăririi sau a spațiului dintre caractere.

Datorită succesului tiparelor cu Times, Times New Roman a fost adoptat la scurt timp de majoritatea ziarelor americane, făcându-l astfel unul dintre cele mai răspândite fonturi. Din cauza acestei ubicuități, unii designeri sfătuiesc să nu folosească Times New Roman, deoarece poate da impresia de apatie sau ieftină. Alte fonturi în stil editorial pe care le-ați putea lua în considerare sunt Arnhem, Le Monde Journal sau Plantin.

Garamond

Garamond Antiqua este un tip de caractere purist în stil vechi, conceput de emblematicul taietor de pumni parizian Claude Garamond. Garamond a fost una dintre primele fețe concepute pentru setul de tipări, ceea ce înseamnă că era ideal pentru textele cu corpuri lungi ale celei mai noi nebunii a timpului său: romanele.

Ca o calitate inerentă a epocii în care a fost proiectat, Garamond oferă textului un sentiment de stil vechi. Cu toate acestea, serifurile sale rotunjite păstrează textul mai informal decât multe dintre omologii săi serif. Garamond a rămas un font prolific datorită formelor sale clare, permițând utilizatorilor să citească îndelung, fără a obosi. Corpurile mari ale personajelor și înălțimile X înalte creează mult spațiu în jurul fiecărei litere, făcând cuvintele perceptiv mai mari și, prin urmare, mai lizibile.

Deși mulți designeri ar argumenta pentru atemporalitatea lui Garamond, formele sale pur și simplu nu sunt ideale pentru tipografia web. Virtuțile lui Garamond în imprimare includ curbele sale moi care se amestecă de la un caracter la altul, făcându-l mai lizibil pentru perioade lungi de timp. Dezavantajul este că aceste curbe devin neclare la dimensiuni mai mici pe ecran, împiedicând lizibilitatea acestuia. Astfel, în ciuda numeroaselor recreări ale lui Garamond pe care le puteți găsi online, majoritatea designerilor de ecran cred că acesta a devenit învechit. Acestea fiind spuse, designerii EB Garamond încă gândesc altfel și încearcă să revitalizeze acest clasic în comunitatea open source.

Doriți designeri de interfață de utilizare independenți cu normă întreagă din SUA

Dacă căutați alternative la Garamond, verificați Sabon sau Minion.

Georgia

Poate ca răspuns la tipare precum eșecul lui Garamond pe ecran, Matthew Carter a fost comandat de Microsoft în anii 1990 să creeze un tip de liter special pentru lizibilitatea pe ecran. Și Georgia s-a născut.

Mulți cred că Georgiei îi lipsește calitatea neutră a altor serifi produse în masă, cum ar fi TNR, și oferă textului o calitate prietenoasă și fermecătoare. Astfel, isprava impresionantă de design a lui Carter este că a reușit să rezolve problema lizibilității pe ecran, păstrând în același timp caracterul atractiv al fețelor imprimate.

Povestea este că Carter a proiectat Georgia în timp ce lucra la o nouă versiune a fontului Scotch Roman din secolul al XIX-lea. Georgia păstrează multe dintre calitățile predecesorului său. Cu toate acestea, pentru a crea Georgia pentru ecran, Carter a făcut câteva modificări esențiale: creșterea înălțimii x, rotunjirea cifrelor și crearea de ușoare nealinieri pentru a menține simțul caracterului.

Deși Georgia este acum stabilită ca un clasic, este, de asemenea, considerată a avea o senzație mai modernă decât multe alte fonturi serif. Miller și Abril au o senzație similară și sunt alternative bune.

Fonturi sans-serif

Exemple de diferite fonturi sans-serif
Verdana, Gill Sans, Helvetica, Franklin Gothic și Futura sunt unele dintre cele mai frecvent utilizate fonturi sans-serif.

Deși unii ar putea susține că stilul de caractere sans-serif a apărut pentru prima dată în vremuri străvechi, ele nu au fost încorporate oficial în utilizarea pe scară largă și în societatea modernă până în secolul al XIX-lea. Pe măsură ce publicitatea, ziarele și mass-media au crescut, a fost nevoie de fonturi care să poată fi citite ca titluri clare de la distanță, precum și să fie reprezentative pentru o nouă eră a industriei.

Verdana

Verdana împărtășește o poveste similară cu verișoara sa, Georgia, deoarece ambele au fost proiectate de Matthew Carter pentru Microsoft în anii 90. Astfel, Verdana este un sans-serif conceput special pentru ecran. Similar cu multe fonturi care se străduiesc pentru claritate, Verdana are o înălțime x mare pentru a crește lizibilitatea. Verdana este denumită sans-serif umanist, ceea ce înseamnă că menține unele dintre calitățile și logica de design a fonturilor serif.

Cu toate acestea, Matthew Carter era conștient de spațiile potențial restrictive în care un text poate fi înghesuit pe ecran, astfel încât dimensiunile caracterelor lui Verdana sunt echilibrate suficient pentru a evita înghesuirea în aplicații sau platforme fără interfață stabilă. Având în vedere că Verdana a fost conceput pentru utilizare în anii 90, este deosebit de eficient încă pe dispozitivele cu rezoluție scăzută. Cu toate acestea, pe măsură ce ecranele devin mai calitative, punctele forte ale Verdanei se pierd și nu funcționează la fel de bine ca cândva.

Dacă folosiți Verdana în tipărire, spațierea sa largă îi conferă calitatea unui font de mașină de scris monospațiu. Această calitate face din Verdana o alegere proastă pentru corpuri mari de text imprimate. O alternativă pe care ați putea să o luați în considerare acum este Colfax. Designerii Colfax iau în considerare lipsa constrângerilor mecanice asupra designului tiparului de astăzi și au creat un font care este mai potrivit atât pentru afișajele de înaltă rezoluție, cât și pentru imprimarea cu jet de cerneală.

Gesta și PT Sans sunt ambele alternative bune la Verdana.

Franklin gotic

Franklin Gothic este un tip de caractere realist sans-serif care a fost creat inițial în 1902 de Morris Fuller Benton de la American Type Founders (ATF) și extins pentru a include mai multe greutăți în anii 1970 și 1990 de către ITC. Versiunile digitale ale fontului au fost create de Adobe, International Typeface Corporation (ITC), Monotype Imaging și URW.

Tipul original, despre care Benton a recunoscut că a fost conceput ca un omagiu adus lui Benjamin Franklin, era cel mai potrivit pentru titluri și utilizare comercială, mai degrabă decât blocurile lungi de text. Actualizările cu greutăți și stiluri suplimentare au extins de atunci opțiunile de utilizare.

Calitatea atemporală a lui Franklin Gothic îl face o alegere populară pentru multe instituții media încă, la mai bine de un secol după lansarea sa inițială. Revista Time și The New York Times îl folosesc ambele pentru diferite titluri, piese Scrabble în versiunile americane și canadiane ale jocului îl prezintă, iar versiunea condensată a fost folosită chiar și pentru crawl de deschidere în filmele Star Wars.

În timp ce Franklin Gothic este încă incredibil de popular, o alternativă populară este News Gothic, succesorul popular al lui Benton al originalului, cu o construcție mai îngustă și un contrast de contur mai mic. Alte alternative includ Trade Gothic, Benton Sans și Maple.

Futura

Futura, lansat în 1927, este rezultatul direct al unuia dintre primele fonturi geometrice sans-serif (spre deosebire de sans-serif umanist). Cel mai mare competitor al lui Futura, Erbar Grotesk (lansat în 1926), a fost proiectat la Bauhaus, extrem de influent, cu intenția de a comunica tot ceea ce școala simțea a fi modern la începutul secolului al XX-lea. Aceasta însemna că logica geometrică a eliminat orice urmă de ornament și a vizat logica pură în formele de litere create.

La fel ca Erbar Grotesk, Futura include forme de litere bazate pe forme geometrice, în primul rând cercul (deși și pătrate și triunghiuri în care cercurile nu erau adecvate). Include un contrast scăzut între liniile sale, cu litere mici înalte și caractere majuscule care împărtășesc proporții similare cu majusculele romane. Designerul său, Paul Renner, credea că fonturile moderne ar trebui să aibă sensibilități moderne, mai degrabă decât să fie pur și simplu reiterări ale modelelor anterioare.

Futura a cunoscut o mare faimă de-a lungul secolului al XX-lea, deoarece astronauții Apollo 11 au lăsat o placă pe lună în Futura; Volkswagen și multe alte mărci l-au adoptat; și câțiva regizori, printre care Stanley Kubrick și Wes Anderson, l-au reapropriat. Dacă apreciezi calitatea modernă a lui Futura, dar o găsești puțin suprautilizată, te gândești să încerci FF Super Grotesk, HK Grotesk (open source) sau Neuzeit.

Gill Sans

Monotype, aceeași turnătorie de tipografii care ne-a adus Times New Roman, l-a însărcinat pe polimat Eric Gill (un sculptor/compozitor/artist grafic) să producă un font pentru semnalizarea modernă din Londra. Gill Sans, spre deosebire de Futura, este un font umanist cu un stil mai puțin regimentat decât contemporanii săi germani. „R” este ușor evazat, iar „g” minuscul „ochelari” este aproape iconic. Calitatea naturală îndrăzneață a fontului funcționează bine pentru afișaje și titluri, dar greutățile mai ușoare lansate mai târziu sunt potrivite pentru textul corpului.

Stiluri de tipare și istoria tipografilor
Gill Sans se bazează pe „Alfabetul subteran” al lui Edward Johnston din 1916 și este fontul oficial al metroului londonez.

Istoria sa în metroul londonez, BBC și Biserica Angliei, plus calitatea sa modernă, dar umană, fac tipul de literă prin excelență britanic. Deși fontul este clasic în proporție, are niște erupții artistice care îl fac mai vesel decât omologul său auster german, DIN.

Acestea fiind spuse, multe dintre aceste erupții artistice l-au făcut pe Gill Sans nedorit de unii designeri grafici. Mai exact, literul mic „a” este adesea criticat pentru că este dezechilibrat și nu permite lizibilitatea.

Căutați alternative la Gill Sans? Verificați ITC Johnston sau P22 Underground.

Helvetica

Helvetica este singura fontă care și-a inspirat propriul film (2007). Este, fără îndoială, cel mai faimos/omniprezent font astăzi. Fontul a luat naștere dintr-o competiție larg răspândită în anii 50 pentru noile versiuni ale fonturilor Grotesk, foarte populare.

Fonturile Grotesk au evoluat treptat pentru a crește lizibilitatea. Cu toate acestea, nu toate fonturile au funcționat bine atât cu linotipurile de telefon, cât și cu cele mecanice. Mașina de linotip a cerut atât caracterele obișnuite, cât și cele italice să fie setate cu aceeași lățime, forțând astfel caracterele italice să pară prea largi și caracterele obișnuite să pară prea înguste.

Helvetica a fost proiectat special cu ajustări acute ale caracterelor pentru a menține frumusețea modernă și lizibilitatea fonturilor Grotesk, permițând în același timp designerilor beneficiile producției de masă. Lansat pentru prima dată la târgul comercial „Graphic 57”, fontul a devenit omniprezent în designul elvețian.

Alte fonturi care reprezintă alternative bune la Helvetica includ Maison Neue, Univers și Folio.

Fonturi monospațiate

Stilurile de caractere monospațiate au fost inițial concepute pentru mașina de scris. Principala calitate de înțeles despre această categorie de tipare este că mașina de scris necesita ca fiecare caracter să fie scris cu spațiere egală. Astfel, fiecare caracter este plasat într-o singură matrice de organizare într-un corp de text, în timp ce, adesea, alte fonturi variază în spațiere pentru a gestiona lizibilitatea.

În cele din urmă, în afara contextului mașinii de scris, există puține aplicații în care are sens să folosești fonturi monospațiate. Spațierea egală înseamnă că acestea sunt mai puțin eficiente și, în general, mai puțin lizibile. O excepție de la această regulă este în aplicațiile concepute pentru scrierea codului, unde spațierea egală poate ajuta de fapt lizibilitatea.

Câteva exemple dintre acestea sunt Courier, Consolas, Letter Gothic sau Source Code Pro (gratuit). Cu toate acestea, unii designeri pur și simplu nu pot nega estetica nostalgică; astfel, rămân populare.

Tipare de sistem

Fonturile de sistem sunt cele care vin cu dispozitivul sau programul dvs. Există diferite tipuri de tip de sistem pentru Mac, Windows și chiar produsele Adobe. Toate fonturile incluse în acest articol au cel puțin unele variante care sunt fonturi de sistem.

Există câteva dezavantaje în utilizarea fonturilor de sistem. Cel mai mare este că aceste fonturi sunt, în general, incredibil de supraexpuse. Deoarece sunt incluse pe computerul aproape tuturor, oamenii le văd zi de zi, atât în ​​design-uri bune, cât și în cele groaznice. Deși nu orice proiect tipografic trebuie să fie la limita originalității, este important să înțelegeți că, dacă marca pentru care proiectați trebuie să fie unică și originală, utilizarea unui font de sistem va submina adesea acest lucru.

Un alt dezavantaj major al folosirii fonturilor de sistem este că unele dintre ele pur și simplu nu sunt foarte bune. Arial îmi vine în minte...

În cele din urmă, multe fonturi de sistem sunt concepute special pentru a fi foarte lizibile pe ecran și este posibil să nu fie deosebit de lizibile în tipărire. Aceasta ar putea să nu fie o problemă pentru fiecare proiect pe care îl întreprinde un designer, dar este ceva ce ar trebui să fie reținut.

Alegerea unui tip de liter excelent pentru munca de proiectare

Atunci când proiectați pentru o anumită marcă, alegerea unui tip de tip profesional adecvat este o muncă critică pentru orice designer, mai ales când se consideră că licențele pentru anumite familii de fonturi pot depăși 1.000 USD.

Alegerea unei familii de fonturi care include o mare varietate de greutăți, lățimi și chiar și variații serif și sans-serif este o idee inteligentă pentru multe proiecte. Acest lucru le oferă designerilor o mulțime de opțiuni pentru orice proiect care poate veni în curs de dezvoltare pentru o anumită marcă și chiar permite actualizări ale garanției de marketing folosind fonturi „diferite” care nu sunt chiar atât de diferite (și, prin urmare, mai puțin probabil să tămâie consumatorii și fidelii mărcii). , așa cum sa întâmplat în multe reproiectări mari de la mărci importante). O familie de fonturi profunde poate fi asociată cu ea însăși cu ușurință și poate purta o varietate de personalități.

Când căutați un tip de liter pentru asocierea cu o bibliotecă de tipuri existentă pentru o utilizare mai generală în proiecte, concentrați-vă pe alegerea fonturilor cu caracteristici similare. Aceasta înseamnă luarea în considerare a tuturor calităților majusculelor și minusculelor, înălțimii x și geometriei formale. Site-uri precum Typewolf pot fi de neprețuit pentru a găsi fonturi care să se împerecheze cu opțiunile existente deja disponibile (precum și alternative excelente pentru acele momente în care un client spune că vrea ceva „ca” Helvetica, dar cu siguranță nu Helvetica).