S-a corectat vechiul articol despre tipografie, pentru cei care nu l-au văzut va fi util pentru familiarizare

Tipografie este unul dintre cele mai importante aspecte ale designului web, deoarece informațiile de bază sunt transmise cu ajutorul acesteia. Din păcate, mulți designeri și clienți se tem de experimente îndrăznețe, alegând unul sau două fonturi „dovedite” pentru proiectele lor.

Deci, acest articol este despre cei pierduți în oceanul tipografiei. Vom vorbi despre elementele de bază ale tipografiei, ce sunt fonturile și structura tipografiei.

Fonturi vs fonturi - care este diferența?

Mulți oameni folosesc cuvintele „font” și „font” în mod interschimbabil. De fapt, nu sunt același lucru, acum voi explica de ce.

Căști este un set de caractere asemănătoare stilistic care pot fi scrise/tipărite. Acestea sunt numere, litere, simboluri. Font este un concept mai restrâns, care este determinat de mai mulți factori, cum ar fi dimensiunea și stilul. Practic, Arial este un tip de literă, iar Arial Bold este un tip de literă.

Clasificare

Fonturile pot fi împărțite în mai multe grupuri - serif, sans-serif, script, display. Cu toate acestea, există și alte tipuri de clasificare.

Fonturi Serif, Antique (Serif)

Ele sunt numite astfel deoarece fiecare literă are serifi mici. Atunci când tipăriți blocuri mari de text în design web, acestea nu sunt recomandate, deoarece sunt greu de citit. Aceste fonturi sunt de obicei folosite pentru titluri.

Fonturile Serif au destul de multe subtipuri - de exemplu, Stil vechi(„Stil vechi” - sunt numiți și umaniști, serif umanist) sunt primele fonturi ale acestei clasificări, au fost folosite încă din anii 1400. Trăsătura lor distinctivă este că partea simbolului care este situată într-un unghi este subțire. Exemple de fonturi sunt Adobe Jenson, Centaur și Goudy Old Style.

Serif de tranziție- folosit în anii 1700. Acestea includ fonturi precum Times New Roman și Baskerville, precum și Caslon, Georgia și Bookman. Au o diferență mai vizibilă între părțile groase și subțiri ale literelor decât Old Style, dar mai puțin vizibilă decât Modern.

Serif modern (stil nou antic)- folosit după anii 1700 și au un contrast puternic între părțile groase și subțiri ale personajelor. Acestea includ fonturi precum Didot și Bodoni

Și, în sfârșit , Serif din plăci- au in general aceeasi grosime a tuturor liniilor, si serif mari la capete

Fonturi Serif, Sans Serif

Fonturile serif sunt astfel numite deoarece nu au serif.) Ele arată mai moderne și au fost folosite pentru prima dată în secolul al XVIII-lea.

Iată cele 4 tipuri principale de fonturi serif: Grotesc, neo-grotesc, umanist și geometric.
Grotescuri vechi- chiar primul, sunt similare cu fonturile serif, dar sans serif.
De exemplu Franklin Gothic și Akzidenze

Grotescuri noi au un aspect simplificat în comparație cu vechile groteschi. Multe dintre cele mai populare fonturi de astăzi sunt noi sans serif, cum ar fi MS Sans Serif, Arial, Helvetica și Univers.

umaniștii- sunt mai caligrafice decât toate celelalte fonturi serif (adică se modifică grosimea liniei). Acestea includ, de exemplu, Gill Sans, Frutiger, Tahoma, Verdana, Optima și Lucide Grande - sunt adesea folosite pentru a umple corpul unui site.

Geometric se bazează pe cifre corecte, de exemplu, „O” este un cerc etc.; sunt considerate cele mai moderne fonturi serif. Exemple sunt ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Scris de mână (script)

Fonturile scrise de mână se bazează pe scrisul de mână. Există două tipuri de astfel de fonturi - formale și casual. Cele formale par a fi scrise de mână, vin din secolele al XVII-lea și al XVIII-lea. Unele fonturi se bazează pe scrierile de mână ale unor maeștri celebri precum George Snell și George Bickham. Kuenstler Script este un exemplu de fonturi moderne. Frumos și elegant, nu se potrivește cu corpul paginii.

Fonturile Kezhl sunt o versiune mai modernă, având originea în secolul al XX-lea. Este mai puțin formală, adesea cu mișcări îndrăznețe și efecte de pensulă. Aceste fonturi includ Mistral și Brush Script.

Afișează fonturi

Categoria fonturilor de afișare include acele fonturi care, în general, nu sunt potrivite pentru scrierea textului. Cel mai adesea ele servesc ca accent. Ele sunt de obicei folosite în industria tipografică, deși încep să-și găsească drumul pe paginile de internet. Printre afișaje puteți găsi, de exemplu, blackletter - fonturile originale ale primelor prese de tipar.

Fonturi non-alfabetice (Dingbats)

Fonturi non-alfabetice sunt acele fonturi care nu contin deloc litere, dar contin simboluri si ornamente.

Proporțional versus monospațiat

În fonturile proporționale, un simbol ocupă atât de mult spațiu cât necesită ortografia lui naturală. De exemplu, Times New Roman este un font proporțional. Dar pentru fonturile monospațiate, toate caracterele au aceeași lățime. Astfel de fonturi includ, de exemplu, Courier New

Dispozitie

Starea de spirit a unui font influențează foarte mult dacă este adecvat să-l folosești într-o situație dată. Contrastele sunt adesea folosite - stilul de afaceri este combinat cu informal, ușor cu dramatic. De exemplu, Times New Roman este un tip de caractere strict și acesta este ceea ce este atât de des folosit pentru corespondența de afaceri. Dar, de exemplu, Helvetica își schimbă în general starea de spirit în funcție de fonturile din jur.

Grosimea si stilul

Există fonturi după grosime: ușor, subțire, obișnuit, mediu, îndrăzneț, greu sau negru.

Există trei stiluri de font - italic, oblic și majuscule mici. Majusculele mici sunt utilizate în mod obișnuit pentru titluri.

Italic și oblic sunt interschimbabile, deși sunt stiluri diferite. Oblique este o versiune oblică a fonturilor obișnuite. Pentru a-l obține, trebuie doar să utilizați funcția Free Transform-distort din Photoshop. Dar Italic este deja un set separat de caractere care este responsabil pentru versiunea oblică a fontului.

Structura fontului

Fiecare caracter are un set de caracteristici care pot fi folosite pentru a determina cum funcționează cu alte fonturi. Iată pe cele principale:

De bază- o linie imaginară pe care se află textul. Uneori, fonturile rotunjite sunt ușor decalate față de linia fontului.

Linie mică (linie medie) denotă înălțimea majorității literelor mici, de obicei determinată de înălțimea literei „x”. De aici vine conceptul de înălțime x.

Capac- înălțime majusculă"A".

Imaginea de mai sus arată trei părți comune ale tuturor literelor.

Cursa principală, tulpină (tulpină)- verticala principală a fiecărui simbol, inclusiv cea oblică.

Bară transversală (bară)- partea orizontală a fontului

Oval (castron)- partea rotunjită a fontului.

Telecomanda de sus (Ascender)- partea de litere precum „d”, „h” și „b” care se lipește în sus.

Descendent- partea care iese din litere precum „p”, „q” și „f”

Serifuri- un semn distinctiv al fonturilor serif). În unele fonturi, acestea sunt mai pronunțate, în timp ce în altele, sunt mai puțin pronunțate.

Deschidere- indică decalajul la caracterele deschise, cum ar fi „A”, „c” sau „m”

Ureche este un plus decorativ pentru un personaj, ca în exemplul de mai sus.

Cursa de conectare (linia părului) este cea mai subțire parte a unui tip serif.

Bară transversală - linie orizontală precum în literele „A” și „H”.

Drop (Terminal)- capătul rotund sau oval (în formă de picătură) al cursei în desenul unor caractere din font.

Buclă apare numai pe unele litere mici „g” și poate fi închis complet sau parțial închis.

Pinten- o crestătură mică pe unele litere, cum ar fi „G”.

Legătură conectează partea de sus și de jos a literei „g”.

Coloana vertebrală- curba centrală pe care o are litera „s”.

Coada literei (Coada)- linie decorativă, de exemplu, pe litera „R” sau „Q”.

Element de capăt (terminal, terminal)- capăt de cursă non-serif

Umăr- o linie rotunjită care pleacă de la cursa principală. (ca să fiu sincer, multe site-uri rusești oferă o definiție complet diferită a acestui concept)

Odată cu apariția lui calculatoare personaleși primele sisteme de desktop publishing, tipografia a suferit o schimbare tectonă, ale cărei consecințe abia acum devin vizibile. Aceasta este departe de a fi prima schimbare majoră în tipografie și au existat altele. Este suficient să ne amintim de vremea când mașinile lumii industriale au triumfat asupra artizanilor. Producția de masă și profitul sunt mai importante decât frumusețea tipului. Cantitatea a contat mai mult decât calitatea.

Marii maeștri au încetat să mai creeze fonturi noi - cele care existau deja erau potrivite pentru tipărirea cărților. Meșterii, oricât de profesioniști ar fi, au rămas inactiv și au devenit parte a procesului tehnologic.

Cu toate acestea, victoria industrialismului nu a însemnat că marii maeștri au dispărut odată cu apariția tipografiei. Aceste două lumi au continuat să existe independent una de cealaltă - tipografii au recunoscut talentul artizanilor și, la rândul lor, au înțeles că progresul nu poate fi oprit. Aceasta a fost a doua schimbare a tipografiei, în urma căreia și-a pierdut o parte din „sufletul” sau, dacă pot spune așa, umanitatea. Dar pentru a înțelege ce s-a întâmplat foarte recent, trebuie să călătorești înapoi în timp acum 500 de ani și să afli cum a început totul.

PRIMA TRANZIȚIE

Primul conflict între nou și vechi a apărut după inventarea primei tiparnițe. Creatorul său, Johannes Gutenberg, ar putea folosi aparatul pentru a crea o mare varietate de compoziții, imprimând în același timp la viteze de până la 240 de pagini pe oră. A fost o revoluție.

Înainte de asta, toate cărțile erau create în întregime manual. Tomele din trecut erau scrise de mână și decorate cu modele și ornamente complicate. Procesul de copiere a fost foarte lung, dar ca urmare, orice carte, chiar și o copie, era o operă de artă.

Desigur, primele cărți tipărite nu puteau fi comparate cu cele scrise de mână. Nu erau foarte frumoase, dar erau mai mici și mai ieftine. Și cel mai important: capacitatea de a înlocui caractere individuale și familii întregi de fonturi a făcut posibilă tipărirea cărților nu numai în latină, ci și în alte limbi europene.

Oamenii au salutat aceste schimbări. Aveau nevoie de cărți într-o limbă pe care să o înțeleagă și de cărți pe care să le ia cu ei. Aveau sete de cunoaștere și cărțile tipărite le potoleau.

Cu toate acestea, ca urmare a primei tranziții, cartea și-a pierdut o mare parte din umanitatea sa. Mașinile au preluat procesul principal, dar meșterii erau încă la căutare. Fiecare literă a fost tăiată manual, iar designul și ilustrațiile au fost create tot de oameni. Cu toate acestea, va trece foarte puțin timp și abilitatea va începe să părăsească procesul de producție a cărții.

ERA DIGITALA

Prima trecere a distrus cărțile scrise de mână. Industrializarea a lipsit în cele din urmă de pecetea umanității, totul s-a mecanizat și artizanii au rămas fără muncă. Dar a treia tranziție a încheiat în sfârșit tipografia ca artă. Majoritatea fonturilor din zilele noastre sunt surprinzător de lipsite de caracteristici. Sunt doar o grămadă de fonturi pe computer. Aproape nimeni nu știe istoria acestui sau aceluia font. Nimănui nu-i pasă înainte. Derulăm prin sute de fonturi într-un minut căutând un font potrivit și orice altceva nu este atât de important.

_______________________

„În lumea noastră extrem de computerizată, proliferarea tipurilor și varietatea variațiilor sale reprezintă un nou nivel de poluare vizuală care amenință direct cultura noastră”, spune designerul Massimo Vignelli. „Din miile de fonturi, avem nevoie doar de câteva de bază, pentru că restul sunt doar gunoi”.
_______________________

În unele privințe, are dreptate. Tipografia nu este doar fonturi. Nu este numai litere frumoase, este altceva, ceva care ne face să simțim. Practic, tipografia este un mesaj. Potrivit celebrului tipograf rus Lazar Lissitzky, tipografia ar trebui să transmită optic cititorului aceeași idee pe care vorbitorul o voce cu vocea sa. ”

Cu mult timp în urmă, nimeni nu scrie cu stiloul pe pergament. Au dispărut hârtia aspră care miroase a cerneală. Piața de imprimare lucioasă a scăzut la proporții microscopice. Astăzi citim texte care nu au fost tipărite, ci dactilografiate, și nu le-am citit deloc pe hârtie. Și, se pare, o altă tranziție așteaptă tipografia. Ce va fi, nimeni nu știe, dar, cel mai probabil, în urma hârtiei, afișajele cu care ne-am obișnuit vor deveni învechite. Este greu de spus când va avea loc o nouă revoluție, dar cu siguranță va avea loc o nouă tranziție.

Cel mai trist lucru în toate acestea este că oamenii și-au pierdut o parte din ei înșiși în căutarea perfecțiunii. Practic, nimeni nu are nevoie de priceperea caligrafiei astăzi. Este nevoie de mult timp, necesită îngrijire și perseverență. Acest lucru nu are sens astăzi - există căști pentru toate gusturile. Alegem fonturi precum zombi: nume, dimensiune, stil... Mesaj? Mesaj? Nu există niciun mesaj în spatele fonturilor computerului, nici istoric, nimic.

NOSTALGIA TRECUTULUI

Astăzi, mulți designeri simt nevoia de noi fonturi care să ofere textului personalitatea atât de necesară. Există multe modalități de a lucra cu tipografia, fiecare având același scop de a se îndepărta de caracterul fără chip al fonturilor digitale. Se folosește totul - contrastul de culoare, iluzia volumului, spațiul negativ, într-un cuvânt, tot ceea ce poate transforma un font standard într-unul puțin mai puțin standard.

Și în acest sens, putem remarca trei tendințe care câștigă putere, care demonstrează dorința designerilor de a reda autenticitatea pierdută fonturilor. Există doar trei tendințe principale în tipografie, dar ele sunt greu de ratat, deoarece apar literalmente peste tot. Vorbim despre stiluri precum retro, acuarelă și șepci.

VINTAGE GRANGE PRINTING

Una dintre cele mai comune probleme de design este problema cu.

În acest articol, vă vom împărtăși câteva principii ale unei bune tipografii și vă vom oferi sfaturi despre cum să evitați multe greșeli comune.

Articolul nu este o carte despre tipografie sau arta tipografiei, este mai degrabă „ sfaturi rapide pentru a îmbunătăți baza fontului de design”.

Regula 1. Cu cât fonturile sunt mai mici, cu atât mai bine

Una dintre cele mai mari greșeli pe care le fac designerii este aceea de a folosi un numar mare fonturile și/sau stilurile acestora. Încercați să le reduceți la două sau trei. Adică, textul principal ar trebui să aibă același font și dimensiune.

Alegeți unul pentru titluri și rămâneți cu el, poate ca ultimă soluție, altul pentru subtitluri. Nu vă fie teamă dacă fonturile sunt foarte diferite unele de altele. Când utilizați două fonturi foarte asemănătoare în designul dvs., cititorul s-ar putea gândi că tocmai ați făcut o greșeală și ați ales din greșeală fontul greșit când ați tastat.

Aveți grijă de consistența culorii, densitatea etc. sau textul tău va arăta ca muștele beate împrăștiate pe toată pagina.

Regula 2. Ai grijă la descărcare

Aveți grijă să nu depășiți literele. Dacă aveți probleme cu lipsa spațiului pentru text, atunci este mai bine să reduceți fontul. Da, probabil că va adăuga spațiu între paragrafe, dar nu este nimic în neregulă cu asta, va oferi puțin spațiu de respirație când citești.

Regula 3. Alinierea corectă

Vă rugăm să nu centrați totul (cu excepția cazului în care aceasta este o mișcare specială de design). Luați în considerare utilizarea unei grile. La urma urmei, totul de pe pagină este interconectat. Folosiți ghiduri și plasați obiectele în conformitate cu acestea. Nu împrăștiați obiecte în colțurile paginii ca și cum nu ați putea decide unde să le plasați.

Regula 4. Fonturi mai puțin decorative

Ai fonturi decorative frumoase? Minunat! Dar asta nu înseamnă deloc că este necesar să le folosești pentru textul paragrafelor. În spatele fonturilor decorative, cel mai adesea există o poveste sau sunt folosite într-un caz specific, de exemplu, pentru un titlu sau un titlu. De multe ori, cu cât este mai simplu, cu atât mai bine, motiv pentru care fonturile precum Helvetica sunt atât de populare.

Regula 5. Mărimea contează

Este vorba despre dimensiunea literelor textului;). Titlurile sunt bune atunci când sunt tastate cu aldine și mari, dar dacă utilizați litere prea mari în corpul textului, va fi mai ieftin. Gandeste-te la asta. Te duci la un restaurant bun și de multe ori se întâmplă să fie scris meniul litere mici, arata misto. (Asigurați-vă doar că fontul nu este suficient de mic pentru a fi greu de citit.) Nu vă fie teamă să vă faceți titlurile mult mai mari decât copierea corporală.

Regula 6. Atenție la lizibilitate

Tot ceea ce faci este făcut astfel încât să poată fi citit. Text întunecat activat fundal întunecat- asta nu este foarte bună idee... Mai rău, plasarea unui text mic peste o fotografie cu contrast ridicat. Nu uitați să evitați să plasați text peste orice.

Regula 7. Alegeți culorile potrivite

Ce culoare este cea mai bună pentru font? În general, crezi sau nu, alb sau negru este adesea cel mai bun. Dacă utilizați o altă culoare decât diferite nuanțe de gri, reduceți saturația. Tipurile viu colorate pot fi dificil de citit. Atenție la combinațiile complexe de vibrații precum roșu pe verde.

Regula 8. Gruparea adecvată

Informațiile înrudite sunt cel mai bine grupate. Acest lucru va face designul mai clar. De exemplu: uitați-vă la un poster de film, toate datele sunt grupate în blocuri atractive. Ele pot fi văzute acum ca element separat proiecta. Exemple de grupare greșită - deschideți paginile galbene.

Regula 9. Conducere suficientă

Aceasta este distanța dintre liniile de text. Este foarte important să alegeți intervalul potrivit. Este mult mai plăcut de citit când există loc pentru a odihni ochii între rânduri. Ca regulă generală, încercați să utilizați interioare cu cel puțin 2 puncte mai mare decât dimensiunea fontului. De exemplu: pentru o lizibilitate maximă la 10 pt, fontul trebuie setat la cel puțin 12 pt.

Regula 10. Ai grijă la kerning

Kerningul este distanța dintre caracterele individuale dintr-un cuvânt. Este important să aveți experiență în detectarea creării proaste, deoarece de multe ori programele, cum ar fi Photoshop, fac greșeli în plasarea acestuia. Acest lucru va trebui ajustat manual, dar principalul lucru este să nu exagerați. Dacă nu vă place spațierea dintre caractere, dar nu sunteți sigur cum să o îmbunătățiți, alegeți un font diferit.

Încercați aceste reguli când lucrați cu tip. Blocurile de tip bine concepute ar trebui să arate bine fără imagini. În cel mai bun caz, tipul dvs. de lucru întărește o experiență pozitivă de design. Ar trebui să fie atractiv și ușor de citit.