San Francisco fontti: Apple parannettu klassikko. Mistä ladata.

jokainen, joka on päivittänyt iOS 9: ään tai OS X El Capitaniin, on todennäköisesti huomannut järjestelmän fontin vaihtuneen Applen San Francisco fonttiin. Tämä fontti hiljaa mukana Apple Watch, WatchOS, ja on myös uusi tvOS Apple TV.

henkilökohtaisesti olen aina ajatellut Helvetica Neue: n olevan hieman liian tunkkainen Applen tuotteiden elävämpiin malleihin, kun se toimitetaan iOS 7: n kanssa.

olisi halunnut nähdä humanistisen kirjasintyypin iOS 7: ssä. Tai vanhanaikaista akzidenz Groteskin kanssa http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) June 10, 2013

Helvetica Neue ja San Francisco on helppo erehtyä toisistaan. Se johtuu siitä, että San Francisco on saanut niin paljon vaikutteita Helvetica Neuesta. Mutta, Apple teki joitakin keskeisiä muutoksia, jotka tekevät siitä paljon parempi – ehkä jopa täydellinen – kirjasintyyppi alustoilleen.

osa siitä, mitä aion selittää, on peräisin tästä Applen tyyppisuunnittelija Antonio Cavedonin (~30mins) puheesta. Jotkut grafiikka loppua kohti tämän viestin ovat myös siitä puheesta.

Helvetica Neue, maailman suurin fontti?

yhdellekään tyyppiharrastajalle ei ole mikään salaisuus, että Helveticaa pidetään yhtenä – ellei jopa maailman suurimpana fonttina. Typografiasta on tehty kokonainen dokumentti nimeltä ” Helvetica.”

Helvetica Neue oli uudelleenmuotoiltu Helvetica, joka suunniteltiin vuonna 1983 tasoittamaan joitakin aikaisempien teknisten oikkujen aiheuttamia epäjohdonmukaisuuksia.

mikä Helvetica Neuessa oli vikana?

vaikka Helvetica Neue on loistava kirjasintyyppi, se ei riittänyt Applelle. Miksi?

• sitä ei suunniteltu näytöt mielessä. Näytöt koostuvat pikseleistä, ja kuten Garamondilta voi oppia, pikselit eivät ole typografian paras ystävä. Helvetica Neue suunniteltiin vuonna 1983, eikä pikseleitä otettu huomioon silloin.
• muotoilu on liian tunkkaista. Helvetica Neue (ja alkuperäinen Helvetica) tunnetaan hieman ”tunkkaisena.”Niitä käytetään yleensä silloin, kun et halua kirjainten tulevan informaation tielle. Siksi sitä näkee lentokentillä ja maanalaisissa kylteissä ympäri maailmaa.
• se ei ole Applen. Apple on tunnettu johtavana suunnittelijana, joten jokin ei vain sovi heille käyttäen maailman suosituinta fonttia kaikissa heidän laitteissaan. He tarvitsevat oman äänensä, ja mukautettu kirjasintyyppi antaa heille juuri sen.

miten Applen” San Francisco ” – fontti on Helvetica Neueta parempi?

jotkut saattavat ajatella, että viimeinen syy – Helvetica Neue ei ole Applen, ja Applella on jonkinlainen alemmuuskompleksi sen suhteen – on ainoa syy, miksi he vaihtoivat. Mutta niin ei ole ollenkaan.

Usko tai älä-ainakin käsillä olevan sovelluksen osalta – Apple on parantanut maailman suurinta fonttia.

San Francisco on helpompi lukea ruudulla

kuten sanoin, kuten Garamondista voi oppia, pikselit eivät ole typografisen hienotunteisuuden ystävä, ja vaikka näytön resoluutio kasvaa, tyyppiä näytetään yhä pienemmillä näytöillä.

sitä paitsi, mitä tahansa fonttia Apple oletusarvoisesti käyttääkään, tuhannet kehittäjät, jotka tekevät sillä kaikenlaisia asioita – kuten näyttävät sen meluisilla taustoilla – tehdäkseen siitä vieläkin vaikeamman lukea.

joten Apple ei voi ottaa mitään riskejä luettavuuden kanssa. Tässä muutamia tapoja, joilla San Francisco on helpompi lukea ruudulla.

San Franciscossa on korkeampi x-Korkeus

valtaosa luetuista kirjaimista tulee olemaan pieniä kirjaimia. Tämä on typografiaan kuuluva julma temppu, koska valkokankaalla pieniä kirjaimia on vaikeampi lukea. (Muista, Garamond näyttää sinulle, Pikselit ja typografia eivät aina sekoitu).

San Francisco kompensoi tätä sillä, että sillä on suurempi x-Korkeus (pienaakkosten korkeus ”x”). Näin laskurit (välit kirjainten sisällä) voivat olla suurempia – mikä tarkoittaa enemmän pikseleitä viestimään muotoa.

San Franciscossa on ”display” ja ”text”-versio

pieni, tekstikokoinen tyyppi pienellä näytöllä aiheuttaa erilaisia typografisia haasteita kuin suurempi, otsikkokokoinen tyyppi jättimäisellä näytöllä (kuten televisio).

pienen tekstin pitää olla luettavaa ja suuren tekstin kaunista. Nämä tavoitteet ovat joskus ristiriidassa keskenään.

Niin, San Franciscosta tulee sekä näyttö, että tekstiversio.

huomaa, miten runkokopio sulautuu yhteen näyttöversiossa. Vastaavasti tekstiversion runkokopiota on mukava lukea. Kuitenkin otsikko asetettu tekstiversio on kömpelö (koska enemmän väli, ja raskaampia aivohalvauksia), kun taas otsikko asetettu näyttöversion heittää tasaisempi rakenne, kiitos joitakin muutoksia alla.

voi tuntua monimutkaiselta seurata, käytetäänkö tekstin kokoa vai näytön kokoa, mutta jos olet kehittäjä, eri alustat käyttävät automaattisesti näytön kokoa 20 pts tai enemmän.

San Franciscoa seurataan löyhemmin

Sans-serif-tyyppiä pidetään yleensä helpommin luettavana pienemmissä kooissa, koska Pikselit ja serifit eivät aina sovi yhteen. Mutta sans-serif-kirjasintyypeillä, erityisesti hyvin ”rationalistisella” muotoilulla, kuten Helvetica Neuella, on yleensä yksi muu ongelma. Kirjaimet ovat usein liian lähellä toisiaan, varsinkin pienemmissä kokoluokissa.

tämä vaikeuttaa pienten tekstilohkareiden lukemista. Letterformien aivohalvaukset tavallaan vuotavat yhteen (kuten näit yllä olevassa esimerkissä).

San Franciscon tekstiversiota seurataan väljemmin (”tracking” on monen kirjaimen poikki, kun taas tutumpi ”kerning” on vain kirjainparin väli), mikä jättää tilaa useammalle pikselille, joiden avulla kirjaimet voidaan erottaa toisistaan.

lisäksi alustoihin on rakennettu seurantajälkiä. Suuremmassa tekstissä on vakioseuranta, kun taas mitä pienempi teksti, sitä väljemmin sitä seurataan. (Henkilökohtaisesti, tämä on temppu Käytin tehdä, kun tein tulostaa suunnittelu, joten olen innoissani siitä, että se toteutetaan interaktiivisella välineellä.)

San Franciscossa on matalampi korkin korkeus

sanoin juuri, että San Franciscon korkeampi x-korkeus helpottaa näytön lukemista, joten mitä hyötyä siitä voisi olla, että korkin korkeus pienenisi?

todennäköisesti suurin hyöty tästä muutoksesta on nähtävissä, kun yritetään erottaa pienet kirjaimet ” l ”isoista kirjaimista”I”.

siirtämällä korkin korkeutta alaspäin kirjaimet, kuten pieni kirjain ”l”, voivat ulottua korkin korkeutta pidemmälle, ja ne on siten helpompi erottaa toisistaan.

tämän lisäetuna on saada x-Korkeus näyttämään vielä suuremmalta suhteessa korkin korkeuteen (mikä saattaa rohkaista kehittäjiä käyttämään suurempia tekstikokoja).

San Francisco Näyttää ”ystävällisemmältä” kuin Helvetica Neue

useampi kuin yksi lähde on kommentoinut, että San Francisco Näyttää ”ystävällisemmältä” kuin Helvetica Neue, ja olen samaa mieltä. Tämä on osa sitä, mikä tekee San Franciscosta täydellisen kirjasintyypin Applelle. Kuten Applen teollinen muotoilu, San Francisco kulkee mukavasti säästäväisyyden ja suoranaisen ystävällisyyden rajalla.

San Franciscossa on enemmän avoimia lomakkeita

• ”e”: ssä ja ”c”: ssä on leveämmät aukot (avoimet välit, jotka estävät niitä olemasta täydellisiä ympyröitä). Sen lisäksi, että fontti näyttää ”ystävällisemmältä”, nämä auttavat sitä myös helpommin luettavassa näytössä.
• ”f”: n yläosassa oleva pääte on hieman avoimempi, samoin ”y”: n hännässä oleva pääte.
• ”t”: n pyrstö on avoimempi ja taipuu vähemmän äkillisesti.

San Franciscossa on vähemmän hienostunutta mallinnusta

• ”r”: n jalka on yksinkertaisempaa viivaa. Suora, ei aaltoileva.
• ”a: n” malja kiinnittyy varteen äkillisemmin, mikä muistuttaa humanistisempaa sans-serifiä, kuten Lucida Grandea.
• heittomerkki (ja lainausmerkki) on vähemmän keksitty. Se on enemmänkin käsin piirretty heittomerkki ja lukee paremmin pienillä näytöillä.

San Francisco on monipuolisempi kuin Helvetica Neue

on vaikea väittää, etteikö Helvetica Neue olisi monipuolinen. Onhan se ylpeilee 51 muunnelmia. Mutta, San Francisco on terve joukko vaihtoehtoja, optimoitu näyttö näytöt.

siellä on ”San Francisco” ja ”SF Compact” (jotka Laivat Watchosilla). Jokaisella niistä on useita painoja näyttö-ja tekstiversioissaan.

San Francisco käsittelee numeroita paremmin kuin Helvetica Neue

San Franciscon toteutus eri alustoilla helpottaa kehittäjien valintaa yksikäsitteisiksi tai suhteellisesti toisistaan erillisiksi numeroiksi.

sopusuhtaisesti välitettävät numerot näyttävät paremmilta, koska pariluvuissa, jotka sisältävät ohuita numeroita, kuten ”1, ei ole hankalia välejä.”Mutta, ne eivät ole ihanteellisia tilanteissa, kuten tämä, jossa suhteellisesti-spaced numerot aiheuttaa häiritsevää tärinä.

reiluuden nimissä Helvetica Neuella saattoi saada sopusuhtaisia numeroita iOS 7: ssä, mutta se oli ennen hankalampi. iOS 9 on ne päällä oletuksena. Voit kieltäytyä niistä yksinkertaisella API-pikakuvakkeella.

koska Applen laitteet näyttävät usein ajan, on järkevää, että San Franciscossa kaksoispiste on nyt oletusarvoisesti pystysuunnassa (kehittäjät voivat jättäytyä pois koodissaan).

koska numerot” 6 ”ja” 9 ”voidaan helposti sekoittaa numeroihin kuten” 8 ” pienissä kooissa, on olemassa vaihtoehtoisia versioita.

näet yhden heistä toiminnassa alla olevasta kellograafista.

onko San Francisco aikamme suurin fontti?

koska se on suunniteltu erityisesti Applen laitteille, ja sillä on kaikki nämä ominaisuudet, jotka tekevät siitä niin hyvin sopivan moniin paikkoihin, joita sitä tullaan käyttämään, San Francisco on valtava saavutus.

lisää resursseja Applen San Francisco fontilla

• Lataa Applen San Francisco Font – Apple Developer Resources. Lataa iOS: lle, MacOS: lle ja tvOS: lle sekä kompakti tyyli watchOS: ille.
• kuinka Applen San Francisco-fontti asennetaan Mac OS X: ään ja Windows-tietokoneeseen.

Haluatko oppia lisää fonttien poimimisesta? Ota ilmainen suunnittelukurssini.