Kostya Gorsky

7 iunie 2016 · 13 min citit

Iată versiunea în engleză a postării. Versiunea originală în limba rusă este aici: post în limba rusă

Această postare

Este posibil ca unii dintre voi să fi auzit despre Yandex. Pentru cei care nu au făcut-o, iată o scurtă introducere. Yandex este una dintre cele mai mari companii de internet din Europa, operând cel mai popular motor de căutare din Rusia și cel mai vizitat site-ul său web. Unii oameni îl pot numi chiar „Google rusesc”, ceea ce ne sună foarte ciudat, deoarece Google este competitorul nostru direct.

Yandex ca companie a apărut în 2000, la trei ani de la lansarea portalului web yandex.ru. În acel moment, existau doar 25 de nume pe statul de plată al noii companii și toate datele prelucrate de Yandex se pot încadra pe un singur server. Acum Yandex are birouri și reprezentanțe în șapte țări, având peste 6.000 de angajați.

În aprilie anul trecut, la o conferință practică organizată de Yandex pentru designeri, am prezentat tipul nostru de proprietate Yandex Sans. După ce am lucrat la el timp de doi ani și jumătate, am fost încântați să împărtășim în cele din urmă rezultatele. În această postare vă voi spune de ce și cum am făcut-o, cum sa dovedit și ce urmează.

De ce să te deranjezi cu un tipar?

Imediat îmi cer scuze designerilor care citesc această postare, pentru că, în parte, voi discuta despre unele lucruri care sunt evidente pentru noi. Dar s-ar putea să existe și non-designeri printre cititorii noștri, așa că voi începe cu elementele de bază.

Un tipar sau un font este una dintre vocile fundamentale ale designului grafic, la egalitate cu culoarea, forma și așa mai departe. Influențează modul în care sunt percepute informațiile scrise. La discursul TED al lui John Maed, am văzut o modalitate strălucită de a demonstra acest lucru. Este o poveste despre formă și conținut. Să luăm un conținut fix și să-i schimbăm forma - să presupunem că conținutul nostru va fi „Căutare Yandex”.

Așa arată scris în tiparul Bukvarnaya (manual) - tipul pe care îl folosim pentru toate comunicările companiei la Yandex:

Așa vorbește Yandex. Este numele nostru, a spus în vocea noastră.

Dar dacă am spune același lucru folosind acest tipar?

Nu poți nega că nu pare convingător. Este abia lizibil. Este prea elegant. Acest tip de căutare poate atrage designerii sau hipsterii, dar cam atât.

Acum este grav. Acest tip de căutare poate funcționa pentru un megastore sau o secțiune de anunțuri dintr-un ziar. Chilipiruri din belșug! Ia o afacere!

Și ce zici de acesta?

Este frivol și prostesc; tot ceea ce puteți căuta aici nu va fi serios.

Acum, acesta pare mai degrabă ceva dintr-o invitație de nuntă sau un meniu într-un restaurant elegant. Potrivit dacă stridiile, trufele și șampania sunt ceea ce trebuie să găsiți.

Să încercăm și acesta:

Îmi amintește de o benzinărie cu un magazin alimentar atașat. Aici veți căuta lotul: spălătorie auto, chei și cricuri, chiar și gustări ieftine.

Se pare că același conținut, în ambalaje diferite, poate transmite un sens complet diferit. De aceea, este important să alegeți tipul potrivit. Trebuie să pună accentul corect pe conținut, ajutându-l să fie corect exprimat, fără a-l distorsiona.

Deci, ce spune Yandex acum și cum o spune?

Taras Sharov, șeful prototipurilor de produse de la Yandex, a petrecut o grămadă de timp colectând fraze care apar în comunicările noastre despre produse pentru a crea o selecție care să ilustreze propria limbă, stilul și vocea noastră (în rusă). Iată câțiva reprezentanți tipici ai frazelor interfeței noastre, scrise în Arial (cu traduceri în limba engleză în dreapta):

Arial ar trebui să fie familiar utilizatorilor noștri de limbă rusă - este tipul pe care îl folosim astăzi în toate serviciile noastre web:

De ce Arial? Pentru designeri este o poveste bine cunoscută. Arial se bazează pe proporțiile Helvetica, una dintre cele mai cunoscute și chiar tipuri de cult din secolul al XX-lea. Helvetica a apărut în 1957 sub numele de Neue Haas Grotesk. Dacă ți-a fost dor de filmul „Helvetica”, măcar urmărește acest trailer (dar bineînțeles că ar fi mai bine să urmărești întregul film):

Acest tip de caractere este omniprezent în întreaga lume. Nenumărate mărci îl folosesc ca bază a limbajului lor vizual. Mai simplu spus, un clasic viu.

În anii 1980, când Microsoft a ales tiparul pentru sistemul său de operare Windows, dintr-un anumit motiv, compania a decis să nu plătească pentru acordarea licențelor Helvetica și, în schimb, a cerut companiei Monotype să creeze propria versiune a tipografiei. Și astfel s-a născut Arial - „Helvetica unui om sărac”, așa cum a spus unul dintre designerii noștri de tip. Nu voi aprofunda aici comparațiile dintre Arial și Helvetica. Oricine este interesat poate arunca cu ușurință cele două împreună și poate vedea asemănările:

Avantajul incontestabil al lui Arial este gama sa de distribuție - este preinstalată pe aproape orice computer - și setul său imens de glife, care conține literele fiecărui limbaj conceput și practic tot ce ai putea avea nevoie. Dar designerii au probleme legate de multe altele cu acest tip de caractere:

  • Forma și proporția literelor sunt uneori discutabile - în special în chirilică, unde o mulțime de litere arată ciudat.
  • Lipsă de varietate în gama de greutăți disponibile pe majoritatea computerelor - doar obișnuite și îndrăznețe (și există un Arial Black separat). Pentru interfețele moderne, acest lucru este insuficient. Sunt necesare greutăți diferite - greutăți subțiri și ușoare, semibold etc.
  • Legibilitate slabă în dimensiuni mici ale punctelor: datorită formei închise a diafragmelor literelor, sub 12 px caracterele încep să se coaguleze și lizibilitatea suferă. În interfețele web ale Yandex, pentru cel mai mic tip folosim Verdana cu deschidere mai deschisă, care nu are această problemă.

Pe lângă interfețele web, există și interfețe mobile. Yandex realizează aplicații pentru o varietate de platforme, ceea ce înseamnă că, în parte, moștenim limbajul vizual al fiecărei platforme:

Pe Android, „vocea” noastră este tipul Roboto, destul de rece, în timp ce pe iOS este San Francisco foarte neutru, iar pentru Windows Segoe distinctiv, cu care există probleme în chirilică.

Și ce rămâne cu mesajele de marketing ale Yandex? Selecția lui Taras este caracteristică:

Acesta este manualul nou (original Bukvarnaya typeface), dezvoltat pentru prima dată în Uniunea Sovietică în 1958 de Elena Tsaregorodtseva - specific pentru a fi utilizat în grunduri și manuale, așa cum sugerează și numele. Acesta este un tipar prietenos, familiar pentru oricine a experimentat o copilărie sovietică (și parțial post-sovietică). Dar este puțin incongruent pentru o companie de înaltă tehnologie din secolul XXI.

Am reușit cu acest tip de caractere până în prezent, dar am simțit de mult limitele sale. Ne-am dat seama că:

  • Arial și Manualul au limitări expresive și tehnice;
  • avem nevoie de propria noastră voce atunci când operăm pe platformele altcuiva.

Acest lucru ne-a determinat să ne gândim la ce fel de tip de caractere ar trebui să aibă Yandex.

Un tip pentru Yandex

Am venit cu o listă de cerințe pentru tiparul nostru.

  1. Ar trebui să aibă un aspect propriu, distinct de concurenți.

În primul rând, concurenții sunt Roboto, San Francisco și Segoe - tipurile de interfață ale Google, Apple și, respectiv, Microsoft.

2. În același timp, ar trebui să fie calm, neutru și nu prea distinctiv.

Mai multe despre neutralitate mai târziu. În afară de servirea comunicațiilor Yandex prin interfețe utilizator și alte texte, un tip de caractere utilizat în produsele Yandex ar trebui, de asemenea, să fie potrivit pentru conținutul care nu este generat de Yandex. Iată câteva exemple de texte din această categorie:

Fiind cel mai popular motor de căutare din Rusia și cel mai vizitat site web, Yandex a păstrat întotdeauna neutralitatea. Orice conținut poate deveni disponibil utilizatorilor noștri prin intermediul algoritmilor noștri de căutare, acesta nu este niciodată editat sau modelat în vreun fel de oameni. Din acest punct de vedere, era, de asemenea, important ca tipul personal al lui Yandex să nu adauge niciun sens suplimentar - trebuia să fie absolut neutru.

Interesant, deoarece această cerință a contrazis-o într-un fel pe cea anterioară, a trebuit să găsim un echilibru între expresivitate și neutralitate.

3. Exprimați valorile noastre.

Neutralitatea este foarte bine, dar tipul încă avea nevoie pentru a avea un fel de personalitate. Când am încercat să listăm emoțiile pe care am vrut să le exprime noul nostru tipar, am veni în mod normal cu așa ceva:

· Tehnologic, dar cu chip uman.

Ceea ce ne-a adus mai aproape de destinație. În ciuda faptului că este o companie contemporană de înaltă tehnologie, Yandex a fost întotdeauna percepută de utilizatori ca fiind caldă și prietenoasă. Nu ca un robot fără suflet.

4. Conceput în principal pentru chirilic

Majoritatea tipurilor de caractere chirilice au fost create pentru prima dată pentru alfabetul latin. Versiunea chirilică este de obicei desenată ulterior. Uneori, acest lucru funcționează bine, dar nu întotdeauna. În cazul nostru, a fost important din start ca Yandex să vorbească rusa cu accent nativ. Pentru tipar, înseamnă că versiunea chirilică trebuia creată alături de versiunea latină - sau chiar înainte de aceasta.

Și, desigur, fontul a trebuit să includă toate literele și accentele necesare utilizate în țările în care operăm, care includ Rusia, Ucraina, Belarus, Kazahstan și Turcia; trebuia să aibă simbolul rublei, simbolul grivnei și așa mai departe.

5. Citibil, lizibil, potrivit pentru orice situație

Interfețele și comunicațiile Yandex apar în medii diverse. Iată câteva exemple de situații tipografice pentru Yandex.Taxi (și este departe de gama completă):

6. Ar trebui să se potrivească cu măsurătorile cheie și proporțiile Arial

Aceasta este o cerință tehnică, importantă pentru interfețele web. Aspectul paginii trebuia păstrat atunci când tiparul nostru îl substituie pe Arial. De asemenea, era important ca volumul textului să se potrivească cu cel al lui Arial. Numărul de caractere dintr-o linie medie trebuia să fie analog cu același număr din Arial, astfel încât blocurile de text (de exemplu, fragmente din rezultatele căutării) să nu fie scurtate.

7. Ar trebui să aibă fonturi într-o serie de greutăți

Aici vorbim despre grosimea liniilor:

Chiar și pentru interfețele web, nu mai este suficient să aveți doar regulat și îndrăzneț. Avem nevoie de o gamă mai largă, cu pași între ei.

Am fi putut căuta un tip de caractere deja existent care să îndeplinească toate aceste cerințe. Dar marca noastră nu ar avea o voce unică. Și ar trebui să plătim și pentru acordarea licențelor - cu greu o sumă nesubstanțială, având în vedere mărimea publicului produselor noastre și gama de utilizare. Am decis să punem în funcțiune propriul tipar propriu.

Echipa

Trebuia să găsim un proiectant de tip cu experiență în lucrul la sisteme extinse de tipare - fie un vorbitor de limbă rusă, fie cineva capabil să lucreze îndeaproape cu designerii ruși.

Ira Voloshina, care era la acea vreme șef de design la Yandex și inițiatorul acestui proiect, a abordat-o pe Ilya Ruderman care, la rândul său, l-a recomandat pe Christian Schwartz, partener în Commercial Type.

În lumea designului de tip, Christian Schwartz este un superstar. A lucrat cu Font Bureau (unde echipa de vis include celebrități precum Matthew Carter, designerul tipurilor de caractere Verdana și Georgia) și cu Erik Spiekermann. Portofoliul său include tipografii pentru Esquire și Deutsche Bahn, precum și un sistem de tipare premiat pentru The Guardian. Lucrările sale au fost prezentate în Muzeul de Design din Londra și în Smithsonian’s Cooper Hewitt National Design Museum din New York și a fost numit printre cei mai influenți 40 de designeri sub 40 de revista Wallpaper *.

Ilya Ruderman, unul dintre cei mai renumiți designeri de tip rus, predă la Școala Superioară Britanică de Artă și Design din Moscova. A studiat designul de tip la Academia Regală de Artă de la Haga și a continuat să predea mulți designeri de tip rus. A lucrat la sistemul de tip al revistei Afisha, printre cele ale altor clienți. Foarte important, el a colaborat mult timp cu Schwartz și au creat împreună caractere.

Lucrând cu Christian și Ilya în calitate de designer principal, a fost Miguel Reyes, un designer de la biroul comercial din New York, care, la fel ca Ilya, a studiat designul de tip în Olanda.

Mark Record s-a ocupat de latura tehnică a lucrurilor.

Am fost foarte norocoși să formăm o astfel de echipă de vis pentru proiectul nostru tipografic proprietar.

Mulți angajați geniali Yandex au participat, de asemenea, la diferite etape ale procesului. Irina Voloshina a inițiat proiectul. Menționatul Taras Sharov a fost printre cei mai activi participanți, alături de Danil Kovchiy și Sergey Fyodorov, Stas Polyakov, Ivan Semenov, Andrey Karmatsky, Misha Milnikov, Roma Iskandarov, cirrhoz, Nastya Larkina, Serezha Tomilov, Nikita Brovikov, Dima Sereda, Sasha Volodin și mulți alții. Nenumărați designeri ne-au trimis corecții, comentarii și solicitări. Aș vrea să le mulțumesc tuturor, dar mi-e teamă să nu uit pe cineva, așa că nu voi încerca să menționez pe toată lumea pe nume.

Cum am dezvoltat fontul

Voi acoperi procesul pe scurt, atingând doar principalele etape. S-au întâmplat multe pe parcursul celor doi ani și jumătate de muncă, iar acoperirea în detaliu ar face ca această postare să fie prea lungă.

După ce au studiat scurtul și un număr mare de aspecte ale interfețelor și comunicațiilor noastre, proiectanții au propus două variante numite provizoriu Flat și Round.

Flat este mai clar și menit să se simtă mai „tehnic”: