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

Post on 29-Jan-2018

2.422 views 0 download

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

Nous vivons une époque formidable.

Nous aimons le Web.

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

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.

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.

Trop jeune pour être sérieux

Trop froid pour émouvoir

Trop moche pour être lisible

Surcharge sur un journal en ligne

Problème de lisibilité sur Wikipédia

Une affaire de perception

Amalgame entre support et contenu et contamination réciproque.

Une affaire de sensation

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

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

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

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.

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

L’imprimerie

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

Humanisme & Réforme

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

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

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.

Des caractères nouveaux

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

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.

Au début, la Textura

La gothique bâtarde

Le premier romain

Le Garamond

500 ans plus tard, quelle mission ?

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.

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.

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.

Rechercher l’excellence

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

Être en phase avec son temps

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

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

Le Futura, caractère du Bauhaus

 

Le progrès en marche aujourd’hui

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.

Sur les liseuses électroniques

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

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.

Avant et après hinting (merci Typekit !)

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

Spécialisation des métiers

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

La collection A Book Apart

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.

Les 3 états de Sweet Hat Club

Jeunesse du support et grands travaux

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.

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é.

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.

Blog de Mounir Lamouri

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é.

StudioCE.de

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.

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.

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.

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.

Un dernier mot…

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.

MERCIRessources & liens sur

typographisme.net/pages/kikk2011

Pour me poser des questions ou me raconter des blagues :

@mitternacht ✽ asfradier@gmail.com ✽ typographisme.net