San Francisco Font: Apple hat einen Klassiker verbessert. Wo zum Download.

Jeder, der auf iOS 9 oder OS X El Capitan aktualisiert hat, hat wahrscheinlich bemerkt, dass sich die Systemschriftart in die San Francisco-Schriftart von Apple geändert hat. Diese Schriftart wird mit der Apple Watch in watchOS ausgeliefert und wird auch im neuen tvOS auf Apple TV enthalten sein.

Ich persönlich fand die Helvetica Neue immer etwas zu altbacken, um mit den lebhafteren Designs der Apple-Produkte Schritt zu halten, als sie mit iOS 7 ausgeliefert wurde.

Hätte gerne eine humanistische Schrift in iOS 7 gesehen. *Oder* kick it old school mit Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) Juni 10, 2013

Helvetica Neue und San Francisco sind leicht zu verwechseln. Das liegt daran, dass San Francisco so stark von der Helvetica Neue inspiriert ist. Aber Apple hat einige wichtige Änderungen vorgenommen, die es zu einer viel besseren – vielleicht sogar perfekten – Schrift für ihre Plattformen machen.

Einiges von dem, was ich erklären werde, stammt aus diesem Vortrag von Apples Schriftdesigner Antonio Cavedoni (~ 30 Minuten). Einige Grafiken gegen Ende dieses Beitrags stammen ebenfalls aus diesem Vortrag.

Helvetica Neue, die größte Schriftart der Welt?

Mittlerweile ist es für jeden Schriftenliebhaber kein Geheimnis, dass Helvetica als eine der – wenn nicht die – größten Schriften der Welt gilt. Eigentlich, Es gibt eine ganze Dokumentation über Typografie, genannt „Helvetica.“

Helvetica Neue war eine Überarbeitung von Helvetica, die 1983 entworfen wurde, um einige Inkonsistenzen aufgrund früherer technologischer Macken auszuräumen.

Was war los mit der Helvetica Neue?

Obwohl Helvetica Neue eine großartige Schrift ist, war sie Apple nicht genug. Warum?

• Es wurde nicht für Bildschirme entwickelt. Bildschirme bestehen aus Pixeln, und wie Sie von Garamond lernen können, sind Pixel nicht der beste Freund der Typografie. Helvetica Neue wurde 1983 entworfen, und Pixel waren damals keine Überlegung.
• Das Design ist zu altbacken. Helvetica Neue (und die ursprüngliche Helvetica) sind dafür bekannt, ein bisschen „abgestanden“ zu sein.“ Sie werden im Allgemeinen verwendet, wenn Sie nicht möchten, dass die Buchstaben den Informationen im Weg stehen. Aus diesem Grund sehen Sie es auf Schildern in Flughäfen und U-Bahnen auf der ganzen Welt.
• Es ist nicht Apples. Apple ist berühmt dafür, führend im Design zu sein, also passt etwas einfach nicht zu ihnen, wenn sie die weltweit beliebteste Schriftart auf allen ihren Geräten verwenden. Sie brauchen ihre eigene Stimme, und eine benutzerdefinierte Schriftart gibt ihnen genau das.

Wie ist Apples Schriftart „San Francisco“ besser als Helvetica Neue?

Einige mögen denken, dass der letzte Grund – dass Helvetica Neue nicht Apples ist und Apple eine Art Minderwertigkeitskomplex darüber hat – der einzige Grund ist, warum sie gewechselt haben. Aber das ist überhaupt nicht der Fall.

Ob Sie es glauben oder nicht – zumindest für die vorliegende Anwendung – Apple hat die größte Schriftart der Welt verbessert.

San Francisco ist auf dem Bildschirm leichter zu lesen

Wie gesagt, wie Sie von Garamond lernen können, sind Pixel kein Freund typografischer Subtilität, und selbst mit zunehmender Bildschirmauflösung wird Typ auf immer kleineren Bildschirmen angezeigt.

Außerdem wird jede Schriftart, die Apple als Standard festlegt, von Tausenden von Entwicklern verwendet, die alle möglichen Dinge damit tun – z. B. die Anzeige auf lauten Hintergründen –, um das Lesen noch schwieriger zu machen.

Apple kann also kein Risiko mit der Lesbarkeit eingehen. Hier sind einige der Möglichkeiten, wie San Francisco auf dem Bildschirm leichter zu lesen ist.

San Francisco hat eine höhere x-Höhe

Eine große Mehrheit der Buchstaben, die Sie lesen, werden Kleinbuchstaben sein. Dies ist ein grausamer Trick, der der Typografie innewohnt, da Kleinbuchstaben auf dem Bildschirm schwerer zu lesen sind. (Denken Sie daran, Garamond zeigt Ihnen, Pixel und Typografie manchmal nicht mischen).

San Francisco kompensiert dies durch eine größere x-Höhe (die Höhe des Kleinbuchstabens „x“). Dadurch können die Zähler (die Leerzeichen innerhalb der Buchstaben) größer sein – was mehr Pixel bedeutet, um das Formular zu kommunizieren.

San Francisco hat eine „Display“ – und eine „Text“ -Version

Eine winzige Schrift in Textgröße auf einem winzigen Bildschirm stellt andere typografische Herausforderungen dar als eine größere Schrift in Überschriftengröße auf einem riesigen Bildschirm (z. B. einem Fernseher).

Kleiner Text muss lesbar sein, und großer Text muss schön sein. Diese Ziele stehen manchmal im Widerspruch zueinander.

San Francisco gibt es also sowohl in einer Display- als auch in einer Textversion.

Beachten Sie, wie die Textkopie in der Anzeigeversion zusammengefügt wird. Umgekehrt ist die Körperkopie in der Textversion bequem zu lesen. Die mit der Textversion festgelegte Überschrift ist jedoch klobig (aufgrund von mehr Abstand und stärkeren Strichen), während die in der Anzeigeversion festgelegte Überschrift dank einiger der unten dargestellten Anpassungen eine gleichmäßigere Textur erzeugt.

Es mag kompliziert erscheinen, den Überblick zu behalten, ob Textgröße oder Anzeigegröße verwendet werden soll, aber wenn Sie ein Entwickler sind, verwenden die verschiedenen Plattformen automatisch die Anzeigegröße bei 20 Punkten oder höher.

San Francisco wird lockerer verfolgt

Der serifenlose Typ wird allgemein als einfacher zu lesen bei kleineren Größen angesehen, da Pixel und Serifen nicht immer übereinstimmen. Serifenlose Schriften, insbesondere ein sehr „rationalistisches“ Design wie die Helvetica Neue, haben jedoch normalerweise ein anderes Problem. Die Buchstaben sind oft zu nahe beieinander, besonders bei kleineren Größen.

Dies macht es schwierig, in großen Blöcken mit kleinem Text zu lesen. Die Striche der Buchstabenformen bluten irgendwie zusammen (wie Sie im obigen Beispiel gesehen haben).

Die Textversion von San Francisco wird lockerer verfolgt („Tracking“ erstreckt sich über viele Buchstaben, während das bekanntere „Kerning“ nur der Abstand zwischen einem Buchstabenpaar ist), wodurch Platz für mehr Pixel bleibt, um die Buchstaben voneinander zu unterscheiden.

Zusätzlich sind Tracking-Smarts in die Plattformen integriert. Größerer Text hat Standardverfolgung, während je kleiner der Text ist, desto lockerer wird er verfolgt. (Persönlich ist dies ein Trick, den ich früher gemacht habe, als ich Druckdesign gemacht habe, also freue ich mich darauf, ihn in einem interaktiven Medium umzusetzen.)

San Francisco hat eine niedrigere Kappenhöhe

Ich habe gerade gesagt, dass die höhere x-Höhe von San Francisco das Lesen auf dem Bildschirm erleichtert, also was nützt es, die Kappenhöhe kleiner zu machen?

Der wahrscheinlich größte Vorteil dieser Änderung besteht darin, den Kleinbuchstaben „l“ vom Großbuchstaben „I“ zu unterscheiden.

Durch Verschieben der Kappenhöhe nach unten können Buchstaben wie der Kleinbuchstabe „l“ über die Kappenhöhe hinausragen und sind somit leichter voneinander zu unterscheiden.

Dies hat den zusätzlichen Vorteil, dass die x-Höhe im Verhältnis zur Kappenhöhe noch größer erscheint (was Entwickler dazu ermutigen kann, größere Textgrößen zu verwenden).

San Francisco sieht „freundlicher“ aus als Helvetica Neue

Mehr als eine Quelle hat kommentiert, dass San Francisco „freundlicher“ aussieht als Helvetica Neue, und ich stimme zu. Dies ist Teil dessen, was San Francisco zur perfekten Schrift für Apple macht. Wie Apples Industriedesign bewegt sich San Francisco bequem zwischen Sparsamkeit und absoluter Freundlichkeit.

San Francisco hat mehr offene Buchstabenformen

• Das „e“ und „c“ haben breitere Öffnungen (die offenen Räume, die verhindern, dass sie vollständige Kreise sind). Diese machen die Schriftart nicht nur „freundlicher“, sondern machen sie auch auf dem Bildschirm besser lesbar.
• Der Anschluss oben am „f“ ist etwas offener, ebenso wie der Anschluss am Ende des „y“.
• Der Schwanz des „t“ ist offener und biegt sich weniger abrupt.

San Francisco hat weniger anspruchsvolle Modellierung

• Das Bein des „R“ ist ein einfacher Strich. Gerade statt wellig.
• Die Schale des „a“ wird abrupter am Stiel befestigt und erinnert an eine humanistischere serifenlose wie Lucida Grande.
• Der Apostroph (und das Anführungszeichen) ist weniger erfunden. Es ist eher wie ein handgezeichneter Apostroph und liest sich auf winzigen Bildschirmen besser.

San Francisco ist vielseitiger als die Helvetica Neue

Es ist schwer zu behaupten, dass die Helvetica Neue nicht vielseitig ist. Immerhin gibt es 51 Variationen. Aber, San Francisco hat eine gesunde Reihe von Optionen, optimiert für die Anzeige auf Bildschirmen.

Es gibt „San Francisco“ und „SF Compact“ (die auf watchOS ausgeliefert werden). Jeder von ihnen hat mehrere Gewichte in seiner Anzeige- und Textversion.

San Francisco verarbeitet Ziffern besser als Helvetica Neue

Die Implementierung von San Francisco auf den verschiedenen Plattformen erleichtert Entwicklern die Auswahl von Ziffern mit einem oder proportionalen Abstand.

Zahlen mit proportionalem Abstand sehen besser aus, da Sie in Paarungen, die dünne Zahlen enthalten, wie z. B. „1.“ Aber sie sind nicht ideal für Situationen wie diese, in denen die proportional beabstandeten Ziffern ein ablenkendes Hangeln verursachen.

Um fair zu sein, könnten Sie mit Helvetica Neue in iOS 7 proportional beabstandete Zahlen erhalten, aber früher war es schwieriger. iOS 9 hat sie standardmäßig aktiviert. Sie können sie mit einer einfachen API-Verknüpfung deaktivieren.

Da Apple-Geräte häufig die Uhrzeit anzeigen, ist es sinnvoll, dass der Doppelpunkt in San Francisco jetzt standardmäßig vertikal zentriert ist (Entwickler können dies in ihrem Code deaktivieren).

Da die Ziffern „6“ und „9“ bei kleinen Größen leicht mit Ziffern wie „8“ verwechselt werden können, gibt es alternative Versionen.

Sie können einen von ihnen in Aktion auf der Uhrgrafik unten sehen.

Ist San Francisco die größte Schrift unserer Zeit?

Da es speziell für Apple-Geräte entwickelt wurde und all diese Funktionen bietet, die es für die vielen Orte, an denen es verwendet wird, so gut geeignet machen, ist San Francisco eine große Leistung.

Weitere Ressourcen zu Apples San Francisco Font

• Laden Sie Apples San Francisco Font – Apple Developer Resources herunter. Download für iOS, macOS und tvOS sowie im kompakten Stil für watchOS.
• So installieren Sie die San Francisco-Schriftart von Apple auf Mac OS X- und Windows-Pcs.

Möchten Sie mehr über die Auswahl von Schriftarten erfahren? Nehmen Sie an meinem kostenlosen Designkurs teil.