San Francisco Font: Apple forbedret på en klassiker. Hvor å laste ned.

Alle som har oppgradert til iOS 9, ELLER OS X El Capitan, har sikkert lagt merke til at systemfonten har endret Seg Til Apples San Francisco-Skrift. Denne skriften leveres stille Med Apple Watch, I WatchOS, og vil også være i den nye tvOS På Apple TV.

Personlig trodde Jeg Alltid At Helvetica Neue var litt for gammel til Å gå med de livligere designene Til Apples produkter, da den ble levert med iOS 7.

Ville ha elsket å se et humanistisk skrifttype i iOS 7. * Eller * spark den gamle skolen Med Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) juni 10, 2013

Helvetica Neue Og San Francisco er lett å forveksle for hverandre. Det er Fordi San Francisco er så sterkt inspirert av Helvetica Neue. Men Apple gjorde noen viktige endringer som gjør Det til en mye bedre – kanskje til og med perfekt – skrifttype for plattformene sine.

Noe av det jeg skal forklare er hentet fra Dette foredraget Av Apples type designer Antonio Cavedoni (~30mins). Noen grafikk mot slutten av dette innlegget er også fra det snakk.

Helvetica Neue, den største skriften i verden?

nå er det ingen hemmelighet for noen type entusiast At Helvetica regnes som en av – om ikke den største skrifttypen i verden. Faktisk, det er en hel dokumentar om typografi, heter » Helvetica.»

Helvetica Neue var omarbeiding Av Helvetica, designet i 1983 for å stryke ut noen uoverensstemmelser på grunn av tidligere teknologiske quirks.

hva var galt med Helvetica Neue?

Mens Helvetica Neue er en flott skrifttype, var Det ikke nok For Apple. Hvorfor?

• Det ble ikke designet med skjermer i tankene. Skjermer består av piksler, og som Du kan lære Av Garamond, er piksler ikke typografiens beste venn. Helvetica Neue ble designet i 1983, og piksler var ikke en vurdering da.
• designet er for foreldet. Helvetica Neue (og den opprinnelige Helvetica) er kjent for å være litt » foreldet.»De brukes vanligvis når du ikke vil at bokstavene skal komme i veien for informasjonen. Dette er grunnen til at du vil se det på skilt i flyplasser og t-bane over hele verden.
• Det er ikke Apples. Apple er kjent For å være en leder i design, så noe bare ikke sitte rett med dem ved hjelp av verdens mest populære skrift på tvers av alle sine enheter. De trenger sin egen stemme, og en tilpasset skrifttype gir dem nettopp det.

Hvordan Er Apples «San Francisco» skrift bedre Enn Helvetica Neue?

Noen tror kanskje at Den siste grunnen – At Helvetica Neue ikke Er Apples, Og Apple har en slags inferioritetskompleks over Det – er den eneste grunnen til at De byttet. Men det er ikke tilfelle i det hele tatt.

Tro det eller ei – I hvert fall for søknaden ved hånden – Apple har forbedret seg på den største skriften i verden.

San Francisco er lettere å lese på skjermen

som jeg sa, som Du kan lære Av Garamond, er piksler ikke en venn av typografisk subtilitet,og selv med økende skjermoppløsninger vises type på stadig mindre skjermer.

dessuten, hva Font Apple gjør standard vil bli brukt av tusenvis Av utviklere som vil gjøre alle slags ting med det – for eksempel å vise det på støyende bakgrunner – for å gjøre det enda vanskeligere å lese.

Så, Apple kan ikke ta noen sjanser med lesbarhet. Her er Noen av måtene San Francisco er lettere å lese på skjermen.

San Francisco har en høyere x-høyde

et stort flertall av bokstavene du leser skal være små bokstaver. Dette er et grusomt triks som er knyttet til typografi, fordi små bokstaver på skjermen er vanskeligere å lese. (Husk, Garamond viser deg, piksler og typografi blander noen ganger ikke).

San Francisco kompenserer for Det ved å ha en større x-høyde(høyden på små bokstaver «x»). Dette gjør at tellerne (mellomrom inne i bokstavene) blir større-noe som betyr flere piksler for å kommunisere skjemaet.

San Francisco har en «skjerm» og en» tekst » versjon

Tiny, tekststørrelse type på en liten skjerm presenterer forskjellige typografiske utfordringer enn større, overskrift størrelse type på en gigantisk skjerm (FOR EKSEMPEL EN TV).

Liten tekst må være lesbar, og stor tekst må være vakker. Disse målene er noen ganger i strid med hverandre.

Så, San Francisco kommer i både en skjerm og en tekstversjon.

Legg merke til hvordan brødtekopien blandes sammen i skjermversjonen. Omvendt er kroppskopien i tekstversjonen behagelig å lese. Overskriftssettet med tekstversjonen er imidlertid clunky(på grunn av mer avstand og tyngre slag), mens overskriftssettet i skjermversjonen gir en jevnere tekstur, takket være noen av justeringene som er illustrert nedenfor.

Det kan virke komplisert å holde styr på om du vil bruke tekststørrelse eller skjermstørrelse, men hvis du er en utvikler, vil de ulike plattformene automatisk bruke skjermstørrelse på 20 pts eller høyere.

San Francisco spores mer løst

Sans-serif type anses generelt for å være lettere å lese i mindre størrelser, fordi piksler og serifs ikke alltid er enige. Men sans-serif skrifttyper, spesielt en veldig «rasjonalistisk» design som Helvetica Neue, har vanligvis et annet problem. Bokstavene er ofte for tett sammen, spesielt i mindre størrelser.

dette gjør det vanskelig å lese i store blokker med liten tekst. Slag av brevformer slags blø sammen (som du så i eksemplet ovenfor).

Tekstversjonen Av San Francisco spores mer løst («sporing» er over mange bokstaver, mens den mer kjente «kerning» bare er avstand mellom et par bokstaver), som gir plass til flere piksler for å hjelpe deg med å skille bokstavene fra hverandre.

i Tillegg er sporings smarts innebygd i plattformene. Større tekst har standardsporing, mens jo mindre teksten er, jo mer løst spores den. (Personlig er dette et triks jeg pleide å gjøre da jeg skrev ut design, så jeg er spent på å se det implementert i et interaktivt medium.)

San Francisco har en lavere cap høyde

jeg sa bare at den høyere x-høyden I San Francisco gjør Det lettere å lese på skjermen, så hva godt kan det gjøre for å gjøre cap høyde mindre?

Sannsynligvis den største fordelen med denne endringen kan ses når du prøver å skille små bokstaver » l «fra store bokstaver»I».

ved å skifte hetten høyde ned, bokstaver som små bokstaver » l » er i stand til å strekke seg utover hetten høyde, og er dermed lettere å skille fra hverandre.

dette har den ekstra fordelen av å få x-høyden til å virke enda større, i forhold til cap-høyden (som kan oppmuntre utviklere til å bruke større tekststørrelser).

San Francisco ser «vennligere» Ut Enn Helvetica Neue

Mer Enn en kilde har kommentert At San Francisco ser «vennligere» ut Enn Helvetica Neue, og jeg er enig. Dette er en del av Det Som gjør San Francisco til Den perfekte skrifttypen For Apple. Som Apples industrielle design strekker San Francisco komfortabelt linjen mellom stramhet og direkte vennlighet.

San Francisco har flere åpne brevformer

• «e» og «c» har bredere åpninger (de åpne områdene som hindrer dem i å være komplette sirkler). Foruten å gjøre skriften ser mer «vennlig,» disse også hjelpe det mer leselig på skjermen.
• terminalen på toppen av «f» er litt mer åpen, som er terminalen på halen av «y».
• halen av «t» er mer åpen, og bøyer mindre brått.

San Francisco har mindre sofistikert modellering

• benet av «R» er et enklere slag. Rett, i stedet for bølgende.
• bollen av» a » festes til stammen mer brått, som minner om en mer humanistisk sans-serif, som Lucida Grande.
• apostrof (og anførselstegn) er mindre konstruert. Det er mer som en håndtegnet apostrof, og leser bedre på små skjermer.

San Francisco er mer allsidig Enn Helvetica Neue

det er vanskelig å hevde At Helvetica Neue ikke er allsidig. Tross alt har den 51 variasjoner. Men San Francisco har et sunt sett med alternativer, optimalisert for visning på skjermer.

Det er «San Francisco» og «SF Compact» (som sendes På WatchOS). Hver av dem har flere vekter i deres skjerm-og tekstversjoner.

San Francisco håndterer tall bedre Enn Helvetica Neue

implementeringen Av San Francisco på tvers av de ulike plattformene gjør det enklere for utviklere å velge monospaced eller proporsjonalt fordelte tall.

Tall Med Proporsjonal avstand ser bedre ut, fordi du ikke har vanskelig avstand i sammenkoblinger som inneholder tynne tall,for eksempel » 1.»Men de er ikke ideelle for situasjoner som denne, hvor de proporsjonalt fordelte tallene forårsaker en distraherende shimmy.

for å være rettferdig kan du få proporsjonalt fordelte tall med Helvetica Neue i iOS 7, men det pleide å være vanskeligere. iOS 9 har dem slått på som standard. Du kan velge bort dem med en enkel API-snarvei.

Siden Apple-enheter ofte viser tiden, er det fornuftig at kolonet i San Francisco nå er vertikalt sentrert som standard(utviklere kan velge bort i koden).

siden tallene » 6 » og » 9 «lett kan forveksles for tall som» 8 » i små størrelser, er det alternative versjoner tilgjengelig.

du kan se en av dem i aksjon på klokkegrafikken nedenfor.

Er San Francisco den største skrifttypen i vår tid?

Gitt At Den er designet spesielt For Apples enheter, og har alle disse funksjonene som gjør Den så godt egnet for de mange stedene Den skal brukes, Er San Francisco en stor prestasjon.

Flere ressurser På Apples San Francisco Font

• Last Ned Apples San Francisco Font – Apple Developer Resources. Last ned for iOS, MacOS og tvOS, Så Vel som I Kompakt stil for watchOS.
• Slik Installerer Du Apples San Francisco-Skrift på Mac OS x og Windows PC.

Vil du lære mer om å velge skrifttyper? Ta mitt gratis designkurs.