59

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

Embed Size (px)

Citation preview

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