Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

59

Transcript of Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Page 1: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.
Page 2: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Nous vivons une époque formidable.

Page 3: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.
Page 4: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Nous aimons le Web.

Le Web met la connaissance, l’échange, les idées et les petits pandas à portée de tous.

Page 5: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Nous aimons la révolution du numérique.

Un nouveau support qui facilite la diffusion, accroît le public accessible et élargit le bassin d’auteurs potentiels.

Page 6: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Univers des contenus longs

Le Web est en mesure d’être la Bibliothèque d’Alexandrie mise à la portée de tous, mais il reste des progrès à faire.

Page 7: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Trop jeune pour être sérieux

Page 8: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Trop froid pour émouvoir

Page 9: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Trop moche pour être lisible

Page 10: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Surcharge sur un journal en ligne

Page 11: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Problème de lisibilité sur Wikipédia

Page 12: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Une affaire de perception

Amalgame entre support et contenu et contamination réciproque.

Page 13: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Une affaire de sensation

Immatériels, les contenus numériques peinent à séduire et à véhiculer une impression de valeur intrinsèque.

Page 14: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

“De la typographie sur le Web ? Une perte de temps.— Mon copain Charles de l’atelier

Page 15: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

“Mais enfin Charles, ressaisis-toi, tu parles comme un moine de 1462, la bière en moins !— Votre serviteuse

Page 16: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Anoblir le numérique

Ces objections sont en partie infondées mais révélatrices : le numérique doit acquérir ses lettres de noblesse.

Page 17: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Il y a 500 ans, en pleine révolution de l’imprimerie…

Page 18: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

L’imprimerie

Une nouvelle technique qui facilite la diffusion, accroît le public accessible et élargit le bassin d’auteurs potentiels.

Page 19: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Humanisme & Réforme

Volonté de mettre le savoir – et les textes religieux – à la portée de tous.

Page 20: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le livre imprimé est à la fois le véhicule et le fruit d’une volonté de clarté.

Page 21: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Emploi du français

Le français remplace le latin comme véhicule du savoir et des idées, et devient langue officielle de l’administration.

Page 22: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Des caractères nouveaux

Les graveurs cherchent à anoblir la langue française et à donner à la page imprimée la clarté des idées nouvelles.

Page 23: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Une nouvelle mise en page

On abandonne le modèle du manuscrit pour une mise en page en accord avec le support et la technique.

Page 24: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Au début, la Textura

Page 25: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

La gothique bâtarde

Page 26: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le premier romain

Page 27: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le Garamond

Page 28: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

500 ans plus tard, quelle mission ?

Page 29: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Accessibilité & Standards

Mettre les contenus à la portée de tous et œuvrer pour l’universalité du Web en promouvant les standards et les bonnes pratiques.

Page 30: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Aller dans le sens du support

L’écran, imprévisible, et la page sans contours se conjuguent pour former un support dont les possibilités doivent être exploitées.

Page 31: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Repenser la typographie

Redéfinir les moyens d’atteindre les objectifs de lisibilité, d’intelligili-bilité et d’esthétique pour faciliter la lecture et l’assimilation des contenus.

Page 32: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Rechercher l’excellence

Comme il y a la belle édition, le design Web et la typographie numérique peuvent être des artisanats d’art.

Page 33: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Être en phase avec son temps

La typographie entretient un rapport étroit avec l’histoire des idées.

Page 34: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le Didot, caractère de la Révolution française

Page 35: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le Futura, caractère du Bauhaus

Page 36: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

 

Le progrès en marche aujourd’hui

Page 37: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Dans les navigateurs

Le support de @font-face lève la limite des polices websafe, des propriétés CSS3 comme la gestion de la césure et des colonnes émergent.

Page 38: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Sur les liseuses électroniques

Les technologies d’e-ink progressent. Confort de lecture et basse consommation sont de puissants atouts face aux

Page 39: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Du côté des fonderies

On numérise et on adapte les polices pour l’écran à l’aide du hinting manuel, véritable travail d’orfèvre au XXIe siècle.

Page 40: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Avant et après hinting (merci Typekit !)

Page 41: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Jonathan Hoefler déclenchant l’hystérie lors de la Ampersand Conference.

Page 42: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Spécialisation des métiers

Le Web s’est professionnalisé, les différentes disciplines sont approfondies et le niveau de compétence augmente.

Page 43: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

La collection A Book Apart

Page 44: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le tournant du design réactif

On cesse progressivement d’aller contre le support : la page Web est mouvante, le texte numérique est flexible, exploitons ces atouts.

Page 45: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Les 3 états de Sweet Hat Club

Page 46: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Jeunesse du support et grands travaux

Page 47: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

L’inégalité par le navigateur

L’expérience Web peut varier considérablement d’un navigateur à l’autre. Beaucoup de techniques utiles restent encore expérimentales.

Page 48: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Accessibilité & universalité

Parce qu’il lève les barrières du temps et de l’espace, le Web a vocation à être accessible à tous. L’accessibilité n’est pas un plus, c’est une priorité.

Page 49: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Une typographie solide

C’est le visage du contenu. Elle doit faciliter la lecture et minimiser la fatigue, mettre en évidence la hiérarchie de l’information pour en faciliter la compréhension.

Page 50: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Blog de Mounir Lamouri

Page 51: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

La clarté et la rigueur de la mise en page confèrent intelligibilité et crédibilité au contenu. Les choix esthétiques contribuent à renforcer le message et à donner une impression de qualité.

Page 52: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

StudioCE.de

Page 53: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Le livre numérique à inventer

Interactivité, multimédia, éco-systèmes, enrichissement… Le livre numérique doit fonder sa légitimité sur sa spécificité et sa valeur ajoutée.

Page 54: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Voir à long terme

Produire des designs durables implique de garder du recul face à toutes les nouveautés et de privilégier les technologies ouvertes et les standards.

Page 55: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Lâcher prise

Il y aura toujours une minorité de beaux sites pour un océan de pages affreuses. L’important est que les sites utiles soient bien conçus.

Page 56: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

La tâche est immense mais les outils et les bonnes volontés sont là. Le texte numérique atteindra la maturité plus tôt que nous ne le pensons.

Page 57: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Un dernier mot…

Page 58: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

Pour Antoine Augereau, pendu en 1534, comme pour les blogueurs emprisonnés en ce moment. Les vecteurs de la liberté d’expression ne sont jamais acquis.

Page 59: Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

MERCIRessources & liens sur

typographisme.net/pages/kikk2011

Pour me poser des questions ou me raconter des blagues :

@mitternacht ✽ [email protected] ✽ typographisme.net