1. Nu folosi fonturi de lux
Dacă nu aveți suficientă experiență și cunoștințe, nici măcar nu încercați să utilizați fonturi neobișnuite, de lux. Nu te complica.
2. Uită de Comic Sans
Imaginează-ți că nu l-ai văzut deloc.
3. Nu evita fonturile standard, implicite
Serios, dacă cineva vă spune că fonturile standard sunt plictisitoare, pur și simplu nu înțelege tipografia. Cum va arăta fontul depinde de modul în care este tastat. Times New Roman poate arăta foarte bine. Și cel mai important: este mai bine ca textul să fie plictisitor decât urât sau imposibil de citit.
OmegaTransFer / DepositphotosAmestecarea fonturilor
4. Nu utilizați mai mult de două fonturi în același timp
Nu merită să experimentați cu un număr mare de fonturi în etapa inițială. Doi este suficient. Nu vrei să transformi textul în prostii diverse, nu-i așa?
5. Amestecați doar fonturi contrastante
Serif sans serif, scris de mână cu art nouveau. Este important să mențineți contrastul. Două fonturi similare unul lângă celălalt par neglijent.
6. Alegeți fonturi cu înălțimi uniforme de litere
Înălțimea literelor mici fără descendenți este distanța de la bază până la linia de sus a fontului, cu alte cuvinte, valoarea punctului literelor mici. Când alegeți fonturile pe care doriți să le utilizați împreună, trebuie să vă asigurați că înălțimea literelor mici este aceeași. Acest lucru va ajuta la menținerea aceluiași nivel de saturație a paragrafului. În plus, un astfel de text va fi mai ușor de citit.
Tastarea textului
7. Dimensiunea fontului
Dimensiunea textului de pe web nu trebuie să fie mai mică de 13 pixeli. În opinia mea, cea mai bună alegere este între 14-18 px. Nu prea mare și în același timp ușor de citit.
8. Alegeți lungimea corectă a liniei
Nu credeți discuția că puteți obține lungimea corectă a liniei înmulțind dimensiunea fontului cu două. Asta e o prostie. Încercați doar să păstrați lungimea liniei între 45-75 de caractere. GOST pentru publicațiile tipărite recomandă o lungime de 60 de caractere, dar acesta, desigur, este un ideal dificil de realizat pe web. Și totuși merită să te străduiești. Folosește-ți ochiul pentru a vedea dacă o linie este prea lungă sau prea scurtă.
9. Liderele trebuie să se potrivească cu dimensiunea fontului
Pentru a obține un echilibru între text și aer, faceți distanța dintre rânduri de aproximativ o dată și jumătate față de înălțimea literelor mici. Există o altă metodă mai simplă: setați primarul la 125% din dimensiunea fontului.
Paragraf
10. Aliniați la stânga
Dacă nu sunteți sigur ce justificare să alegeți, alegeți justificarea din stânga: opțiunile „Dreapta” și „Justificat” de pe web rareori dau roade. Nu este nimic în neregulă cu o margine zimțată. Textul orientat spre stânga este mai ușor de citit deoarece ochiul vede un final vizual clar pentru fiecare rând. Dar în rusă un astfel de text este convenabil de citit dacă rândul nu este prea lung. Prin urmare, dacă șirul dvs. are mai mult de 60 de caractere, încercați să dezactivați tastarea. Amintiți-vă doar să tăiați cu silabe și să verificați dacă totul arată bine: mai multe cratime la rând vor îngreuna cu siguranță citirea.
11. Evitați prea multe cratime
În general, separarea prin silabe pe web ar trebui evitată ori de câte ori este posibil. Încercați să mutați cuvântul pe o linie nouă sau să schimbați ușor spațierea dintre litere. Dacă există prea multe cratime, modificați dimensiunea fontului sau spațierea. Și atunci când comutați la stânga, nu folosiți deloc împachetarea cuvintelor.
12. Fără indentare
Nu indentați primul paragraf din titlu. Dacă întrerupeți paragrafele cu linii goale, nu utilizați indentări de paragraf. Este redundantă și fără gust. Pe de altă parte, textul fără liniuțe sau spații va fi mai greu de perceput. În general, alegeți una dintre metode: fie o linie roșie, fie un distanțier - și utilizați-o pe tot textul.
13. Coloană îngustă
Dacă trebuie să tastați o coloană mică de text, încercați să utilizați un font îngust. În acest fel, textul nu numai că va arăta mai bine, dar va fi și mai ușor de citit, deoarece mai multe caractere se vor potrivi în rând.
14. Agățarea punctuației
Ar trebui să plasați ghilimele, paranteze, cratime, puncte și virgule în afara liniei de tastare. Acest lucru arată întotdeauna elegant și ajută la menținerea paragrafului în formă adecvată.
15. „Văduve” și „orfani”
Vorbim despre linii suspendate. „Văduvă” este un cuvânt pe un rând întreg la sfârșitul unui paragraf sau un rând foarte scurt la sfârșitul unui text sau al unei pagini. Un „orfan” este o linie suspendată care se termină la începutul unei noi pagini sau coloane. Ele trebuie evitate. Încercați să reduceți spațierea dintre litere, să mutați liniile sau să ajustați dimensiunea fontului - în general, nu lăsați „văduvele” și „orfanii” să se strecoare în text.
16. Nu abuzați de spații
Pentru a începe o nouă linie, apăsați Shift+Enter. Pentru a începe un nou paragraf, apăsați Enter. Este atat de simplu.
Cuvinte
17. Kerning
Dacă sunteți un designer fără experiență și nu aveți un ochi pentru cele mai mici detalii, nu introduceți textul manual.
18. Urmărire
Rețineți: atunci când măriți dimensiunea fontului, spațiul dintre caractere crește și el. Prin urmare, dacă setați un titlu mare în text, vă sfătuim să ajustați proporțional distanța dintre caractere și cuvinte.
19. Repere în text
Puteți evidenția o idee sau un cuvânt important căruia trebuie să îi acordați atenție într-o varietate de moduri. Nu exagera cu ele. Nu ar trebui să evidențiați o propoziție întreagă doar cu majuscule - un începător nu poate face întotdeauna acest lucru în mod corespunzător. Folosește doar stilul de font aldine.
20. Litere mici fără spațiu
Nu ar trebui să măriți spațiul dintre litere mici. Motivul este simplu: lizibilitatea este redusă.
21. Capitalele cu spațiu
Măriți spațiul dintre majuscule. În acest caz, lizibilitatea crește. Creșterea spațiului pentru litere cu 10% funcționează de obicei bine.
22. Nu scrie totul cu majuscule.
Nu folosiți în exces scrierea cu majuscule. Lungimea unui astfel de set nu trebuie să depășească o linie.
23. Nu folosi majuscule mici inutil
Dacă un font nu include un stil special de majuscule mici, nu-l utilizați deloc.
Scrisori
24. Nu modificați lățimea literelor
Doar nu o face. Vă rog.
Tipografie– procesul și arta dezvoltării arhitecturii de comunicare; modelarea, proiectarea grafică a materialului prin tastare și layout, pe baza unor reguli specifice unui anumit limbaj.
Tipografie este arta de a oferi informații textuale, transformând textul în design grafic, baza designului grafic.
Termenul tipografie provine din grecescul τύπος - amprentă + γράφω - scriu) - arta de a proiecta text tipărit.
Tipografie este, pe de o parte, un set de reguli care determină utilizarea fonturilor și a instrumentelor de design, pe de altă parte, arta designului grafic.
Scopul tipografiei– simplificarea comunicării cu publicul, îmbunătățirea percepției informațiilor transmise.
Sarcini de tipografie, cea mai creativă etapă a designului textului, sugerează:
- determinarea parametrilor pentru procesele ulterioare de dactilografiere, layout si pregatire pre-presa;
- facilitarea transferului de emoții, stări, atitudini intenționate de autor, implicarea în lectură și studiu;
- modelarea tipului și formei de contact dintre public și obiectul creativității autorului și designerului;
- face textul cât mai optim și clar posibil, maximizând lizibilitatea textului;
- face textul interesant în percepția cititorului, spectaculos, armonios în structura generală a comunicării.
Tipografia în marketing– un instrument și mijloace care asigură o mai bună comunicare cu publicul țintă. Tipografia determină formatul general al materialului de marketing final:
- proporții, format cadran, aspect margine;
- parametrii fontului: dimensiunea, spațierea dintre cuvinte și linii;
- dimensiunile, locația și măsura „greutății” vizuale a ilustrațiilor.
Imprimanta– un specialist angajat în activități topografice: redactor artistic și tehnic, grafician și artist, caligraf și tip designer, grafician - toți cei care într-un fel sau altul întâlnesc tipografia. Un tipograf în marketing este un intermediar între proprietarul, producătorul unui produs, dezvoltatorul comunicațiilor sale publicitare și publicul țintă.
Istoria tipografieiîncepe la mijlocul secolului al XV-lea, când s-au format primele fundamente ale tipografiei: s-a folosit lizibilul „Antiqua”; Se introduce principiul indentării uniforme și al indentării alfabetice. În secolul al XVI-lea, conceptul de „italice” a fost introdus în tipografie. În secolul al XVII-lea, tipografia și-a schimbat sarcinile pentru a crea cărți pentru o gamă largă de cititori - formatul cărților a fost redus, fonturile au fost modificate, un rol deosebit i-a revenit lui J. Baskerville, care a abandonat utilizarea ornamentului în favoarea tipografie, bazată exclusiv pe tipografie.
Cum să faci textul mai lizibil? Cum se selectează perechile de fonturi? Ce font să alegi pentru afaceri și să nu greșești? Răspundeți la acestea și la alte întrebări importante în ghidul de tipografie al Skillbox.
O sursă de informații este textul. Pentru a atrage atenția cititorului și pentru a distinge materialul de alții, ei încearcă să-l proiecteze frumos și să îl facă ușor de înțeles. Direcția care conține reguli despre aranjarea textului, alegerea fonturilor și a dimensiunilor se numește tipografie.
Pentru a face textul ușor de citit și pentru a alege fontul potrivit, trebuie să știți în ce constă tipografia și ce fonturi pot fi folosite pe site.
Ce este tipografia
Tipografia este proiectarea compoziției textului. Este plasat pe hârtie sau ecran, indentările și spațierea sunt ajustate, iar fontul este selectat. Materialul bine conceput pare concis și plăcut. Este ușor de citit și se simte armonios.
De unde să obțineți fonturi
Puteți găsi fonturi gratuite și plătite pe Internet. Ambele fonturi pot fi folosite pe site.
Gratuit
O bibliotecă mare de fonturi de calitate se numește Fonturi Google. Este ușor să selectați un font în funcție de parametrii necesari: selectați doar chirilic, căutați un serif sau sans serif. Din Google Fonts le puteți descărca sau le puteți conecta direct la site.
Deseori designerii își desenează fonturile și
Să ne dăm seama ce este tipografia și pentru ce este folosită.
Tipografie este proiectarea grafică a textului tipărit prin tastare și layout folosind norme și reguli specifice unui anumit limbaj. Cu alte cuvinte, tipografia este atât o artă, cât și un meșteșug, și un set de reguli care folosesc fonturi și instrumente de design pentru a atinge un singur obiectiv - a face text cel mai optimîn percepţia cititorului.
Designul tipografic al textului, iar în acest caz vorbim despre acest fenomen pe Internet, are trei limitări importante:
Contextul de utilizare text. În funcție de faptul că designul este pentru o listă de reclame, un afiș sau un articol de revistă, ar trebui utilizate diferite mijloace de exprimare în consecință.
Instrumente disponibile. Tipul de text pe care îl creați va varia dramatic, indiferent dacă instrumentele dvs. sunt ulei și pânză, hârtie grea și stilou, hârtie subțire și o presă de tipărit sau un ecran de computer și diferite browsere pe diferite sisteme de operare.
Instrumentele tipografice și mediile variază, dar scopul este întotdeauna același
Tipografia ecranului, adică designul textului pentru citire pe monitorul unui computer, depinde într-o măsură mai mare de al treilea limitator. Robert Bringhurst, în cartea sa The Basics of Style in Typography, scrie:
„Întotdeauna există excepții, întotdeauna este loc pentru trucuri și surprize. Dar probabil că putem fi de acord că, de regulă, tipografia ar trebui să ofere cititorului următoarele servicii:
- invită cititorul în text;
- identificarea continutului si sensului textului;
— clarificați structura și succesiunea textului;
— conectați textul cu alte elemente ale publicației;
— pentru a aduce cititorul într-o stare de calm bogat în energie, care este ideală pentru lectură.”
Singurul lucru pe care respectatul autor uită să-l menționeze este că nicio cantitate de tipografie nu te poate salva dacă textul în sine este scris extrem de prost. Cu toate acestea, textele de pe Internet respectă aceste legi, dar spre deosebire de carte sau revistă, ele au propriile lor caracteristici. În funcție de browsere și sisteme de operare, cititorul final poate experimenta diferite:
- fonturi instalate;
- browsere. Și obținerea aceluiași design și afișare a textului în browsere diferite nu este întotdeauna ușoară. De exemplu, în Apple Safari, netezirea textului este instalată implicit, ceea ce îi schimbă semnificativ percepția Firefox, Opera și IE nu au această funcție, cel puțin nu în mod implicit;
- rezoluția monitorului și alți parametri precum luminozitatea, tipul monitorului, calibrarea etc., etc.
Din aceste motive, vorbirea despre reguli stricte de tipografie pe Internet devine destul de dificilă. Cu toate acestea, puteți și ar trebui să urmați câteva principii generale care sunt practic independente de instrumente.
 |
Nu există reguli imuabile în tipografie, ca în gramatica limbii ruse. Toate „regulile” sunt doar atât experiența formalizată a mii de tipografi, reflectând cele mai bune practici și tradiții. Acestea din urmă, de altfel, reflectă obiceiurile cititorilor în ceea ce privește unul sau altul text. Obiceiul de a citi un text formatat într-o manieră general acceptată, adecvată, permite cititorului să perceapă pe deplin, de exemplu, sensul unui text formatat cu simboluri de punctuație. În același timp, însăși utilizarea semnelor de punctuație (și nu numai) rămâne neobservată de cititor - suntem obișnuiți cu asta. În zilele noastre, această tradiție este erodata din cauza moștenirii dactilografice și a răspândirii internetului, dar bunele practici și principiile generale de design de calitate a textului nu dispar nicăieri.
Desigur, punctul principal în conceptul de „tipografie” este conceptul de „font”. De aceasta depinde în principal percepția cititorului asupra textului.
O zicală celebră spune că „o imagine valorează cât o mie de cuvinte”. Așa cum se întâmplă adesea cu unele zicale, există ceva adevăr în el, dar ar trebui să fie luate și cu un grăunte de sare. O imagine bine aleasă la locul potrivit poate valora mult mai mult decât o mie de cuvinte, dar o imagine suplimentară, inutilă, va purta o povară inutilă.
Graficele și imaginile de pe Web tind să se încadreze în trei categorii: decorative, de navigație și informaționale. Nimeni nu are nimic împotriva imaginilor decorative - toată lumea iubește atunci când rezultatul muncii lor arată atractiv. Elementele de navigare includ butoane, săgeți, puncte și alte indicii vizuale pentru a clarifica structura informațiilor. Dar grafica, destul de ciudat, nu este capabilă să transmită o cantitate mare de informații specifice și precise. „Câți oameni - atâtea opinii” - această regulă în viața oricărei grafice nu joacă întotdeauna un rol pozitiv, deoarece percepția aceleiași imagini de către diferiți oameni va fi complet diferită.
De aceea limba, în general, ca mijloc de transmitere a informațiilor, și cuvintele în special, joacă un rol de neînlocuit în viața noastră. Textul poate transmite mult mai multe informații și mai flexibil decât orice imagine.
Tradițiile tiparului, dezvoltate de-a lungul secolelor, ne ajută să prezentăm textul în cea mai clară și mai atractivă formă. Nu contează dacă este tipografie tipărită sau pe ecran. Singurul lucru de care trebuie să luăm în considerare este doar cuvântul „Internet”. Sarcina tipografului și a instrumentului său, fontul, este de a proiecta textul în așa fel încât rezultatul să rămână atractiv indiferent de sistemul de operare, browser, dimensiunea fontului, fereastră, hardware de grafică pe computer sau orice altceva. Din fericire, există multe modalități de a atinge acest obiectiv.
Există un anumit standard pentru site-urile web 100% lizibile, ABC-ul oricărui tipograf. Totuși, spre deosebire de o carte pentru copii, toată lumea cunoaște alfabetul, dar cele mai simple și naturale legi ale tipografiei sunt încălcate constant și sistematic. Cred că nu este nevoie să cităm resurse specifice ca exemple - orice utilizator de internet le va găsi fără dificultate.
Tipografia a venit de la tipărit la web - nu e de mirare ce încearcă să facă cu paginile unei cărți
Dacă cuvântul „tipografie” este asociat în primul rând cu verbul „a citi”, atunci aproape tot ceea ce ar trebui să se străduiască un tipograf este creșterea lizibilității textului și a site-ului web. În același timp, există lucruri pe care utilizatorul nu ar trebui să fie forțat niciodată să le facă, deoarece există o probabilitate mare ca pur și simplu să nu termine de citit textul și chiar mai probabil să nu se mai întoarcă niciodată la resursa ta. Asa de:
Nu forțați utilizator pentru a modifica dimensiunea fontului. Cititorul nu dorește să schimbe constant setările pentru dimensiunea fontului din browser de fiecare dată când vizitează un site nou.
Nu este nevoieîncercând să convingă utilizatorul că derularea este proastă. În acest caz, nouăzeci la sută din toate paginile de pe Internet sunt proaste. Nu este absolut nimic negativ la defilare, la fel cum nu este absolut nimic negativ la întoarcerea paginilor unei cărți.
Nu încercați spuneți utilizatorului că textul de pe site nu este important. Nouăzeci și cinci la sută din ceea ce face un web designer este tipografie.
Urmând aceste constrângeri aparent simple, ajungem la câteva reguli suficient de simple pentru a fi ușor de urmat.
Lebedev a făcut o favoare uriașă tuturor designerilor Runet - a stabilit un standard pe care nimeni nu l-ar putea atinge.
Pe lângă instrucțiuni, care pentru unii vor părea destul de naturale, iar alții vor vedea pentru prima dată, mi-am promis să răspund la o întrebare: „ De ce Este tipografia de ecran atât de populară în Rusia acum?” Pentru a răspunde la această întrebare, trebuie să înțelegeți câteva tendințe pe Runet. În primul rând, nu am venit cu el și nu sunt cel care susține că „Internetul nostru” rămâne în urmă cu „Internetul lor” cu un anumit număr de ani. Acest lucru este normal, ne-am obișnuit și ne împingem Runetul în cale.
Situația cu Web-ul Europei și SUA în comparație cu Runet amintește foarte mult de interacțiunea dintre Soare și Pământ. Razele soarelui pe care le vedem și le simțim au părăsit suprafața stelei în urmă cu opt minute, parcurgând o distanță gigantică în acest timp. Dar acest lucru nu contează - la urma urmei, vedem aceste raze aici și acum, în acest moment anume. Așa că a ieșit soarele. Doar Soarele a reușit să mai elibereze un milion de astfel de raze și ne mulțumim să prindem două sau trei. Toate acestea sunt exagerate, dar sper că esența este clară: Runet este încă destul de departe de Internetul Europei și SUA, iar oamenii care creează tendințe acolo sunt cu cap și umeri deasupra antreprenorilor și oamenilor de afaceri noștri de succes de pe Internet. Adică, cu alte cuvinte, tipografia a devenit atât de populară și necesară în Rusia dintr-un motiv - Occidentul a învățat deja acest lucru.
Pentru marea majoritate a oamenilor din Rusia asociați cu designul, dezvoltarea și internetul, tipografia a început cu citirea nemuritoarei § 62 din „Kovodstvo” de Lebedev Studio, publicat pe 17 decembrie 2000. Până în acest moment, majoritatea designerilor fie nu auziseră despre tipografie, fie auziseră dar nu știau ce să facă cu ea, fie nu doreau să asculte. Acum vine momentul în care nu mai este posibil să ignorăm această tendință – există studiouri mari (și mici) care stabilesc ritmul în calitatea și cantitatea muncii lor. O mare parte din ceea ce trebuie să facă un designer atunci când creează o pagină web este tipografia. Cel mai important lucru nu este absența lui.
Tipografia este abilitatea, arta de a face text nu numai frumos, ci și ușor de citit. Este important ca literele să reflecte natura publicației sau un anumit mesaj de informare. Tipografia este capacitatea de a aduce armonie vizuală textului tipărit sau unei pagini de site. Nu se limitează doar la alegerea fontului de conținut și a alinierii. Tipografia este arta de a exprima sensul scrisului nu numai prin cuvinte, ci și prin afișarea lor. Aceasta este o disciplină foarte interesantă, profundă și complexă. În acest articol vă vom spune exact despre asta.
Ce este tipografia?
Pentru a crea un site web, designerul folosește text, fotografii și elemente grafice realizate de alții. Această diviziune a muncii ne permite să obținem cel mai bun rezultat posibil datorită faptului că lucrarea este efectuată cu materiale de înaltă calitate. Un designer nu este un fotograf sau un scriitor de text. În plus, nici nu are nevoie să înțeleagă codarea computerului sau HTML.
Specialisti universali - exista?
Este o chestiune complet diferită că, în timpul computerizării complete, este pur și simplu de neconceput să te implici chiar și direct în design fără cunoștințele unui astfel de instrument precum computerul, mai ales având în vedere că atât site-ul web, cât și materialele tipărite sunt create inițial folosind programe.
Dacă doriți să creați ceva folosind un computer, trebuie să știți cum poate fi creat acel „ceva”. În plus, software-ul de calculator modern se îmbunătățește în fiecare zi și oferă o gamă din ce în ce mai largă de posibilități. Și dacă nu sunteți familiarizat cu acest spectru, atunci este puțin probabil să puteți proiecta la un nivel înalt, deoarece nu veți putea crea un produs care să poată concura cu cele mai bune mostre.
Desigur, nivelul de competență al unui designer grafic în programe de calculator îl va depăși semnificativ pe cel al unui utilizator obișnuit. Un designer grafic este în primul rând un artist. Cu toate acestea, legătura dintre artist și „informaticianul” este mai mult decât tangibilă: de exemplu, elementele de bază ale stilului în tipografie și soluții de design care sunt create cu ajutorul anumitor software.
Cu cine lucrează designerii grafici?
Pentru a crea un site web cu drepturi depline, un designer grafic trebuie să colaboreze cu cel puțin un programator. Mai ales dacă creați o resursă pe mai multe niveluri care va conține multe funcții interactive. Cu toate acestea, un site web mediu mic poate fi completat de un singur designer, fără a avea nevoie de ajutorul unui webmaster sau programator.
În viață, aproape niciodată nu întâlnești un lanț ideal format dintr-o persoană creativă, un designer și un designer de layout. Adesea, toate aceste trei funcții sunt îndeplinite de o singură persoană care are studii superioare de artă, cunoaște majoritatea programelor grafice necesare, acces la Internet și computer și, de asemenea, produce idei originale fără a cheltui mult efort. În plus, o astfel de persoană universală își va imagina designul viitoarei reviste, toate comenzile pentru o pagină de site nouă, necreată încă și ce fel de publicitate va fi amplasată acolo.
Unde sunt pregătiți designerii grafici?
În meseria de grafician și web designer, mai mult decât în oricare alta, nici măcar dorința este extrem de importantă, ci dorința constantă de a-ți aduce ideile la viață - și asta se poate spune cu încredere.
În această profesie, multe cunoștințe sunt dobândite prin practica constantă la locul de muncă. Trebuie să desenez un astfel de buton pe pagina unui site web - mă voi răni, dar o voi face. Poate de aceea designerii grafici încetează deseori să studieze în sensul clasic al cuvântului, adică să frecventeze un institut sau o facultate în fiecare zi. Învățarea lor are loc pentru tot restul vieții la locul de muncă, rezolvând în același timp problemele de zi cu zi.
Se crede că poți deveni designer grafic fără să studiezi la o instituție de învățământ de specialitate superioară sau secundară. Este suficient să te angajezi constant în meșteșuguri și artă de mulți ani (astfel de exemple sunt, de asemenea, cunoscute). În același timp, o persoană lucrează din greu și își analizează munca proprie și a altora.
Adevărat, designerii grafici cu experiență vastă în absența completă a educației de specialitate există doar în Rusia. În alte condiții, persoanele care doresc să lucreze în această specialitate au nevoie de studii superioare artistice, precum și de cunoștințe de software și hardware.
Desigur, este foarte posibil să dobândiți abilități de bază în lucrul cu programe grafice atât în mod independent, cât și în cursuri de scurtă durată, dar acest lucru va ajuta doar la remedierea gaurii și nu va oferi cunoștințele aprofundate care pot fi obținute la o universitate.