San Francisco Font: Apple a îmbunătățit pe un clasic. În cazul în care pentru a descărca.

oricine a făcut upgrade la iOS 9 sau OS X El Capitan a observat probabil că fontul sistemului s-a schimbat în fontul Apple San Francisco. Acest font livrat în liniște cu Apple Watch, în WatchOS, și va fi, de asemenea, în noul tvOS pe Apple TV.

personal, am crezut întotdeauna Helvetica Neue a fost un pic prea vechi pentru a merge cu modele mai vii de produse Apple, atunci când a fost livrat cu iOS 7.

mi-ar fi plăcut să văd un tipar umanist în iOS 7. * Sau * lovi cu piciorul vechi de școală cu Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) Iunie 10, 2013

Helvetica Neue și San Francisco sunt ușor de confundat unul cu celălalt. Asta pentru că San Francisco este atât de puternic inspirat de Helvetica Neue. Dar, Apple a făcut câteva modificări cheie care o fac mult mai bună – poate chiar perfectă – pentru platformele lor.

o parte din ceea ce sunt pe cale să explic provine din această discuție a designerului de tip Apple Antonio Cavedoni (~30 minute). Unele grafice spre sfârșitul acestui post sunt, de asemenea, din acea discuție.

Helvetica Neue, cel mai mare font din lume?

până acum, nu este un secret pentru niciun entuziast de tip că Helvetica este considerată unul dintre – dacă nu chiar cel mai mare font din lume. De fapt, există un întreg documentar despre tipografie, numit „Helvetica.”

Helvetica Neue a fost refăcută de Helvetica, proiectată în 1983 pentru a elimina unele inconsecvențe din cauza ciudățeniilor tehnologice anterioare.

ce era în neregulă cu Helvetica Neue?

în timp ce Helvetica Neue este un tipar excelent, nu a fost suficient pentru Apple. De ce?

• nu a fost proiectat cu ecrane în minte. Ecranele sunt formate din pixeli și, după cum puteți afla de la Garamond, pixelii nu sunt cel mai bun prieten al tipografiei. Helvetica Neue a fost proiectată în 1983, iar pixelii nu erau o considerație pe atunci.
• designul este prea învechit. Helvetica Neue (și Helvetica originală) sunt cunoscute pentru că sunt puțin „învechite.”Sunt folosite în general atunci când nu doriți ca scrisorile să împiedice informațiile. Acesta este motivul pentru care îl veți vedea pe indicatoarele din aeroporturi și metrou din întreaga lume.
• nu este Apple. Apple este renumit pentru că este un lider în design, așa că ceva nu stă bine cu ei folosind cel mai popular font din lume pe toate dispozitivele lor. Ei au nevoie de propria lor voce, și un tipar personalizat le dă doar asta.

cum este fontul Apple „San Francisco” mai bun decât Helvetica Neue?

unii ar putea crede că ultimul motiv – că Helvetica Neue nu este Apple, iar Apple are un fel de complex de inferioritate – este singurul motiv pentru care au trecut. Dar, nu este deloc cazul.

credeți sau nu – cel puțin pentru aplicația la îndemână – Apple a îmbunătățit cel mai mare font din lume.

San Francisco este mai ușor de citit pe ecran

cum am spus, după cum puteți afla de la Garamond, pixelii nu sunt un prieten al subtilității tipografice și, chiar și cu rezoluții de ecran în creștere, tipul este afișat pe ecrane din ce în ce mai mici.

în plus, orice font Apple face implicit va fi folosit de mii de dezvoltatori care vor face tot felul de lucruri cu el – cum ar fi afișarea pe fundaluri zgomotoase – pentru a face și mai greu de citit.

deci, Apple nu poate risca cu lizibilitate. Iată câteva dintre modalitățile prin care San Francisco este mai ușor de citit pe ecran.

San Francisco are o înălțime x mai mare

marea majoritate a literelor pe care le citiți vor fi litere mici. Acesta este un truc crud inerent tipografiei, deoarece, pe ecran, literele mici sunt mai greu de citit. (Amintiți-vă, Garamond vă arată, pixelii și tipografia uneori nu se amestecă).

San Francisco compensează acest lucru având o înălțime x mai mare (înălțimea minusculei „x”). Acest lucru permite contoarelor (spațiile din interiorul literelor) să fie mai mari – ceea ce înseamnă mai mulți pixeli pentru a comunica formularul.

San Francisco are un „afișaj” și o versiune „text”

tip mic, de dimensiuni text pe un ecran mic prezintă diferite provocări tipografice decât tip mai mare, de dimensiuni titlu pe un ecran gigant (cum ar fi un televizor).

textul mic trebuie să fie lizibil, iar textul mare trebuie să fie frumos. Aceste obiective sunt uneori în contradicție unele cu altele.

deci, San Francisco vine atât într-un ecran, cât și într-o versiune text.

observați modul în care copia corpului se îmbină în versiunea de afișare. În schimb, copia corpului în versiunea text este confortabilă de citit. Cu toate acestea, setul de titluri cu versiunea text este greoi (datorită spațierii mai mari și a loviturilor mai grele), în timp ce setul de titluri din versiunea afișată are o textură mai uniformă, datorită unora dintre ajustările ilustrate mai jos.

poate părea complicat să urmăriți dacă utilizați dimensiunea textului sau dimensiunea afișajului, dar dacă sunteți dezvoltator, diferitele platforme vor utiliza automat dimensiunea afișajului la 20 de puncte sau mai mult.

San Francisco este urmărit mai vag

tipul Sans-serif este în general considerat a fi mai ușor de citit la dimensiuni mai mici, deoarece pixelii și serifii nu sunt întotdeauna de acord. Dar, fonturile sans-serif, în special un design foarte „raționalist”, cum ar fi Helvetica Neue, au de obicei o altă problemă. Literele sunt adesea prea apropiate, mai ales la dimensiuni mai mici.

acest lucru face greu de citit în blocuri mari de text mic. Loviturile literelor formează un fel de sângerare împreună (așa cum ați văzut în exemplul de mai sus).

versiunea text a San Francisco este urmărită mai vag („urmărirea” este peste multe litere, în timp ce „kerning” mai familiar este doar spațierea între o pereche de Litere), ceea ce lasă loc pentru mai mulți pixeli pentru a vă ajuta să distingeți literele una de cealaltă.

în plus, Smart-urile de urmărire sunt încorporate în platforme. Textul mai mare are urmărire standard, în timp ce cu cât textul este mai mic, cu atât este urmărit mai slab. (Personal, acesta este un truc pe care îl făceam când făceam design de imprimare, așa că sunt încântat să îl văd implementat într-un mediu interactiv.)

San Francisco are o înălțime mai mică a capacului

tocmai am spus că înălțimea x mai mare a San Francisco face mai ușor de citit pe ecran, deci ce bine ar putea face pentru a face înălțimea capacului mai mică?

probabil cel mai mare beneficiu al acestei modificări poate fi văzut atunci când încercăm să distingem minusculele „l” de majusculele „I”.

prin deplasarea înălțimii capacului în jos, litere precum minusculele „l” sunt capabile să se extindă dincolo de înălțimea capacului și, prin urmare, sunt mai ușor de distins între ele.

acest lucru are avantajul suplimentar de a face înălțimea x să pară și mai mare, în raport cu înălțimea capacului (ceea ce poate încuraja dezvoltatorii să utilizeze dimensiuni de text mai mari).

San Francisco Arată „mai prietenos” decât Helvetica Neue

mai multe surse au comentat că San Francisco Arată „mai prietenos” decât Helvetica Neue și sunt de acord. Aceasta face parte din ceea ce face din San Francisco fontul perfect pentru Apple. La fel ca designul industrial al Apple, San Francisco traversează confortabil linia dintre austeritate și prietenie directă.

San Francisco are mai multe forme de Litere deschise

• „E” și „c” au deschideri mai largi (spațiile deschise care le împiedică să fie cercuri complete). Pe lângă faptul că fontul arată mai „prietenos”, acestea îl ajută și mai lizibil pe ecran.
• terminalul din partea de sus a „f” este puțin mai deschis, la fel și terminalul de pe coada „y”.
• coada „t” este mai deschisă și se îndoaie mai puțin brusc.

San Francisco are o modelare mai puțin sofisticată

• piciorul „R” este un accident vascular cerebral mai simplu. Drept, în loc să onduleze.
• bolul „a” se atașează de tulpină mai brusc, amintind de un sans-serif mai umanist, cum ar fi Lucida Grande.
• apostroful (și ghilimele) este mai puțin inventat. Este mai mult ca un apostrof desenat manual și Citește mai bine pe ecrane mici.

San Francisco este mai versatil decât Helvetica Neue

este greu de argumentat că Helvetica Neue nu este versatil. La urma urmei, se mândrește cu 51 de variante. Dar, San Francisco are un set sănătos de opțiuni, optimizate pentru afișare pe ecrane.

există „San Francisco „și” Sf Compact ” (care se livrează pe WatchOS). Fiecare dintre ele au mai multe greutăți în versiunile lor de afișare și text.

San Francisco se ocupă de cifre mai bine decât Helvetica Neue

punerea în aplicare a San Francisco pe diferite platforme face mai ușor pentru dezvoltatori de a alege monospațiat, sau numere distanțate proporțional.

numerele distanțate proporțional arată mai bine, deoarece nu aveți distanțe incomode în perechi care includ numere subțiri, cum ar fi „1.”Dar, ele nu sunt ideale pentru situații ca aceasta, în cazul în care cifrele distanțate proporțional provoca un shimmy distrag atenția.

pentru a fi corect, puteți obține cifre distanțate proporțional cu Helvetica Neue în iOS 7, dar era mai complicat. iOS 9 le-a activat în mod implicit. Puteți renunța la ele cu o simplă comandă rapidă API.

deoarece dispozitivele Apple afișează adesea ora, este logic că, în San Francisco, colonul este acum centrat vertical în mod implicit (dezvoltatorii pot renunța la codul lor).

deoarece cifrele „6” și „9” pot fi ușor confundate cu cifre precum „8” la dimensiuni mici, există versiuni alternative disponibile.

puteți vedea una dintre ele în acțiune pe graficul ceasului de mai jos.

este San Francisco cel mai mare font al timpului nostru?

având în vedere că este proiectat special pentru dispozitivele Apple și se mândrește cu toate aceste caracteristici care îl fac atât de potrivit pentru numeroasele locuri în care va fi folosit, San Francisco este o realizare uriașă.

mai multe resurse pe fontul Apple San Francisco

• descărcați fontul Apple San Francisco – Apple Developer Resources. Descărcați pentru iOS, MacOS și tvOS, precum și în stil Compact pentru watchOS.
• cum se instalează fontul Apple San Francisco pe Mac OS X și Windows PC.

doriți să aflați mai multe despre alegerea fonturilor? Ia cursul meu gratuit de design.