Yandex Sans

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ă.