Shantell Sans (2023)

 (shantellsans.com)
1 points par GN⁺ 1 시간 전 | 1 commentaires | Partager sur WhatsApp
  • Shantell Sans propose des styles allant d’une police du quotidien à des styles expérimentaux pour l’animation, avec des axes Weight, Italic, Informality, Bounce et Spacing
  • Issue de l’écriture manuscrite de Shantell Martin et de son expérience de la dyslexie, elle vise une accessibilité à la fois ludique, espiègle et utilisable dans un cadre professionnel
  • Elle s’inspire de l’universalité et de l’impression de lisibilité de Comic Sans, sans en être un dérivé, et transforme une écriture manuscrite au feutre en police numérique structurée
  • Avec des métriques proches de Roboto, des glyphes plus larges, davantage d’espacement, et une conception différenciant clairement b·d·p·q et I·1, elle améliore la lisibilité
  • Distribuée gratuitement via Google Fonts et sous licence OFL, elle prend en charge plus de 380 langues basées sur les alphabets latin et cyrillique, ainsi qu’un usage dans Google Docs

Le point de départ de Shantell Sans

  • Shantell Sans est une police variable créée à partir de l’écriture manuscrite de Shantell Martin, qui propose à la fois un style convivial pour un usage quotidien et des styles expérimentaux adaptés à l’animation
  • Enfant, Shantell Martin devait rester en retenue après avoir échoué à des tests d’orthographe, mais elle a toujours aimé les mots et exprimé ses émotions par l’écriture et le dessin
  • Elle a découvert vers 20 ou 21 ans qu’elle était dyslexique et, en entamant des études d’art à Central Saint Martins, elle a eu le sentiment que beaucoup de personnes créatives étaient elles aussi dyslexiques
  • Elle a été déçue que des enseignants, n’ayant pas identifié ses difficultés de lecture et d’écriture, lui aient infligé des punitions au lieu de lui apporter du soutien ; une police fondée sur son écriture et ses lettres est ainsi devenue une façon de permettre aux gens de lire et d’écrire, quelle que soit leur relation aux mots
  • L’objectif était de créer une police amusante et joueuse, mais aussi professionnelle et exploitable, une police accessible qui rappelle que les mots sont aussi des images et peuvent exister chacun à leur manière
  • Stephen Nixon lui a envoyé un modèle ligné pour écrire à la main l’alphabet latin, les chiffres et les symboles, puis cette écriture a servi à créer la police numérique

Diffusion publique et premiers usages

  • Shantell Sans a été publiée sous Open Font License pour permettre à davantage de personnes d’y accéder gratuitement, et un mode de diffusion ouvert comme l’explication de licence de Google Fonts renforce son utilité
  • Sa gratuité permet un usage large via Google Fonts et d’autres plateformes, et une police créée par une artiste vivante peut inspirer le travail typographique d’autres artistes
  • Shantell Sans est fortement marquée par la personnalité de l’écriture de Shantell Martin, mais une diffusion publique implique aussi, par nature, de renoncer à une part de contrôle sur quelque chose d’intimement personnel
  • L’équipe espère que des enfants et des jeunes utiliseront Shantell Sans et découvriront l’histoire de sa création, et qu’elle pourra être employée de façons inattendues aussi bien dans des projets personnels que dans des projets de design plus ambitieux

  • Premières applications

Objectifs de design et influence de Comic Sans

  • Lorsque Stephen Nixon a été contacté par Shantell Martin, qui voulait une « police exploitable, agréable visuellement, intelligente et créative », il a repensé à ses grandes fresques murales ainsi qu’à son travail de ligne exploratoire, semi-improvisé et ludique
  • L’idée de créer une « nouvelle Comic Sans » a servi d’indice central, en prenant comme référence l’universalité culturelle et la réaction émotionnelle suscitée par Comic Sans, sans pour autant chercher à en faire un dérivé direct ni une nouvelle version
  • Comic Sans a été conçue par Vincent Connare en 1994 pour Microsoft Bob, puis préinstallée sur Windows et Mac, ce qui a largement favorisé sa diffusion
  • Comic Sans a été utilisée dans des contextes très variés, depuis les étiquettes de cinquième génération et suivantes des Ty Beanie Babies jusqu’à l’annonce du CERN en 2012 sur le boson de Higgs

  • Cinq critères

    • Elle devait séduire les utilisateurs du quotidien, et ne pas être une police réservée aux seuls passionnés de typographie
    • Elle devait être facile à écrire dans des communications variées
    • Elle devait pouvoir être utilisée par un large éventail de personnes et être accessible
    • Elle devait offrir une forte lisibilité et être facile à lire
    • Elle devait apporter quelque chose de nouveau au lieu de répéter un terrain déjà occupé

Design basé sur le latin et fabrication

  • Un attrait quotidien

    • Pour obtenir un attrait quotidien, le point de départ a été, comme pour Comic Sans, une écriture au feutre, en s’appuyant sur l’écriture manuscrite de Shantell Martin
    • Certaines caractéristiques de cette écriture ont été conservées, mais l’impression d’ensemble a été simplifiée pour mieux convenir à une forme numérique

  • Une utilisation facile dans de nombreux contextes

    • Pour correspondre aux proportions et aux attentes stylistiques courantes des polices modernes, des métriques de police comme la hauteur des capitales, la hauteur d’x et l’interligne de base ont été rapprochées de celles de polices très utilisées comme Roboto
    • Pour préserver la lisibilité et rester cohérent avec l’écriture de Shantell, des glyphes légèrement plus larges que la moyenne et un espacement accru ont été retenus
    • La police a été conçue pour être facile à utiliser dans des contextes quotidiens comme les sites web, les applications ou les présentations, tout en affichant sa personnalité en grande taille et en restant efficace dans de petits textes courants

  • Prise en charge des langues et diffusion

    • Shantell Sans suit, et dépasse légèrement, les jeux de glyphes Google Fonts Latin Plus et Cyrillic Plus, et prend en charge plus de 380 langues utilisant les écritures latine et cyrillique
    • Cette couverture s’étend aux langues basées sur les alphabets latin et cyrillique en Europe, dans les Amériques et en Asie centrale
    • Grâce à la prise en charge de Google Fonts et à sa publication sous licence OFL, elle a pu être diffusée comme police open source utilisable gratuitement

  • Différenciation lisible des lettres

    • Les b, d, p, q ainsi que n, u ont été conçus pour se distinguer les uns des autres grâce à des contrastes de forme simples et à des terminaisons placées de façon appropriée
    • Comme Shantell Martin écrivait parfois la majuscule I et le chiffre 1 sous la forme d’un simple trait, des empattements ont été ajoutés au I majuscule et un flag au 1 pour les différencier
    • Fidèle à une police inspirée de l’écriture manuscrite, les a et g adoptent des formes single-story, telles qu’enseignées à l’école, afin de conserver une impression familière et accessible

  • Axes variables et fonctionnalités OpenType

    • Au-delà d’une bonne plage de graisses, la police devait offrir une grande variété de styles sous forme de police variable, pour les designers et développeurs souhaitant explorer des fonctions typographiques modernes
    • Pour introduire l’atmosphère libre et organique du travail de Shantell Martin dans des axes expérimentaux, cinq axes variables ont été créés : Weight, Italic, Informality, Bounce et Spacing
    • Pour répondre à des besoins typographiques plus précis, des fonctions OpenType comme les tabular vs proportional figures, fractions et localized forms ont aussi été incluses
    • En s’inspirant du soin artisanal de polices manuscrites comme Inkwell, Cortado et Studio Lettering, l’équipe a évité de simplement produire une police de marqueur feutre auto-tracée de plus

Choix des formes et axes expérimentaux

  • Shantell Martin a choisi un feutre de largeur moyenne Staedtler Lumocolor M pour écrire un pangramme en majuscules et minuscules, ainsi que des chiffres, ponctuations, symboles et quelques mots contenant des caractères accentués
  • Les scans ont été tracés en suivant la ligne centrale des traits de plume, puis étendus en traits Light et ExtraBold
  • Comme l’écriture originale présentait davantage de variations de taille et de rythme qu’une police normalement destinée à la lecture, la hauteur, la largeur et l’espacement des lettres ont été en partie normalisés et ajustés de manière cohérente
  • Ont été conservés le fait que les barres horizontales des t et f ne dépassent pas à gauche du trait vertical principal, que les A et R commencent en haut à gauche, que le P soit une boucle simple partant du bas gauche, et que les M et W soient formés comme des vagues continues
  • L’orientation finale consistait à préserver un peu de l’acuité et du contraste qui rendent l’écriture de Shantell intéressante, tout en uniformisant légèrement l’épaisseur et en appliquant des extrémités semi-circulaires douces
  • Cet équilibre permet de conserver la sensation d’une écriture au marqueur tout en la rendant accessible et chaleureuse dans une forme numérique

  • Bounce et Informality

    • À partir d’une police de base normalisée, des styles supplémentaires ont été créés pour réintroduire les irrégularités observées dans les échantillons manuscrits scannés
    • Ces irrégularités n’étaient pas totalement aléatoires mais présentaient des caractéristiques récurrentes : les lettres riches en traverses horizontales avaient tendance à paraître plus hautes, tandis que celles dominées par des traits verticaux semblaient plus larges et plus basses
    • Il fallait trouver un équilibre permettant d’ajouter davantage de personnalité sans que la police ne devienne trop chaotique et perde son utilité, en restant malgré tout « suffisamment police »
    • Les sources dessinées à la main et les sources exploitables pour la construction ont été séparées afin de créer les axes Bounce et Informality de la police finale
    • Le style Bounce a été généré par un script déplaçant les glyphes vers le haut et le bas, tandis que le style Informal a été produit par interpolation entre une source principale « normalisée » et une source principale « irrégulière »
    • Toutes les sources comprenaient plusieurs glyphes alternatifs pour les lettres, les chiffres et les principaux symboles, et la police finale fait tourner ces alternatives de manière pseudo-aléatoire pour évoquer une écriture manuscrite énergique
    • Grâce aux axes variables, l’effet peut être réglé d’un niveau subtil à un niveau très marqué, et il devient facile d’utiliser une typographie animée au design cohérent à l’intérieur du système de la police

  • Google Fonts et extension open source

    • Comme Shantell Martin souhaitait une publication open source, des discussions ont porté sur la possibilité pour Google Fonts de soutenir une extension destinée à un public plus large
    • Avec le soutien de Google Fonts, l’ensemble complet des styles Italic a été créé, élargissant la palette stylistique
    • Un axe expérimental Spacing a été ajouté, utile lorsque les logiciels ne prennent pas en charge par défaut l’ajustement de l’espacement entre les lettres
    • Le script latin a été étendu avec les caractères vietnamiens et davantage de symboles monétaires, tandis que l’ajout du cyrillique a permis de prendre en charge un ensemble de langues entièrement nouveau

Design des caractères cyrilliques de Shantell Sans

  • Le cyrillique est utilisé dans de nombreuses langues d’Eurasie, notamment le bulgare, le serbe, le russe, le biélorusse, l’ukrainien, le tatar ou le bachkir
  • Le processus de design cyrillique ressemble globalement à celui du latin, mais peut devenir plus difficile lorsqu’il s’agit de formes non traditionnelles inspirées de l’écriture d’une personne en particulier
  • Travailler une autre écriture pour une police manuscrite ressemble à la traduction d’un poème : il faut préserver un ton propre tout en utilisant la structure de la langue cible
  • Le cyrillique comporte des formes upright ou « imprimées », italic et cursive, et certaines formes italic et cursive diffèrent structurellement des formes imprimées courantes
  • L’écriture de Shantell Martin mêle formes cursives et imprimées, mais comme elle n’écrit qu’en latin, il a fallu décider quelles lettres cyrilliques devaient reprendre une logique cursive et lesquelles devaient rester imprimées
  • Il a été demandé à Shantell Martin d’écrire quelques phrases en russe afin d’observer sa manière d’aborder des formes inconnues ; on lui a aussi montré différentes variantes d’une même lettre et demandé d’écrire plusieurs fois certains mots
  • Les designers de caractères cyrilliques Maria Doreuli, Krista Radoeva et Alexei Vanyashin ont été consultés, et leur intuition sur les formes correctes ou non s’est révélée largement convergente
  • Le bulgare et le serbe possèdent des formes conventionnelles différentes du cyrillique de base ; par exemple, le t bulgare prend souvent une forme proche du m latin, ce qui pouvait ici le rendre confus avec le m cyrillique et nécessitait donc des ajustements
  • Des lettres comme le nje serbe devaient paraître naturelles aux lecteurs natifs en majuscule comme en minuscule, et Jovana Jocić a également été consultée pour le serbe
  • Le travail sur le cyrillique a posé de nombreux défis de design, mais l’objectif est qu’il soit utile non seulement pour le latin, mais aussi pour la composition dans diverses langues cyrilliques

Comment l’utiliser et liens de référence

  • Shantell Sans on Google Fonts : disponible sur Google Fonts
  • open-source repo : téléchargement de la dernière version
  • Également disponible dans Google Docs, Slides et d’autres produits Workspace

  • Ajouter dans Google Workspace

    • Ouvrir le menu des polices dans un document puis cliquer sur « More Fonts »
    • Rechercher « Shantell Sans » dans le panneau pop-up qui s’ouvre
    • Cliquer sur la famille de polices pour l’ajouter au menu des polices
    • Google Material Design Blog : version simplifiée disponible

À lire aussi

1 commentaires

 
GN⁺ 1 시간 전
Avis Hacker News

  • En regardant l’échantillon multilingue vers le milieu de l’article, j’ai remarqué que les glyphes cyrilliques de cette police sont excellents
    Quand on essaie une nouvelle police, les caractères cyrilliques sont souvent moins réussis que les caractères latins, à part quelques exceptions comme les polices de fonderies du monde cyrillique telles que ParaType
    Le dernier tiers de l’article explique en détail comment ils y sont parvenus
    https://www.paratype.com/fonts/pt/yefimov-sans?tab=gallery

  • Le curseur de formalité avec lequel on peut jouer sur la page Google Fonts liée dans l’article est un exemple vraiment génial d’utilisation d’un axe de police variable parmi les plus intéressants que j’aie vus récemment
    On a l’impression de voir Metafont être lentement mais sûrement réévalué
    https://fonts.google.com/specimen/Shantell+Sans

    • La Dash de Typotheque a aussi un axe variable presque identique, qu’ils appellent « Speed » : https://www.typotheque.com/fonts/dash-casual
      Pour une raison quelconque, il faut cliquer sur la case « Variable » pour voir toute l’étendue de la variation
    • C’est ça le plus cool. En plus, il y a même un curseur “bounce”
      On vit vraiment à une époque formidable… Je me demande s’il existe d’autres polices avec ce genre de réglages spécialisés
      J’attends toujours la technologie qui permettra une vraie police manuscrite avec une véritable part d’aléatoire
    • Je ne connais pas très bien Metafont, c’est bien de ça qu’il s’agit ? https://ctan.org/pkg/metafont?lang=en
    • Attendez, ça veut dire qu’en la rendant plus informelle, les glyphes individuels d’un même caractère peuvent devenir différents au sein d’une seule phrase ?

  • La police est excellente. Cela dit, il manque des glyphes variables qui iraient encore plus loin techniquement
    La sensation d’une écriture manuscrite disparaît quand les lettres ont toujours exactement la même forme
    Ce serait vraiment génial de pouvoir inclure 5 ou 6 petites variations pour chaque lettre et les faire alterner aléatoirement

  • Je suis surpris de n’avoir jamais vu cette police auparavant. J’ai utilisé pas mal de polices de la famille Comic Sans, et c’est de loin la plus belle police que j’aie vue jusqu’à présent

  • La ressemblance avec Comic Sans était tellement évidente que la première chose que j’ai faite dans l’article a été un Ctrl-F sur « comic »
    Ma première pensée a été : jusqu’où ont-ils poussé le concept ?
    La manière dont les mentions de Comic Sans sont réparties dans l’article est aussi intéressante : elles apparaissent plusieurs fois vers les 30 %, comme pour reconnaître clairement la filiation, puis presque plus du tout ensuite
    Cette police est vraiment allée plus loin, et avec beauté

  • Serait-ce étrange de vouloir une version monospace de cette police ? Elle a vraiment l’air superbe et très bien conçue

    • En ce moment, j’aime beaucoup Recursive Mono Casual. Je crois que je l’ai récupérée sur Google Fonts
      https://www.recursive.design
      https://fonts.google.com/specimen/Recursive?preview.script=L...
    • J’utilise celle-ci et je l’adore. Ce n’est pas exactement pareil, et ce n’est pas gratuit non plus, mais je trouve qu’elle est vraiment magnifiquement conçue
      https://tosche.net/fonts/codelia
    • Moi aussi, j’espérais vraiment une version monospace
      J’ai utilisé pendant un temps une police monospace inspirée de Comic Sans pour coder, et je la trouvais très lisible
      Cette police est tellement belle que j’aimerais vraiment la voir aussi dans un terminal
    • J’ai récemment vu Annotation Mono ; ce n’est pas aussi informel que Shantell Sans, mais elle garde tout de même un aspect manuscrit
      https://qwerasd205.github.io/AnnotationMono/

  • Ma fille, qui est dyslexique, en a été très satisfaite. Dans les exemples, elle préfère clairement cette police à Roboto

    • Je ne suis pas dyslexique, mais même dans l’exemple avec Roboto, la différence de lisibilité m’a semblé très nette
      À ce stade, je m’étais tellement habitué à Shantell Sans que Roboto me paraissait presque difficile à lire

  • Waouh, c’est tellement laid qu’il est difficile d’expliquer à quel point c’est laid

  • Je viens juste de la découvrir et c’est déjà devenu ma police manuscrite préférée. Superbe travail

  • On dirait une magnifique œuvre d’art issue de l’interaction humain-machine
    On pourrait tout à fait l’utiliser dans des contextes où Comic Sans risquerait de paraître un peu moqueuse