année 2011 2012

Fil des billets

Sous-catégories

23 octobre 2011

Que dire sur la typographie du Bauhaus ? La typographie et le mouvement moderne

En regardant la photographie du Bauhaus ci-dessous, nous nous demandions comment décrire la typographie ... après "quelques" recherches (en réalité on croit toujours que ça va aller vite, mais le sujet est toujours beaucoup plus vaste qu'on imagine), voici ce qu’on pourrait en dire (et la typographie moderne pourrait tout à fait être un sujet de dossier pour le bac !)


Le Bauhaus : ici ce qu'il faut regarder c'est l'inscription "Bauhaus" à droite ...

 

De nouveaux caractères


-          La typographie est minimaliste : le choix est celui de la sobriété

-          C’est une écriture "linéale", ou « grotesque », c'est-à-dire sans empattements (les empattemants sont les petites extensions qui forment la terminaison des caractères ; ces empattements permettaient aux Romains d’accentuer les jeux de lumière dans la gravure sur pierre)

 

Un exemple d'empattement : en haut avec ; en bas sans ...


 

En effet, l’objectif est la sobriété et le fonctionnalisme : la forme doit épouser la fonction … on retrouve le même principe qu’en architecture (la maison doit être fonctionnelle, c’est une « machine à habiter », les façades sont lisses, blanches et sans ornementation …).

 


Un nouveau contexte : l'apparition de la typographie moderne


Cette typographie s’inscrit dans un courant de recherche et d’expérimentation d’une nouvelle typographie :

-          Les premières recherches sont menées en Russie , en 1920, après la Révolution Russe : on veut créer des objets utiles, fonctionnels et produits de manière industrielle … dans la typographie, cela se traduit par la suppression de la surcharge décorative.

-          C’est l’Allemagne qui prend le relais, car elle dispose de moyens industriels : en 1925, un professeur du Bauhaus, Herbert Bayer, propose un alphabet universel caractérisé par

o   ses lettres rondes - a, b, c, d, e, g, n, o, p, q, u – qui sont construites sur la base d’un cercle toujours identique, ; seules les droites qui permettent de les distinguer les unes des autres.

o   La suppression des empattements

o   La suppression des majuscules (considérées comme redondantes et donc inutiles) (pas très pratique quand on pense que l’allemand est la langue qui utilise le plus de majuscules !)

 

L'alphabet universel de Bayer, créé en 1925

 


       - En 1927, Paul Renner, proche des positions du Bauhaus, crée la police Futura

La police futura

 


L’idée, pour nos typographes avant-gardistes, c’est de créer une typographie débarrassé des connotations nationales, et qui soit donc supranationales … on se situe peu de temps après le traumatisme de la 1ère guerre mondiale, qui a vu s’affronter les nationalismes … comme je le disais en classe, l’art véhicule des idées et pas seulement des formes …



Une typographie moderne qui contraste avec la typographie très ornementée et dense qui s'était développée au XIXème s


Cette typographie moderne contraste fortement avec la typographie gothique, la plus répandue dans les années 1920. Au XIXème s s'était développée dans la typographie une sorte de course à l'ornement et des mises en pages surchargées, avec des marges insuffusantes et donc des ouvrages très denses

 

La police "gothique"

 

A la fin du XIXème, William Morris tente de revenir à un travail plus artisanal ; ses ouvrages sont dans l'esthétique Arts § Crafts : très ornementés, et chers car produits artisanalement. Cette expérience restera sans suite mais est considérée comme un chef d'oeuvre de conception éditoriale.


Double page page extraites de l'édition Kelmscott de 1896 sur les oeuvres de Chaucer

 

http://typographisme.net/post/La-typographie-asym%C3%A9trique-de-Jan-Tschichold



Une nouvelle mise en page


Cette nouvelle police de caractères est destinée à être utilisée dans la publicité. Mais la police n’est pas la seule à être bouleversée, la mise en page est aussi concernée par cette petite révolution : regardez cet extrait d'un livre d'un troisième grand nom de la typographie, lui aussi membre du Bauhaus, Tschiscold : voilà ce qu'il dit sur la mise en page : 


Ci dessous, selon Tschischold, c'est ce qu'il ne faut pas faire : la mise en page est symétrique

 


Et ci-dessous, c'est ce qu'il faut faire : la mise en page est ... asymétrique : l’idée c’est de créer un déséquilibre dans l’espace, afin d’attirer l’attention du lecteur ;  l’isolement d’un mot ou son placement à l’endroit le plus primordial pour l’œil le met en évidence plus efficacement qu’en changeant la taille ou la police.

 


Et voici d'où sont extraites les deux images ci-dessus (Jean Tshcichold, Elementare Typographie, 1925):  

 


Concrètement, ça donne le type de mise en page ci-dessous (extrait de Jean Tshcichold, Elementare Typographie, 1925) 

 

in 

http://typographisme.net/post/La-typographie-asym%C3%A9trique-de-Jan-Tschichold

Décidément l’asymétrie était dans l’air du temps, rappelez vous ce que dit Bruno Zevi à propos de la symétrie en architecture … (cf http://blog.crdp-versailles.fr/histargeo/index.php/post/19/09/2011/Le-diktat-de-la-sym%C3%A9trie-selon-Bruno-Zevi-%3A-forme-et-fonctions-dans-l-architecture-moderne-...).  


B.Zevi, le langage de l'architecture moderne p.21: en haut c'est symétrique, la fonction épouse la forme, en bas c'est asymétrique, la forme épouse la fonction

 


Le principe d’harmonie qui gouvernait la mise en page typographique traditionnelle est remplacé par celui de contraste.


Il s’agit également de donner au texte l’apparence d’une image : dans cette affiche de Tschischold, on voit bien comment la composition du la page, disposée selon des lignes obliques et autour de formes géogmétriques (cercles, triangle) peut se rapprocher des peintures abstraites réalisées à la même époque.

 


Rappelez vous c'est pareil dans l'architecture ... comme le montre cet encadrement de fenêtre dans le couvent de la Tourette réalisé par le Corbusier en  1951 à la Tourette … un peu comme l’encadrement de fenêtres que je vous ai montré de Le Corbusier, qui semblait être un tableau …


 


Voilà ... la peinture abstraite est donc une racine commune à la typographie et à l'architecture modernes ... C'est le MOUVEMENT moderne dont on a parlé hier ...

Par la suite, Tschischold travaillera beaucoup pour la publicité. Son travail sera également repris par les publicitaires eux-mêmes ... mais l'utilisation de l'art par la publicité, c'est un autre sujet ...

Les sites consultés et leur adresse URL :


Je suis "tombée" sur beaucoup de très bons sites, qui plus avec une très belle mise en page ... typographie oblige ...

- Revue texte image   http://www.revue-textimage.com/04_a_la_lettre/philizot2.html#note_9_

- Typographisme http://typographisme.net/post/La-typographie-asym%C3%A9trique-de-Jan-Tschichold-%5B2%5D

- Un article dans Persée écrit en 1987 de Jadette Laliberté, la typographie moderne, conséquence de la révolution industrielle ?  http://www.persee.fr/web/revues/home/prescript/article/colan_0336-1500_1987_num_72_1_974

Comment faire un plan pour le dossier Histoire des Arts ? Forme et fonction ...

Voici la question d'Hortense : "j'aurais souhaité savoir si pour mon plan sur la salle pleyel je pouvais faire ma premiere partie sur l'architecture et la seconde partie sur l'acoustique et la scenographie ?" ... "Il correspondrait à : I/ Une Architecture légendaire des années 30 II/ Une Acoustique extraordinaire, connu dans le monde entier"

Ma réponse : ta première proposition est trop descriptive ...la deuxième est bien ... ; tu proposes un plan avec une première partie où tu étudierais la forme et une deuxième où tu étudierais la fonction du bâtiment ; ça me semble pertinent ... tu peux cependant problématiser un peu plus autour d'une question du genre : "en quoi la salle Pleyel est-elle une réponse esthétique et moderne (la forme) à une fonction de salle de concert (accueillir du monde / offrir la meilleure acoustique possible)."

I/ Un bâtiment dont l'esthétique est celle des années 30 : l'art déco (la forme)

Mettre en relation le bâtiment (extérieur / intérieur / mobilier - les ascenceurs par ex) avec la définition de l'art décoratif ; montrer que l'art décoratif est très répandu (expo arts déco 1925) / comparer avec d'autres bâtiments / d'autres objets de la même époque

Montrer la réception par les contemporains : ex de Le Corbusier

II/ Une acoustique révolutionnaire ?

Montrer le travail sur l'acoustique / mettre la salle en relation avec d'autres salles de concert de la même époque / antérieure pour montrer dans quelle tradition se place la salle Pleyel et quelles ont été les innovations : ne pas oublier la comparaison !

Conclure en montrant que la salle Pleyel est encore aujourd'hui une salle de concert ... une rénovation récente, preuve de la patrimonialisation ; que pensent les acousticiens de cette salle aujourd'hui ?

Rencontre avec une professionnelle : où peuvent mener des études de droit ?

Voici un billet de Ninon sur notre rencontre avec une professionnelle, mardi 11 octobre, qui a commencé par faire des études de droit ... l'occasion de vérifier que les études de droit peuvent avoir des débouchés très larges ...

 

A l'occasion de notre étude des territoires du quotidien, nous avons visité les bâtiments de la SAEM Val de Seine. Nous avons rencontré Mme C. qui nous a fait part de sa formation professionnelle. Après son bac, elle a fait deux ans d'études de droit ("deug"), puis est entrée en école de communication. Elle a ensuite travaillé dans l'informatique et la finance. Elle s'est rendu compte qu'elle aimait beaucoup écrire. A la suite d'un changement professionnel, elle vient habiter à Boulogne en 2003 et se retrouve à la direction de la communication de Boulogne Billancourt (rédaction du BBI). On lui demande alors de s'occuper du centre de communication/information de la SAEM en 2006. Cette Société Anonyme d'Economie Mixte a pour but de présenter aux Boulonnais l'opération de rénovation des quartiers du Trapèze, de l'Ile Seguin et du Pont de Sèvres en donnant une information juste au grand public. Il y a cinq directions à la SAEM, Mme C. travaille elle à celle de la communication et est ainsi en contact avec beaucoup de métiers différents. Dans une semaine type, elle va faire beaucoup de visites du site (à des classes, des architectes,...) et s'occupe aussi de la communication interne et du site internet. Ces différentes occupations au sein de la société lui demandent des connaissances en urbanisme et en architecture.

Ninon


La classe de 1ère S2 autour de la maquette du quartier du Trapèze présentée par Mme C.


 

L'art et la publicité

La symétrie

La typographie les affiches

Citroen

http://iconomaque.fr/

tschischoldhttp://www.google.fr/search?hl=fr&rls=com.microsoft:fr:IE-SearchBox&rlz=1I7SVEA_frFR355&q=tschichold+publicit%C3%A9&bav=on.2,or.r_gc.r_pw.,cf.osb&biw=922&bih=487&wrapid=tlif131935132170910&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi

l'Oreal, l'art abstrait

pub nokia

http://www.google.fr/imgres?q=tschichold+publicit%C3%A9&um=1&hl=fr&sa=N&rls=com.microsoft:fr:IE-SearchBox&rlz=1I7SVEA_frFR355&biw=922&bih=487&tbm=isch&tbnid=LTJ1VM-VswMl8M:&imgrefurl=http://clementinewitasse.wordpress.com/&docid=kbCM3sFV8cks8M&imgurl=http://clementinewitasse.files.wordpress.com/2011/02/pubnokiaselontchichold1.jpg%253Fw%253D490%2526h%253D693&w=490&h=693&ei=lrWjTsjoEM_IsgbYocTYAg&zoom=1&iact=hc&vpx=352&vpy=114&dur=959&hovh=267&hovw=189&tx=91&ty=110&sig=109811068349838438417&page=1&tbnh=140&tbnw=101&start=0&ndsp=10&ved=1t:429,r:2,s:0

L'effet tilt and shift et la pub

L'architecture moderne et la peinture

Hier on a fait en cours le parallèle entre l'architecture moderne et la peinture : comment Von Doesburg, Rietveld, Mies Van Der Rohe, Le Corbusier, Mallet Stevens etc. ont pu être influencé par la peinture abstraite, et comment tout cela formait un mouvement appelé le mouvement moderne. Je vous donne le lien où vous trouverez de nombreuses images que j'ai utilisé dans mon diaporama ... jusqu'à l'utilisation de Mondrian dans la publicité ! 

http://www.intellego.fr/soutien-scolaire-premiere-professionnelle/aide-scolaire-arts-appliques/pietr-mondrian-et-le-mouvement-de-stijl/3516

- page 24 de 43 -