Share
Designerii de pe web au avut un timp notoriu de dificil cu tipografia. Pentru unul, majoritatea designerilor de web nu sunt instruiți ca "tipografi" așa cum sunt cei mai tradiționali designeri graficieni. Un alt motiv este faptul că tipografia de pe web pur și simplu nu a fost în jur de aproximativ 15 ani? și majoritatea dintre noi nu am proiectat nici măcar jumătate din acel moment.
Imagine miniaturală de la Stephen Coles de la Typographica.org. Fontul este unitatea FF.
Ca atare, cel mai puternic mediu nou din istoria lumii este lipsit de forță în formarea formală pentru cea mai importantă disciplină pe care un designer o poate stăpâni: tipografie. Acest articol este primul dintr-o serie care încearcă să compileze un compendiu de lecții grafice de tipografie web.
Înainte de a începe - acest articol intro este parte educație și part editorial. Se intenționează să fie un post off-the-cuff despre unele dintre principiile pe care web designerii trebuie să ia în serios. Voi face tot posibilul pentru a evita ca aceasta să fie o "modalitate evidentă de îmbunătățire a tipografiei dvs."? am ajuns deja de cei de pe web și dacă vom decide vreodată să executăm unul dintre aceștia, ne vom asigura că vom face bine. Această serie va fi mai mult despre crearea unor procese logice logice pentru a dezvolta sisteme eficiente de tip, mai degrabă decât o smattering de sfaturi aleatoare. În primul rând, ne vom confrunta cu unele dintre obstacolele culturale cu care se confruntă designerii web.
Să ne confruntăm cu aceasta, în comparație cu cantitățile mari de cărți și de ani de resurse existente pentru designerii de imprimare, web-ul are o experiență relativ scurtă cu tipografia. Suntem mult ca adolescenții cu permisiunea lor de șofer de brand nou - o mulțime de putere și responsabilitate, fără a avea o experiență prea mare. Pentru că web-ul este atât de tânăr, designerii au rămas cu una din două opțiuni: 1) încercați să recreați o estetică tipărită pe ecran sau 2) să vă plimbați în golul negru mare? în speranța de a descoperi perfecțiunea de tip web.
Problema cu prima alegere este că imprimarea nu se traduce direct pe web. Problema cu al doilea este că este vorba de aruncarea de săgeți? sigur, vom avea niște succese, dar va fi cu prețul unei grămezi de flop-uri.
Există resurse uimitoare deja acolo? Da, absolut? și le voi lista la sfârșitul acestui articol. Dar este simplu faptul că, pentru un tânăr designer de web care speră să-și taie dinții pe această temă, este adesea greu să faci capete sau cozi ale subiectului fără a cheltui nenumărate ore de spălare a unor bloguri aleatorii. De fapt, o parte din problemă este că atât de mult despre tipografia web este prezentată ca o informație "subiectivă". Singurul principiu călăuzitor pe care majoritatea oamenilor poate să-l convină este acela că "tipul trebuie să fie lizibil"? dar după aceea, există o mulțime de opinie și nu prea mult.
Acest lucru mă aduce la primul meu punct "cultural" pentru oricine care este serios pentru a-și îmbunătăți abilitățile de tipografie web?
Să abordăm primul obstacol real între un designer și o mărime tipografică: Blame ceva sau altcineva. Dacă aș avea un dolar, de fiecare dată când am auzit un designer de web despre felul în care browserele oferă tip diferit - sau că un editor cu conținut aleatoriu l-a ruinat aspectul - sau că un client pur și simplu a refuzat să vadă motivele, aș fi o sutașă vărul cunoscut de miliardar? Nu știu că mulți oameni!).
Acestea sunt tot ceea ce eu numesc "pericole ocupaționale" - știi despre ele atunci când intri în industrie și le vei întâlni pe o bază zilnică până când standardizarea profesională serioasă se va rezolva pe web (pe care nu o prezic oricând în curând). Nu incerc sa spun ca aceste probleme nu exista (fac si ele sunt o durere in fund), ci sa ne arunce toate inadvertentele tipografice pe spatele Internet Explorer 6 sau o copie aleatorie 8 dolari pe oră evită problema.
Lucrul grozav este că un tipograf web grave poate rezolva aceste probleme. Browserele pot fi testate; Amenajările pot fi făcute "prost" și pot fi clienți a spus să meargă la? instruit cu ușurință să vadă motivele.
Începând cu epoca tipografiilor, a scrisorilor de lemn și a tipului de mână, a existat o ordine clară pentru cine a fost responsabil pentru a face lucrurile în mod corespunzător (tipografic vorbind). Nu este surprinzător faptul că acea persoană era, de obicei, tipul care era cotul adânc în cerneală neagră și singura persoană din oraș care știa cum să folosească masivul masiv. Heck, în majoritatea orașelor, ar putea fi singurul care știa să citească, așa că ai luat cuvântul pentru asta când ți-a spus cum să-ți prezinți publicația.
Clienții au adus conținutul, imprimantele s-au ocupat de aspect și design. Nimeni nu sa înșelat cu sistemul.
În zilele noastre, se pare că suferim un caz de "prea mulți bucătari în bucătărie". Deoarece toată lumea are acces la Microsoft Word și o tastatură, designerii trebuie să treacă printr-un ocean de "insta-tipografi" în faza de proiectare?
Nu mă înțelegeți greșit, primirea de feedback de la un client este o parte crucială a procesului de creație? dar nu este un substitut pentru procesul de luare a deciziilor cu experiență la nivel tipografic. Asta e treaba ta - designerul. Dacă vă plimbați printr-un proiect, așteptând și sperând ca un client să decidă un anumit font sau o lungime de linie, ar fi bine să vă faceți foc. Făcând acest lucru, vă reduceți la puțin mai mult decât un corp atașat la un mouse.
Mă voi repeta doar ca să fiu în siguranță aici - nu înseamnă că ar trebui să deveniți niște ticăloși care aruncă un feedback valoros. Ceea ce încerc să spun este că dacă nimeni nu este de acord să "dețină" lucrarea de tipografie în timpul unui proiect, veți termina cu un tip mediocru, udat, semi-asezat, care nu face dreptate faptul că avem secole de cercetare tipografică chiar la vârfurile noastre. Plasând o coloană de text și sperând că un alt designer, dezvoltator sau client se va întoarce și va face să arate bine este un polițist.
Fii designerul, deține responsabilitatea. Tipografia este treaba ta.
Când vă gândiți la o interfață cu utilizatorul, despre ce vă gândiți? Un meniu clasic de defilare al iPod-ului? Ecranul de bord pentru masina ta? Câteva HUD-uri de jocuri video de tip sci-fi? Acestea sunt, probabil, toate exemplele de interfețe utilizator? dar aș vrea să reevaluați ce înseamnă pentru designerii web. Să examinăm pe scurt tendințele stilului de interfață din ultimul deceniu:
Toate acestea sunt minunate (și da, există evident o mulțime de excepții excepționale la aceste generalizări)? dar luați în considerare unele dintre brandurile bazate pe web care au existat în toți acești ani (și totuși refuză să moară). Aici vă voi arăta cum arată:
Sunt oricare dintre aceste lucruri pe care le-ați considera drept "interfețe de utilizator extraordinare"? Probabil ca nu? Dar toți sunt cu toții de succes (și place sau nu, utilizabil). Deci, de ce designerii web se îndoaie înapoi pentru a crea modele care arata nimic ca ei?
Opinia mea umilă: este că industria / comerțul nostru este încă relativ imatur. Suntem cu toții sperând să găsim "stilul următor mare", așa că evităm intenționat desenele care sunt plictisitoare, dar funcționale. Ne dezaprobăm ideea că ceva proiectat în 2005 are încă utilizatori. Ne îmbrățișăm ideea că, prin aruncarea în aer a modelelor noastre cu tehnici și texturi dificile, le vom face într-un fel mai ușor de utilizat.
Poate că o analogie mai bună se găsește în mașini? Cu toții încercăm să proiectăm un tipar Ferrari când 98% dintre proiecte au nevoie doar de un Honda Civic (sau, în unele cazuri, o bicicletă). Atâta timp cât funcționează pentru a atrage oamenii de la punctul A la punctul B, este bine. În al doilea rând începem să schimbăm funcționalitatea site-ului cu propriile noțiuni fanteziste despre ce ar trebui să arate o "interfață minunată de utilizator", riscând ruperea bicicletei.
Simplul fapt este că textul vechi simplu, fără toate efectele cu bule, cu luciu și cu alte prostii pe care le-am aruncat în jurul lui, este la fel de ușor de folosit ca și cum ar fi fost toate stilificate ca și cum ar fi fost mergi să mergi pe covorul roșu.
De ce? Deoarece textul este interfața cu utilizatorul! Înainte de a apuca instrumentul de gradient, amintiți - textul este interfața. Nu puteți avea o interfață utilizabilă fără ca textul să fie lizibil și semnificativ. Surferii web se vor adapta la orice foaie de stil pe care o aruncați peste un design - dar elementele de bază ale unui site (navigație + conținut) trebuie să funcționeze înainte de orice altceva.
Notă laterală: Acest concept de "text ca interfață de utilizare" este atribuit inițial lui Khoi Vinh - dar am avut o perioadă dificilă de urmărire în cazul în care el a scris de fapt despre asta - deci va trebui să-mi iau cuvântul pentru asta.
Tipul intră întotdeauna într-un aspect, iar aspectul de pe web nu există niciodată fără cod.
Ultima regulă pe care o voi adresa astăzi este lucrul real care constituie tipografia web: CSS. Cu CSS bine scris, întregul dvs. site ar trebui să se eticheteze într-o manieră logică - fiecare pagină va arăta similar, creând o prezentare unică și consistentă a site-ului. Cu CSS bine scris, adresarea mai multor browsere și dispozitive este posibilă. Heck, cu CSS bine scris, vei împiedica editorii de copiat creierul să-ți rupă design-urile frumoase.
Ideea pe care o conduc este următoarea: dacă vă placeți un designer de web, dar sunteți într-adevăr bun la baterea machetelor Photoshop, veți pierde jumătate din ceea ce înseamnă să design pentru web. Tipul intră întotdeauna într-un aspect, iar aspectul de pe web nu există niciodată fără cod.
Nu voi spune prea multe aici pentru că, sincer, sunt dornică să încep să scriu primele părți ale seriei - dar aș vrea să închei cu o mână de link-uri pe care băieți / fete le puteți verifica în același timp. Scopul meu pentru această serie va fi să compilez un compendiu minunat de tutoriale reale, de tip hand-on tipography web? dar voi obtine informatii de la alti autori, articole si carti. Deci, iată lista mea:
Accentsconagua