Conţinut
Trecând de la tipărit la digital, există o diferență evidentă și importantă de luat în considerare atunci când vine vorba de tipografie. Spre deosebire de imprimare, în designul digital, tipul dvs. nu va rămâne static.
„Tipul tipărit poate fi controlat strict, cu rezultatul exact așa cum a intenționat proiectantul”, spune Jack Statham, designer de greutate medie la Ragged Edge. „Dar tipografia pe ecran poate fi redată cu diferite niveluri de detaliu pentru diferiți utilizatori, în funcție de dispozitivul lor.”
Asta nu înseamnă însă că tipografia își pierde din importanță; chiar invers. „În ultimii ani, designul de aplicații web și web a scăpat de decorarea superfluă și oferă acum mai mult spațiu conținutului și, prin urmare, textului”, explică Massimiliano Frangi, director de design senior la CBA Italia. „Așadar, alegerea unui font excelent este acum un element cheie pentru succesul unui proiect web.”
În ultimii ani, design-ul web și al aplicațiilor a scăpat de decorarea inutilă
În prezent, fonturile web specializate sunt optimizate pentru a se afișa cât mai curat și consecvent posibil pe mai multe dispozitive și rezoluții de ecran. „Adesea, tipurile de caractere proiectate pentru imprimare au capcane de cerneală și un contrast ridicat în lățimea cursei”, spune Statham. "Tipurile de caractere proiectate pentru web prezintă de obicei greutăți de curse mai consistente, înălțimi x mai mari și boluri și ghișee mai deschise."
Toate acestea înseamnă că, dacă designul dvs. va funcționa, arăta bine și va fi lizibil pe mai multe dispozitive, dimensiuni ale ecranului și orientări, atunci este esențial să alegeți cu atenție fontul potrivit și să îl afișați corect.
Legibilitatea este cheia
„Doar pentru că un tip de text este frumos nu înseamnă că va putea fi citit în toate dimensiunile”, spune Martha Lisboa, designer digital la CBA Paris. „Deci, evitați tipurile nebunești, stilurile condensate și formele de litere cu linii subțiri. Și fiți conștienți de faptul că efectele de tip, cum ar fi umbrele sau teșiturile, pot arăta excelent la dimensiuni mai mari, dar nu vor funcționa pe ecrane mici.
„Pe scurt, alegeți ceva simplu și cu o greutate standard pentru a asigura lizibilitatea pe toate dispozitivele, în special pentru paragrafele lungi de text.”
Când vine vorba de tipografiere, ierarhia este întotdeauna importantă, dar devine mai ales atunci când oamenii folosesc designul dvs. interactiv pentru a atinge un obiectiv, spune Statham.
„Aveți o zonă limitată în care să setați elemente de tip și elemente reduse de navigare și de căutare”, subliniază el. „Așadar, o ierarhie clară de tip ajută un utilizator să își găsească rapid drumul în jurul ecranului și acționează ca o scurtătură pentru utilizator pentru a digera informațiile de pe ecran.”
Alexandra Lofthouse, designer UX senior la Fifteen, este de acord și ne reamintește că oamenii nu folosesc în general aplicații pentru a citi paragrafe masive de text. „Deci textul ar trebui să fie ușor de citit și digerat”, subliniază ea. „Acest lucru se reduce la tonul vocii utilizat în întreaga copie și la stilul tipografic care se contopesc într-un mod interesant și captivant.”
Și, desigur, lizibilitatea este extrem de importantă în digital. „Mai ales în pasaje lungi de text, scopul este de a face tipografia‘ invizibilă ’, prin aceea că utilizatorul este capabil să treacă rapid peste un paragraf, fără a fi nevoie să se concentreze prea tare pe fiecare formă de literă”, spune Statham.
El vă sfătuiește „să acordați atenție măsurii de paragraf; păstrați-le între 45-75 de caractere. Oferiți spațiu generos între linii: vizați o înălțime minimă a liniei de 1,5 pentru copierea corpului. Obțineți o ușoară creștere a urmăririi, pentru a da spațiu tipului Respirați și alegeți o dimensiune rezonabilă a punctului: dimensiunea reală a caracterelor variază între fonturi, dar 16 px este un minim bun. "
Tipografie accesibilă
Culoarea este, de asemenea, un aspect important atunci când vine vorba de lizibilitate, notează el. „Ecranele iluminate din spate pot crește contrastul dintre albul și negrul pur, care pot fi obositoare pentru ochi, astfel încât utilizarea unui negru mai moale pentru text sau pentru fundalul gri pal poate face textul mai lizibil. De asemenea, există câteva aplicații, cum ar fi Contrast, care folosim adesea pentru a ne asigura că toate combinațiile de culori dintr-un corp de text sunt conforme cu standardele actuale de accesibilitate. "
Lee Carroll, designer de interacțiuni la Seymourpowell, oferă sfaturi similare. „Aveți grijă la lipsa contrastului dintre text și culorile de fundal”, spune el. „Utilizați verificatorul de contrast al culorilor Snook.ca pentru a vă asigura că raportul este suficient de mare pentru un standard de accesibilitate dublu A sau triplu A”. El sugerează, de asemenea, să ne amintim că s-ar putea să nu fie singura culoarea care trebuie să se schimbe pentru a rezolva unele dintre aceste probleme, uneori este nevoie de o greutate mai groasă sau de un text mai mare pentru a crește contrastul.
Și toate acestea sunt doar pentru începători: în 2018, domeniul evoluează într-un ritm vertiginos. „Tehnologia pe care o folosim pentru a vizualiza tipul este în continuă schimbare și, prin urmare, cerințele tipului de pe ecran se schimbă și ele”, spune Statham. "Prototypo, de exemplu, are câteva caracteristici incredibile în tipurile sale de caractere, care vă permit să utilizați un fișier de font pentru mai multe instanțe. Este posibil să aveți serifuri mai fine pe titluri decât în subtitrări la dimensiuni mai mici, să zicem sau să micșorați lățimea caracterelor de pe vizualizări mai înguste. Asistența pentru browser crește tot timpul, așa că sperăm să folosim acest lucru în curând. "
Și a rămâne în fața acestei curbe înseamnă, de asemenea, să fii în relații bune cu colegii tăi cu o perspectivă tehnică mai bună, spune Dan Bradshaw, director de proiect la TH_NK.
„Una dintre principalele diferențe cu tipografia digitală în comparație cu tipărirea este că, odată ce ați proiectat-o, trebuie construită”, subliniază el. „Deci, faceți-vă prieten cu un dezvoltator dacă nu sunteți prea familiarizați cu aspectul codului lucrurilor, pentru a vă asigura că desenele dvs. pot fi aduse la viață așa cum le-ați prezentat.”
Acest articol a fost publicat inițial în Computer Arts, cea mai bine vândută revistă de design din lume. Cumpărați numărul 277 aici sau abonați-vă la Computer Arts aici.
