În acest articol vom discuta conceptele și terminologia de bază referitoare la compania de imprimare web, inclusiv diferențele sale față de presa, așa cum se spune "pe degete".
Tipografia este arta de a ordona personaje într-un aspect lizibil, estetic și conform cu standardele. În produsele tipărite, cititorul nu poate schimba această aspect după ce textul a fost imprimat o dată.
Cu toate acestea, în Internet, situația este complet diferită, iar utilizatorul poate mări / micșora dimensiunea standard a fontului. care au tastat textul, schimbând setările setate de designer sau, de exemplu, schimbând culoarea textului pentru ao face mai mult contrast. Continuând de aici, s-ar putea crede că o imprimantă eficientă în mediul Internet este imposibilă.
Dimpotrivă, este posibil și chiar mai mult - în multe cazuri, posibilitățile oferite de Internet depășesc capacitățile tipografiei tradiționale! Și nu pentru că designerul web are instrumente mai avansate pentru gestionarea parametrilor de text și a poziționării, ci pentru că utilizatorii de Internet au capacitatea de a personaliza opțiunile de afișare pentru fonturi "pentru ei înșiși".
Acest lucru, desigur, nu înseamnă că tu, ca designer, poți să uiți de responsabilitățile tale pentru prezentarea și poziționarea eficace și estetică a textului - majoritatea regulilor tipografiei tradiționale sunt aplicabile și pe Internet. Dar, în cadrul acestui articol, vom analiza specificul imprimării pe web (în comparație cu imprimarea tradițională).
1. Ce înseamnă "fonturi web"?
Servicii precum FontDeck facilitează descărcarea unui număr mare de fonturi.
Anterior sa crezut că dacă doriți ca fonturile dvs. să fie afișate corect pe orice computer, atunci trebuie să aderați la utilizarea unei mii de fonturi tipice comune tuturor computerelor și browserelor. Alegerea dvs. a fost limitată la Helvetica (sau Arial pe PC), Georgia, Times, Verdana sau mai multe versiuni ale Courier. Oh, da, aproape că am uitat Sansurile Comice!
Acest set foarte limitat de fonturi a condus la monotonia și similitudinea tuturor site-urilor de pe Internet, privând designerii web de posibilitatea de a alege dintr-o gamă largă de curse text disponibile.
Dar, datorită unor servicii precum Typekit. Fonturi Google Web și FontDeck. acum câțiva ani, totul sa schimbat radical.
Pentru prima dată, toate varietățile de fonturi au devenit disponibile pentru designerii de web și design-ul web au avansat pe un nou pas în dezvoltarea sa.
Dar cât de corect să alegeți un font din soiul care a căzut pe cap? Iată câteva reguli și reguli.
Nu exagerați cu soiul. Selectați un font de bază pentru textul corpului și unul pentru titluri. Nu utilizați zeci de fonturi pe site-ul dvs. doar pentru că există această opțiune.
Folosiți fonturile în scopul dorit. Nu aveți nevoie să utilizați fonturile destinate titlurilor ca fonturi de text principale: ele arată excelent în antet, dar cu siguranță vor cauza dificultăți atunci când citesc fragmente de text lungi tipizate într-un astfel de font.
Alegeți fonturi potrivite. Asigurați-vă că selectați fonturile potrivite pentru scopurile în care le veți folosi. Fontul pentru codul sursă al scriptului poate fi excelent pentru scrierea unei scrisori de testare, dar același font poate face o impresie proastă vizitatorilor, de exemplu, un site web corporativ conceput cu această schiță.
2. Conceptele de "conducere", "urmărire" și "kerning"
Conceptul de "conducere" este asociat cu liniile orizontale orientative, în raport cu care este localizat textul, și se întoarce la acele momente în care textul a fost tipărit prin presele de tipărire.
O bună tipografie este caracterizată de netezime, este aproape imperceptibilă și nu distrage atenția, facilitând citirea ușoară a conținutului prezentat. În tipografie, există multe modalități de a gestiona fonturile, liniile separate, cuvintele și simbolurile, ajustând în mod optim interacțiunea dintre ele.
Aceste caracteristici includ, printre altele, gestionarea parametrilor "conducere", "urmărire" (spațiu între grupuri de simboluri sau cuvinte) și "kerning" (spațiul dintre două simboluri specifice).
Toate proprietățile tipografice sunt cel mai bine setate în unități relative, cum ar fi, de exemplu, em, pentru a oferi un caz în care utilizatorul va schimba setările de afișare în funcție de preferințele sale.
În designul web există instrumente pentru gestionarea parametrilor "tracking" și "leading", dar "kerning" nu poate fi configurat direct prin CSS. Pentru a specifica "conduce", utilizați înălțimea liniei proprietății CSS.
Pentru sarcina "urmărire", utilizați proprietatea de spațiere a literelor. De asemenea, puteți să modificați spațiul dintre cuvinte utilizând proprietatea de spațiere a cuvintelor, ceea ce vă permite să faceți textul mai "aerisit" fără a mări valoarea "urmăririi" la valori critice.
Utilizarea etichetei
Dacă doriți să modificați parametrul "kerning" pentru grupurile de simboluri individuale, cea mai bună soluție este să le "înfășurați" în etichetă . Apoi puteți aplica proprietăți CSS acestei etichete pentru a controla cantitatea de kerning. Utilizați această tehnică moderat, deoarece, cu o utilizare frecventă, veți petrece mult timp și energie prețioasă pe ea!
3. Lățimea coloanei
Regula de ton bun atunci când se specifică lățimea coloanei este o limită de 80 de caractere. Adică, dacă coloana este mai mare decât această valoare, atunci nu va fi percepută.
Lățimea coloanei poate afecta foarte mult lizibilitatea acesteia. Într-o casă de tipărire tipărită, coloanele sunt de obicei setate la o lățime de 45 până la 75 de caractere (care corespunde aproximativ unei valori de 9 până la 15 cuvinte). Această lățime este considerată ideală, permițând cititorului să deplaseze ușor vizualizarea de la linie la linie fără a pierde focalizarea.
Aceleași reguli generale se aplică site-urilor web, astfel încât lățimea coloanei să nu fie mai mare de 80 de caractere. Lățimea difuzorului poate fi setată în unități em. pentru ce este necesar să utilizați un astfel de cod CSS: width: 80em;
4. Alinierea în casa de tipărire
Acest text are o margine plat în stânga și este rupt în dreapta. La fel ca în imprimare, în imprimarea pe web puteți seta textul ca o margine ruptă la dreapta și chiar. Utilizând textul de proprietate-aliniere. puteți selecta stânga pentru a seta marginea ruptă dreaptă și dreapta. pentru o stânga zdrențuită. Valoarea justify va face posibilă alinierea textului pe ambele părți, de-a lungul granițelor egale.
CSS3 are și o proprietate nouă - text-justify. Acest lucru vă permite să controlați mai precis umplerea unei linii cu text aliniat. Din păcate, suportul pentru această proprietate de către browsere încă lasă mult de dorit.
Traducerea articolului "Începeți cu tipografia web" a fost pregătită de echipa prietenoasă a proiectului Saitostroenie de la A la Z.