Police de San Francisco: Apple a amélioré un classique. Où télécharger.

Toute personne qui a mis à niveau vers iOS 9 ou OS X El Capitan a probablement remarqué que la police système a changé pour la police San Francisco d’Apple. Cette police est tranquillement livrée avec l’Apple Watch, dans watchOS, et sera également dans le nouveau tvOS sur Apple TV.

Personnellement, j’ai toujours pensé que Helvetica Neue était un peu trop viciée pour accompagner les designs plus vivants des produits Apple, lorsqu’elle était livrée avec iOS 7.

Aurait aimé voir une police de caractères humaniste dans iOS 7. * Ou * donnez un coup de pied à la vieille école avec Akzidenz Grotesk http://t.co/s9vWXRynT7

— David Kadavy (@kadavy) Juin 10, 2013

Helvetica Neue et San Francisco sont faciles à confondre. C’est parce que San Francisco est si fortement inspiré par Helvetica Neue. Mais, Apple a apporté quelques changements clés qui en font une police de caractères bien meilleure – peut–être même parfaite – pour leurs plates-formes.

Une partie de ce que je vais expliquer provient de cette conférence du concepteur de type d’Apple Antonio Cavedoni (~ 30 minutes). Certains graphiques vers la fin de ce post sont également de cette conférence.

Helvetica Neue, la plus grande police au monde?

À ce jour, ce n’est un secret pour aucun passionné de type que Helvetica est considérée comme l’une des polices de caractères les plus grandes au monde, sinon la plus grande. En fait, il y a tout un documentaire sur la typographie, nommé « Helvetica. »

Helvetica Neue a été retravaillé d’Helvetica, conçu en 1983 pour corriger certaines incohérences dues à des bizarreries technologiques antérieures.

Qu’est-ce qui n’allait pas avec Helvetica Neue?

Bien que Helvetica Neue soit une excellente police de caractères, cela ne suffisait pas pour Apple. Pourquoi?

• Il n’a pas été conçu avec des écrans à l’esprit. Les écrans sont composés de pixels et, comme vous pouvez l’apprendre de Garamond, les pixels ne sont pas le meilleur ami de la typographie. Helvetica Neue a été conçu en 1983, et les pixels n’étaient pas une considération à l’époque.
• Le design est trop vicié. Helvetica Neue (et l’Helvetica originale) sont connus pour être un peu « périmés. »Ils sont généralement utilisés lorsque vous ne voulez pas que les lettres gênent l’information. C’est pourquoi vous le verrez sur les panneaux dans les aéroports et les métros du monde entier.
• Ce n’est pas celui d’Apple. Apple est célèbre pour être un leader dans le design, donc quelque chose ne leur convient pas en utilisant la police la plus populaire au monde sur tous leurs appareils. Ils ont besoin de leur propre voix, et une police de caractères personnalisée leur donne exactement cela.

En quoi la police « San Francisco » d’Apple est-elle meilleure que Helvetica Neue?

Certains peuvent penser que la dernière raison – que Helvetica Neue n’est pas celle d’Apple et qu’Apple a une sorte de complexe d’infériorité dessus – est la seule raison pour laquelle ils ont changé. Mais, ce n’est pas du tout le cas.

Croyez-le ou non – du moins pour l’application à portée de main – Apple a amélioré la plus grande police au monde.

San Francisco est plus facile à lire à l’écran

Comme je l’ai dit, comme vous pouvez l’apprendre de Garamond, les pixels ne sont pas un ami de la subtilité typographique, et même avec des résolutions d’écran croissantes, le type s’affiche sur des écrans de plus en plus petits.

De plus, quelle que soit la police par défaut d’Apple, elle sera utilisée par des milliers de développeurs qui feront toutes sortes de choses avec elle – comme l’afficher sur des arrière–plans bruyants – pour la rendre encore plus difficile à lire.

Ainsi, Apple ne peut prendre aucun risque avec la lisibilité. Voici quelques-unes des façons dont San Francisco est plus facile à lire à l’écran.

San Francisco a une hauteur de x supérieure

Une grande majorité des lettres que vous lisez seront des lettres minuscules. C’est une astuce cruelle inhérente à la typographie, car, à l’écran, les lettres minuscules sont plus difficiles à lire. (Rappelez-vous, Garamond vous le montre, les pixels et la typographie ne se mélangent parfois pas).

San Francisco compense cela en ayant une hauteur de x plus grande (la hauteur du « x » minuscule). Cela permet aux compteurs (les espaces à l’intérieur des lettres) d’être plus grands – ce qui signifie plus de pixels pour communiquer la forme.

San Francisco a une version « affichage » et une version « texte »

Un type minuscule de taille de texte sur un écran minuscule présente des défis typographiques différents de ceux d’un type plus grand de taille de titre sur un écran géant (comme un téléviseur).

Le petit texte doit être lisible et le grand texte doit être beau. Ces objectifs sont parfois en contradiction les uns avec les autres.

Ainsi, San Francisco est disponible à la fois en affichage et en version texte.

Remarquez comment la copie du corps se mélange dans la version d’affichage. Inversement, la copie du corps dans la version texte est confortable à lire. Cependant, le jeu de titres avec la version texte est maladroit (en raison de plus d’espacement et de traits plus lourds), tandis que le jeu de titres dans la version d’affichage présente une texture plus uniforme, grâce à certains des ajustements illustrés ci-dessous.

Il peut sembler compliqué de savoir s’il faut utiliser la taille du texte ou la taille de l’affichage, mais si vous êtes un développeur, les différentes plates-formes utiliseront automatiquement la taille de l’affichage à 20 pts ou plus.

San Francisco est suivi de manière plus lâche

Le type sans empattements est généralement considéré comme plus facile à lire avec des tailles plus petites, car les pixels et les empattements ne sont pas toujours d’accord. Mais, les polices sans empattement, en particulier une conception très « rationaliste » telle que Helvetica Neue, ont généralement un autre problème. Les lettres sont souvent trop rapprochées, en particulier pour les plus petites tailles.

Cela le rend difficile à lire dans de gros blocs de petit texte. Les traits des formes de lettres saignent en quelque sorte ensemble (comme vous l’avez vu dans l’exemple ci-dessus).

La version texte de San Francisco est tracée de manière plus lâche (le « suivi » se fait sur de nombreuses lettres, alors que le « crénage » plus familier ne consiste qu’à espacer une paire de lettres), ce qui laisse de la place à plus de pixels pour vous aider à distinguer les lettres les unes des autres.

De plus, des intelligences de suivi sont intégrées aux plates-formes. Le texte plus grand a un suivi standard, tandis que plus le texte est petit, plus il est suivi de manière lâche. (Personnellement, c’est une astuce que j’avais l’habitude de faire quand je faisais de la conception d’impression, donc je suis ravi de la voir implémentée dans un support interactif.)

San Francisco a une hauteur de capuchon inférieure

Je viens de dire que la hauteur x plus élevée de San Francisco facilite la lecture à l’écran, alors à quoi cela pourrait-il servir pour réduire la hauteur de capuchon?

Le plus grand avantage de ce changement peut probablement être vu en essayant de distinguer le « l » minuscule du « I » majuscule.

En déplaçant la hauteur du capuchon vers le bas, des lettres comme le « l » minuscule peuvent dépasser la hauteur du capuchon et sont donc plus faciles à distinguer les unes des autres.

Cela a l’avantage supplémentaire de rendre la hauteur x encore plus grande, par rapport à la hauteur du capuchon (ce qui peut encourager les développeurs à utiliser des tailles de texte plus grandes).

San Francisco semble « plus convivial » que Helvetica Neue

Plus d’une source a commenté que San Francisco semble « plus convivial » que Helvetica Neue, et je suis d’accord. Cela fait partie de ce qui fait de San Francisco la police de caractères parfaite pour Apple. Comme le design industriel d’Apple, San Francisco chevauche confortablement la ligne entre austérité et convivialité pure et simple.

San Francisco a des formulaires de lettres plus ouverts

• Les « e » et « c » ont des ouvertures plus larges (les espaces ouverts qui les empêchent d’être des cercles complets). En plus de rendre la police plus « conviviale », celles-ci l’aident également à être plus lisible à l’écran.
• La borne sur le dessus du « f » est légèrement plus ouverte, tout comme la borne sur la queue du « y ».
• La queue du « t » est plus ouverte et se plie moins brusquement.

San Francisco a une modélisation moins sophistiquée

• La jambe du « R » est un trait plus simple. Droit, au lieu d’onduler.
• Le bol du « a » s’attache plus brusquement à la tige, rappelant un sans-serif plus humaniste, tel que Lucida Grande.
• L’apostrophe (et le guillemet) est moins artificielle. C’est plus comme une apostrophe dessinée à la main, et se lit mieux sur de petits écrans.

San Francisco est plus polyvalent que Helvetica Neue

Il est difficile de soutenir que Helvetica Neue n’est pas polyvalent. Après tout, il possède 51 variantes. Mais, San Francisco a un ensemble sain d’options, optimisées pour l’affichage sur les écrans.

Il y a « San Francisco » et « SF Compact » (qui est livré sur watchOS). Chacun d’eux a plusieurs poids dans ses versions d’affichage et de texte.

San Francisco gère mieux les chiffres que Helvetica Neue

L’implémentation de San Francisco sur les différentes plates-formes permet aux développeurs de choisir plus facilement des chiffres à espacement monospace ou à espacement proportionnel.

Les chiffres espacés proportionnellement semblent mieux, car vous n’avez pas d’espacement gênant dans les appariements qui incluent des nombres minces, tels que « 1. »Mais, ils ne sont pas idéaux pour des situations comme celle-ci, où les chiffres espacés proportionnellement provoquent un shimmy distrayant.

Pour être juste, vous pouviez obtenir des chiffres espacés proportionnellement avec Helvetica Neue dans iOS 7, mais c’était plus délicat. iOS 9 les a activés par défaut. Vous pouvez vous en désabonner avec un simple raccourci API.

Étant donné que les appareils Apple affichent souvent l’heure, il est logique qu’à San Francisco, les deux points soient désormais centrés verticalement par défaut (les développeurs peuvent se désinscrire dans leur code).

Étant donné que les chiffres « 6 » et « 9 » peuvent facilement être confondus avec des chiffres tels que « 8 » pour les petites tailles, il existe d’autres versions disponibles.

Vous pouvez voir l’un d’eux en action sur le graphique de la montre ci-dessous.

San Francisco est-elle la plus grande police de notre temps?

Étant donné qu’il est conçu spécifiquement pour les appareils Apple et qu’il possède toutes ces fonctionnalités qui le rendent si bien adapté aux nombreux endroits où il sera utilisé, San Francisco est un énorme accomplissement.

Plus de ressources sur la fonte San Francisco d’Apple

• Télécharger la fonte San Francisco d’Apple – Ressources pour les développeurs d’Apple. Téléchargez pour iOS, macOS et tvOS, ainsi que dans un style compact pour watchOS.
• Comment installer la police San Francisco d’Apple sur Mac OS X et PC Windows.

Vous voulez en savoir plus sur le choix des polices ? Suivez mon cours de design gratuit.