Nous vivons une époqueformidable.
Nous aimons le Web.Le Web met la connaissance,l’échange, les idées et lespetits pandas à portée detous.
Nous aimons la révolutiondu numérique.Un nouveau support quifacilite la diffusion, accroît lepublic accessible et élargit ...
Univers des contenus longsLe Web est en mesure d’êtrela Bibliothèque d’Alexandriemise à la portée de tous, maisil reste de...
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 perceptionAmalgame entre support etcontenu et contaminationréciproque.
Une affaire de sensationImmatériels, les contenusnumériques peinent à séduireet à véhiculer une impressionde valeur intrin...
“De la typographiesur le Web ? Uneperte de temps.— Mon copain Charles del’atelier
“Mais enfin Charles,ressaisis-toi, tuparles comme unmoine de 1462, labière en moins !— Votre serviteuse
Anoblir le numériqueCes objections sont en partieinfondées mais révélatrices :le numérique doit acquérirses lettres de nob...
Il y a 500 ans, en pleinerévolution de l’imprimerie…
L’imprimerieUne nouvelle technique quifacilite la diffusion, accroît lepublic accessible et élargit lebassin d’auteurs pot...
Humanisme & RéformeVolonté de mettre le savoir– et les textes religieux – à laportée de tous.
Le livre imprimé est à la foisle véhicule et le fruit d’unevolonté de clarté.
Emploi du françaisLe français remplace le latincomme véhicule du savoir etdes idées, et devient langueofficielle de l’admi...
Des caractères nouveauxLes graveurs cherchent àanoblir la langue française età donner à la page impriméela clarté des idée...
Une nouvelle mise en pageOn abandonne le modèle dumanuscrit pour une mise enpage en accord avec lesupport et la technique.
Au début, la Textura
La gothique bâtarde
Le premier romain
Le Garamond
500 ans plus tard, quellemission ?
Accessibilité & StandardsMettre les contenus à laportée de tous et œuvrerpour l’universalité du Web enpromouvant les stand...
Aller dans le sens dusupportL’écran, imprévisible, et lapage sans contours seconjuguent pour former unsupport dont les pos...
Repenser la typographieRedéfinir les moyensd’atteindre les objectifs delisibilité, d’intelligili-bilité etd’esthétique pour...
Rechercher l’excellenceComme il y a la belle édition,le design Web et latypographie numériquepeuvent être des artisanatsd’...
Être en phase avec sontempsLa typographie entretient unrapport étroit avec l’histoiredes idées.
Le Didot, caractère de la Révolution française
Le Futura, caractère du Bauhaus
 Le progrès en marcheaujourd’hui
Dans les navigateursLe support de @font-face lèvela limite des polices websafe,des propriétés CSS3 commela gestion de la c...
Sur les liseusesélectroniquesLes technologies d’e-inkprogressent. Confort delecture et basseconsommation sont depuissants ...
Du côté des fonderiesOn numérise et on adapte lespolices pour l’écran à l’aidedu hinting manuel, véritabletravail d’orfèvr...
Avant et après hinting (merci Typekit !)
Jonathan Hoefler déclenchant l’hystérie lors de         la Ampersand Conference.
Spécialisation des métiersLe Web s’est professionnalisé,les différentes disciplinessont approfondies et leniveau de compét...
La collection A Book Apart
Le tournant du designréactifOn cesse progressivementd’aller contre le support : lapage Web est mouvante, letexte numérique...
Les 3 états de Sweet Hat Club
Jeunesse du supportet grands travaux
L’inégalité par le navigateurL’expérience Web peut varierconsidérablement d’unnavigateur à l’autre. Beaucoupde techniques ...
Accessibilité & universalitéParce qu’il lève les barrièresdu temps et de l’espace, leWeb a vocation à êtreaccessible à tou...
Une typographie solideC’est le visage du contenu.Elle doit faciliter la lecture etminimiser la fatigue, mettreen évidence ...
Blog de Mounir Lamouri
La clarté et la rigueur de lamise en page confèrentintelligibilité et crédibilité aucontenu.Les choix esthétiquescontribue...
StudioCE.de
Le livre numérique à inventerInteractivité, multimédia, éco-systèmes, enrichissement…Le livre numérique doitfonder sa légi...
Voir à long termeProduire des designs durablesimplique de garder du reculfaceà toutes les nouveautés et deprivilégier les ...
Lâcher priseIl y aura toujours uneminorité de beaux sites pourun océan de pages affreuses.L’important est que les sitesuti...
La tâche est immense maisles outils et les bonnesvolontéssont là.Le texte numériqueatteindra la maturité plustôt que nous ...
Un dernier mot…
Pour Antoine Augereau,pendu en 1534, comme pourles blogueurs emprisonnés ence moment. Les vecteurs de laliberté d’expressi...
MERCI      Ressources & liens surtypographisme.net/pages/kikk2011   Pour me poser des questions ou me          raconter de...
Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.
Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.
Prochain SlideShare
Chargement dans…5
×

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

2 372 vues

Publié le

En rendant plus faciles et immédiates que jamais la publication et la diffusion de connaissances et d'informations, l'avènement du Web et des supports numériques online et offline est une révolution qui a beaucoup en commun avec celle qui secourait l'Europe il y a plus de 500 ans, l'imprimerie. Pourtant, en dépit de possibilités inouïes, ces nouveaux supports souffrent de problèmes de qualité, de crédibilité et d'accessibilité qui nuisent autant à leur expansion qu'aux contenus qu'ils véhiculent. Peut-on, en se tournant vers la Renaissance et l'aventure des premiers typographes, trouver des réponses à ces problématiques contemporaines ?

Publié dans : Design
4 commentaires
10 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
2 372
Sur SlideShare
0
Issues des intégrations
0
Intégrations
124
Actions
Partages
0
Téléchargements
41
Commentaires
4
J’aime
10
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \n
  • \n
  • \n
  • \n
  • Réduction, voire disparition des coûts de publication\nImmédiateté de la transmission\nUbiquité des savoirs et des contenus\n
  • Je vais passer en revue les principales objections qu’on fait souvent aux contenus diffusés sur le Web ainsi qu’au livre électronique. On va voir qu’elles s’appuient pratiquement toujours sur une comparaison avec le papier. Et il va falloir se demander si cette comparaison est pertinente.\n
  • Problème de CRÉDIBILITÉ :\nSources non traçables, impression que tout le monde peut dire des choses invérifiables dans une sorte d’effervescence toute adolescence : Wikipédia. Le livre, lui, s’inscrit dans une longue tradition de transmission du savoir qui lui confère une légitimité (même truffé d’âneries)\nLe Web est encore vu comme un univers expérimental.\n\n
  • Le Web, l’écran, etc. sont associés à l’univers des sciences et au travail.\nÉcran = froideur, incompatible avec l’émotion littéraire, avec une relation intime avec le contenu.\nLe numérique est considéré par certains comme un outil avant tout.\n
  • - Mises en page surchargées, graphisme douteux\n- Mises en page inconfortables, problèmes de lisibilité (cf. Wikipédia)\n- Qualité des écrans : fatigue visuelle due à la luminosité et au flou entourant les caractères\n
  • \n
  • \n
  • Les contenus sur le Web sont très hétéroclytes, ce support s’apparente à un capharnaüm.\nMauvaise qualité des contenus ou aspect purement utilitaire > le Web n’est pas fait pour les contenus de qualité\n> la perception des contenus Web en souffre.\n
  • Le livre parle aux sens : aspect de la mise en page, poids, texture du papier et de la couv, odeur de livre neuf ou de vieux bouquin\n> relation intime avec l’objet. Fétichisme.\nFichier : duplicable, effaçable, intangible. Son poids est abstrait. => JETABLE. Ne mérite pas d’être conservé. Moindre valeur.\n
  • Voilà comment on peut en arriver à entendre ce genre de choses. Heureusement, il s’agit d’un cas extrême : un passionné de belle édition qui pratique la typographie au plomb.\n
  • Voilà comment on peut en arriver à entendre ce genre de choses. Heureusement, il s’agit d’un cas extrême : un passionné de belle édition qui pratique la typographie au plomb.\n
  • Le Web et les supports numériques ont fait leur preuves dans bien des domaines – vie pratique, musique, administration, divertissement.\nLes domaines de la littérature et des contenus longs (encyclopédiques par ex.) sont encore dominés par l’idéal du livra. \n
  • \n
  • Oui, je recycle mes slides, c’est écologique.\nImpression en série possible = diffusion. Les auteurs se font publier. Cf. Rabelais. Les idées circulent.\n
  • On dit “démocratiser” l’accès au savoir aujourd’hui. La question de la traduction des textes religieux est centrale dans la Réforme, dont l’objectif, dans un premier temps, est de réconcilier les hommes avec la religion en place.\n\n
  • \n
  • 1539 : Ordonnance de Villers Cotterêt - Travail de Geoffroy Tory\nOn traduit les textes pour mieux les diffuser\n
  • Dans un 1er temps, on imite la calligraphie du manuscrit, idéal qu’on cherche à reproduire. \n\n
  • Les imprimeurs vont ensuite s’affranchir progressivement de cet idéal pour créer une nouvelle typographie en accord avec le support et la technique.\n
  • \n
  • \n
  • Basé sur l’écriture manuelle des humanistes (1460-70)\n
  • Rationnalisation de l’écriture humaniste manuscrite\n
  • \n
  • Opquast, technos ouvertes et universelles pour les fichiers multimédias, accessibilité des personnes porteuses de handicap\n
  • L’écran n’est pas le papier, ces deux supports sont fondamentalement différents. Le support numérique ne doit plus être considéré comme un parent pauvre du papier.\n
  • Ajustement des paramètres typographiques par rapport au papier\n
  • valeur ajoutée, crédibilité, sérieux, prestige\n
  • \n
  • Caractère rigoureux, très rationnel, sans lien avec la lettre calligraphiée. Représente le progrès technique, la rigidité, la morale (la “vertu”)\n
  • Dans les années 20, l’école du Bauhaus prône l’emploi d’un caractère simple et fonctionnel, recherchant l’efficacté et l’impact graphique plutôt que l’effet décoratif. On cherche dans la mécanisation et la production de masse un nouveau bonheur pour l’homme et l’aplanissement des écarts sociaux. \n
  • On l’a vu, l’état des lieux est assez mitigé. Heureusement, la typographie est un domaine qui évolue très rapidement et dans le bon sens depuis quelques années, grâce à la passion de ceux qui la font.\n
  • Attention, port du casque obligatoire, la prise en charge est très inégale d’un navigateur à l’autre.\nDébat sur @font-face : c’est cool parce qu’un caractère est porteur de quelque chose, moins cool quand on fait n’importe quoi (mais j’aime pas interdire pour éviter les débordements).\n
  • \n
  • On numérise des typos depuis que l’ordinateur a un moniteur, mais la généralisation de @font-face a créé une demande en typos conçues pour l’écran. Les fonderies répondent avec les Webfonts.\n
  • Expliquer le hinting.\n
  • Presque 100% du catalogue H&FJ prêt pour l’écran - We mentioned at the Ampersand conference that so far we've added 90,968,995 hints to our fonts.\n
  • La spécialisation permet la poursuite de l’excellence. Véritable prise en compte de la typographie, diffusion des bonnes pratiques de design typo\n
  • Problématiques toujours plus pointues, exploration du support\n
  • expliquer design réactif\nMeilleure compréhension du support\n
  • \n
  • Voilà le contexte, voyons maintenant l’ampleur de la tâche à accomplir\n
  • \n
  • Professionnalisation encore. L’ergonomie web est devenue un métier, la qualité doit l’être aussi.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • donc pas Silverlight. Ah tiens c’est déjà mort ça.\n
  • Et l’effet d’amalgame dont je parlais au début va s’atténuer avec la banalisation galopante du support. Il est totalement absent de l’édition papier et de l’édition musicale (les gagnants de la Star Ac ne diminuent pas la valeur des coffrets Deutsche Gramophon)\n
  • \n
  • \n
  • \n
  • \n
  • Kikk 2011 - De Garamont à Hoefler, une nouvelle typographie pour une nouvelle ère.

    1. 1. Nous vivons une époqueformidable.
    2. 2. Nous aimons le Web.Le Web met la connaissance,l’échange, les idées et lespetits pandas à portée detous.
    3. 3. Nous aimons la révolutiondu numérique.Un nouveau support quifacilite la diffusion, accroît lepublic accessible et élargit lebassin d’auteurs potentiels.
    4. 4. Univers des contenus longsLe Web est en mesure d’êtrela Bibliothèque d’Alexandriemise à la portée de tous, maisil reste des progrès à faire.
    5. 5. Trop jeune pour être sérieux
    6. 6. Trop froid pour émouvoir
    7. 7. Trop moche pour être lisible
    8. 8. Surcharge sur un journal en ligne
    9. 9. Problème de lisibilité sur Wikipédia
    10. 10. Une affaire de perceptionAmalgame entre support etcontenu et contaminationréciproque.
    11. 11. Une affaire de sensationImmatériels, les contenusnumériques peinent à séduireet à véhiculer une impressionde valeur intrinsèque.
    12. 12. “De la typographiesur le Web ? Uneperte de temps.— Mon copain Charles del’atelier
    13. 13. “Mais enfin Charles,ressaisis-toi, tuparles comme unmoine de 1462, labière en moins !— Votre serviteuse
    14. 14. Anoblir le numériqueCes objections sont en partieinfondées mais révélatrices :le numérique doit acquérirses lettres de noblesse.
    15. 15. Il y a 500 ans, en pleinerévolution de l’imprimerie…
    16. 16. L’imprimerieUne nouvelle technique quifacilite la diffusion, accroît lepublic accessible et élargit lebassin d’auteurs potentiels.
    17. 17. Humanisme & RéformeVolonté de mettre le savoir– et les textes religieux – à laportée de tous.
    18. 18. Le livre imprimé est à la foisle véhicule et le fruit d’unevolonté de clarté.
    19. 19. Emploi du françaisLe français remplace le latincomme véhicule du savoir etdes idées, et devient langueofficielle de l’administration.
    20. 20. Des caractères nouveauxLes graveurs cherchent àanoblir la langue française età donner à la page impriméela clarté des idées nouvelles.
    21. 21. Une nouvelle mise en pageOn abandonne le modèle dumanuscrit pour une mise enpage en accord avec lesupport et la technique.
    22. 22. Au début, la Textura
    23. 23. La gothique bâtarde
    24. 24. Le premier romain
    25. 25. Le Garamond
    26. 26. 500 ans plus tard, quellemission ?
    27. 27. Accessibilité & StandardsMettre les contenus à laportée de tous et œuvrerpour l’universalité du Web enpromouvant les standards etles bonnes pratiques.
    28. 28. Aller dans le sens dusupportL’écran, imprévisible, et lapage sans contours seconjuguent pour former unsupport dont les possibilitésdoivent être exploitées.
    29. 29. Repenser la typographieRedéfinir les moyensd’atteindre les objectifs delisibilité, d’intelligili-bilité etd’esthétique pour faciliter lalecture et l’assimilation descontenus.
    30. 30. Rechercher l’excellenceComme il y a la belle édition,le design Web et latypographie numériquepeuvent être des artisanatsd’art.
    31. 31. Être en phase avec sontempsLa typographie entretient unrapport étroit avec l’histoiredes idées.
    32. 32. Le Didot, caractère de la Révolution française
    33. 33. Le Futura, caractère du Bauhaus
    34. 34.  Le progrès en marcheaujourd’hui
    35. 35. Dans les navigateursLe support de @font-face lèvela limite des polices websafe,des propriétés CSS3 commela gestion de la césure et descolonnes émergent.
    36. 36. Sur les liseusesélectroniquesLes technologies d’e-inkprogressent. Confort delecture et basseconsommation sont depuissants atouts face aux
    37. 37. Du côté des fonderiesOn numérise et on adapte lespolices pour l’écran à l’aidedu hinting manuel, véritabletravail d’orfèvre au XXI e siècle.
    38. 38. Avant et après hinting (merci Typekit !)
    39. 39. Jonathan Hoefler déclenchant l’hystérie lors de la Ampersand Conference.
    40. 40. Spécialisation des métiersLe Web s’est professionnalisé,les différentes disciplinessont approfondies et leniveau de compétenceaugmente.
    41. 41. La collection A Book Apart
    42. 42. Le tournant du designréactifOn cesse progressivementd’aller contre le support : lapage Web est mouvante, letexte numérique est flexible,exploitons ces atouts.
    43. 43. Les 3 états de Sweet Hat Club
    44. 44. Jeunesse du supportet grands travaux
    45. 45. L’inégalité par le navigateurL’expérience Web peut varierconsidérablement d’unnavigateur à l’autre. Beaucoupde techniques utiles restentencore expérimentales.
    46. 46. Accessibilité & universalitéParce qu’il lève les barrièresdu temps et de l’espace, leWeb a vocation à êtreaccessible à tous.L’accessibilité n’est pas unplus, c’est une priorité.
    47. 47. Une typographie solideC’est le visage du contenu.Elle doit faciliter la lecture etminimiser la fatigue, mettreen évidence la hiérarchie del’information pour en faciliterla compréhension.
    48. 48. Blog de Mounir Lamouri
    49. 49. La clarté et la rigueur de lamise en page confèrentintelligibilité et crédibilité aucontenu.Les choix esthétiquescontribuent à renforcer lemessage et à donner uneimpression de qualité.
    50. 50. StudioCE.de
    51. 51. Le livre numérique à inventerInteractivité, multimédia, éco-systèmes, enrichissement…Le livre numérique doitfonder sa légitimité sur saspécificité et sa valeurajoutée.
    52. 52. Voir à long termeProduire des designs durablesimplique de garder du reculfaceà toutes les nouveautés et deprivilégier les technologiesouvertes et les standards.
    53. 53. Lâcher priseIl y aura toujours uneminorité de beaux sites pourun océan de pages affreuses.L’important est que les sitesutiles soient bien conçus.
    54. 54. La tâche est immense maisles outils et les bonnesvolontéssont là.Le texte numériqueatteindra la maturité plustôt que nous ne le pensons.
    55. 55. Un dernier mot…
    56. 56. Pour Antoine Augereau,pendu en 1534, comme pourles blogueurs emprisonnés ence moment. Les vecteurs de laliberté d’expression ne sontjamais acquis.
    57. 57. MERCI Ressources & liens surtypographisme.net/pages/kikk2011 Pour me poser des questions ou me raconter des blagues : @mitternacht ✽ asfradier@gmail.com ✽ typographisme.net

    ×