Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Fontes variables, la matrice typographique par Malou VERLOMME

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité

Consultez-les par la suite

1 sur 42 Publicité

Fontes variables, la matrice typographique par Malou VERLOMME

Télécharger pour lire hors ligne

À l’heure de la création liquide ou “responsive”, les fontes se mettent à la page.

La technologie “Multiple Master” et plus récemment les “variable fonts” permettent au dessinateur de caractères de de réfléchir en terme d’espace de design et non plus en forme statique, comme cela a été le cas pendant des siècles.

Cela ouvre des perspectives infinies pour le créateur, mais aussi pour l’utilisateur qui se trouvera demain en possession d’une matrice typographique.

À l’heure de la création liquide ou “responsive”, les fontes se mettent à la page.

La technologie “Multiple Master” et plus récemment les “variable fonts” permettent au dessinateur de caractères de de réfléchir en terme d’espace de design et non plus en forme statique, comme cela a été le cas pendant des siècles.

Cela ouvre des perspectives infinies pour le créateur, mais aussi pour l’utilisateur qui se trouvera demain en possession d’une matrice typographique.

Publicité
Publicité

Plus De Contenu Connexe

Plus par La Cuisine du Web (20)

Plus récents (20)

Publicité

Fontes variables, la matrice typographique par Malou VERLOMME

  1. 1. Variable fonts & la matrice typographique Malou Verlomme • BlendWebMix 2017
  2. 2. Un nouveau format
  3. 3. L’annonce Septembre 2016, ATypI Varsovie [https://www.youtube.com/watch?v=6kizDePhcFU]
  4. 4. “Une fonte unique qui se comporte comme plusieurs fontes” John Hudson [https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369]
  5. 5. Un seul fichier
  6. 6. Deltas
  7. 7. 657 kb 199 kb Taille de fichiers
  8. 8. CJ Dunn [http://cjtype.com/dunbar] Dunbar
  9. 9. La matrice & le designer
  10. 10. g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g g Malou Verlomme, 2012 Camille
  11. 11. Malou Verlomme, 2012 Camille
  12. 12. abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc Camille Slab Hairline Thin Extra Light Light Regular Medium Bold Extra Bold Black Camille Slab ItalicCamille Antique Camille Antique ItalicCamille Modern Camille Modern ItalicCamille Display Camille Display Italic Malou Verlomme, 2012 Camille
  13. 13. Ionic N°5, Linotype, 1925 Ionique
  14. 14. a a a Original Ionic N°5Drawn master (Light) Drawn master (Bold) Generated instance (Regular) Malou Verlomme & Clément Charbonnier, 2016 Ionique
  15. 15. abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXY&Z abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXY&Z abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXY&Z Malou Verlomme & Clément Charbonnet, 2016 Ionique
  16. 16. Petit historique de la matrice typographique
  17. 17. Univers, Adrian Frutiger 1957 — Univers
  18. 18. Thesis, Lucas de Groot 1994-1999 — Thesis
  19. 19. Nick Sherman [https://alistapart.com/column/font-hinting-and-the-future-of-responsive-typography] 1894 — Century Expanded
  20. 20. 1835 — Vincent Figgins
  21. 21. Ferdinand Ulrich [https://www.fontshop.com/content/from-compressed-light-to-extended-ultra] 1828–1900 — American wood type
  22. 22. TYPO Labs 2017, Akiem Helmling & Bas Jacobs 2017 — Underware
  23. 23. C’est pour quand?
  24. 24. chrome canary Chrome 62 Safari 11 Firefox Developer Edition Browsers
  25. 25. [https://www.youtube.com/watch?v=ch8neQEPuIA] Apps
  26. 26. Demo
  27. 27. Laurence Penney [www.axis-praxis.org] Axis Praxis
  28. 28. Erik van Blokland, [http://letterror.com/dev/mathshapes] Responsive Lettering
  29. 29. Nouveaux horizons
  30. 30. Typographie responsive
  31. 31. Jean François Porchez [https://typofonderie.com/fonts/mencken-family] Mencken Pro GX
  32. 32. Andrew Johnson and Erik van Blokland [https://vimeo.com/178954414] Adaptation à la distance du lecteur
  33. 33. Tom Lokhorst [https://twitter.com/i/web/status/837037624003031040] Adaptation à la lumière ambiante
  34. 34. Justification Indesign Justification settings
  35. 35. FOUT Robin Rendle [https://robinrendle.com/essays/new-web-typography/]
  36. 36. Nick Sherman [http://font-to-width.com] Font-to-width
  37. 37. C’est beau le progrès, mais…
  38. 38. Desktop License Extended Multi-User License Library Subscription Digital Ad License Mobile App License Electronic Publication (ePub) License Server License Webfont LicenseFamily pack Single weight Bundles Free trials Film License Font renting Modèle de licence
  39. 39. La matrice pour l’utilisateur
  40. 40. “Dans le nouvel âge de l’informatique, 
 la multiplication des polices de caractères […] représentent une nouvelle forme de pollution visuelle menaçant nos cultures” Massimo Vignelli
  41. 41. Choix = Liberté?
  42. 42. Merci! @malouverlomme

×