Source d’inspiration | i Love Typography

Publié le 24/02/2009 par Peter Gabor

Allez piqûre de rappel: i Love Typography toujours indispensable pour aller y pêcher des idées, des ressourcements, et pourtant bien souvent je reste sur ma faim. Pourquoi. Sans doute pour une raison très simple, les images publiés sont fréquemment déconnectés de l’histoire qui les a généré. Du coup il manque une dimension sémantique et nous reste juste les effets de style. Et là gros problème. Plus de la moitié des travaux exposés sur le blog peuvent être «sourcés» auprès des grands maîtres de la typographie et de l’art graphique des années 80-90. Voire plus ancien. Le <M> par exemple me fait penser aux travaux de Lubalin et Dorsman , la composition en rouge et noir aux transgressions de David Carson , etc. Pour dire juste que le contexte, qui légitime ces créations fait souvent défaut sur tous les blogs «vitrines-résonnateurs». On se contente de montrer (c’est déjà pas mal), mais point d’analyse, de décryptage.

Bien sûr une autre réflexion: tous les jeunes du monde entier cherchent à imiter les maîtres, en oubliant bien souvent que la perfection que ceux-ci ont obtenus avec les moyens techniques «old school» datant d’avant les PC/Mac, leur ont demandé des jours et des semaines de création, réalisations méticuleuses où chaque détail était réfléchi, évalué, et pesé. Il n’y avait pas de Cntr Z ou de Pomme Z à l’époque. Tu te trompes, tu recommences. Neville Brody avait déjà évoqué en 2003 ou 2002 je crois cette perte d’appropriation de la création graphique… il faut lire son discours de New-York que j’ai intitulé le Blues de Neville Brody… et il faut aussi le lire entre les lignes en allant visiter les billets que j’ai écrit sur son œuvre magistrale publié à la fin des années 80 et début 90.

Joyeux mercredi 25 février à tous

Publié dans Création plastique, e-artsup, Galaxie Gutenberg, Opinions et Im-pertinences, Typographie et typographies | Commentaires fermés

Les Galeries pédagogiques de Design et Typo le Site | Les_Graphic_Heroes

Publié le 24/02/2009 par Peter Gabor

///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////

Né en 2005, le Blog Design & Typo est une de mes plus belles aventures à la fois sentimentale et culturelle. Ce qui au départ, ne devait être qu’un support de cours pour mes élèves d’e-artsup , s’est très vite transformé en une expérience de partage de culture majeure.

Design & Typo s’articule autour de 5 axes majeures:

1 | Hommages à des artistes célèbres (Les Graphic Heroes) dont l’oeuvre marque ou a marqué la culture graphique mondiale. Que ce soit Hermann Zapf, Stanley Morison, Neville Brody ou David Carson par exemple, ou Herbert Lubalin ou encore Zuzanna Licko, le blog rend compte à chaque fois d’analyses, de décryptages pour situer l’influence et la signification historique de ces artistes.

2 | L’histoire de la typographie et du graphisme et pour rendre compte de la diversité épistémologique, D & T a pris le parti de publier des ouvrages, extraits ou entiers lorsqu’épuisés qui permettent aux visiteurs d’embrasser plusieurs postures et écoles de l’histoire de l’Art Graphique. Je ne prendrai comme exemple que celui de l’ouvrage de Michel Wlassikoff comparé (et non opposé) à celui de Edward Gotschall (Typographic Communications Today).

3 | Les Fonderies Typographiques

4 | Les réflexions sur la scénographie graphique

5 | et une approche des théories de la lisibilité.

Bien d’autres rubriques sont à votre disposition pour entrer dans ce monde merveilleux et riche du design graphique. Et l’œuvre de Serge Lutens n’en n’est pas des moindres. Je ne peux que vous inviter à fouiller aux quatre coins du blog qui comporte aujourd’hui près de 900 articles réparties sur 45 rubriques. Simplifier n’eut pas été une bonne affaire même si aujourd’hui une certaine mise en ordre serait nécessaire. Je m’y emploirai.

Les Galeries de Design et Typo le Site viennent illustrer ces nombreux articles et vous y retrouverez tous ces Graphic Heroes que j’évoquais ci-dessus et beaucoup d’autres. À visiter sans modération. À noter que tous les droits sont réservés et à usage exclusivement pédagogiques.

• Armin Hofmann
• Claude Mediavilla | Calligraphe
• Conférence Designers Interatifs
• Création Typographique | Eyrolles
• David Carson
• EnVille | une étude d’un mensuel gratuit
• EnVille | requiem pour un gratuit
• Figaro | un quotidien se rhabille
• Graphisme Russe
• Hommage à l’oeuvre de Jean Alessandrini
• Hommage à Soheil Azzam
• Hommage à Albert Hollenstein
• Igarashi
• Ionesco | La Cantatrice Chauve par Massin
• Kesselskramer | 2 Kilo
• l’École des Arts Décoratifs de Bale
• L’Esprit Serge Lutens
• Le Wlassikoff | L’Histoire du Graphisme en France
• Lou Dorfsman Tribute
• Manuale Typographicum d’Hermann Zapf
• Neville Brody | son oeuvre
• Paul Gabor | graphiste | période hongroise | 1930-1956
• Paul Gabor | un graphiste hongrois à Paris | 1956-1992
• Photolettering | le premier catalogue de Titrage
• Roger Excoffon | Hommage au Graphiste et à l’homme
• Le Soleil | The Sun | graphic representation | Graphis 1962
• Top Symbols and Trademarks | Franco Maria Ricci
• Top Symbols and Trademarks Vol2 | Franco Maria Ricci
• Tribute to Herbert Lubalin
• Typographic Communications Today | Edward Gotschall
• Typographie Noir au Blanc | analyse comparée
• Westvaco, a paper manufacture, 1956-1961
• Westvaco-II, 1953-1955

Publié dans Formation et méthodo, Méthodologie | Commentaires fermés

Le Blog de Gabriel Jorby | Lost in Translation entre Beijing et Paris

Publié le 24/02/2009 par Peter Gabor

Gabriel Jorby, est directeur artistique du Portail du Point.fr et sans lui l’expérience du relifting effectué par les étudiants d’e-artsup n’aurait pu être possible. Voici son blog très éclectique où vous apprendrez entre autre à découvrir quelques bonnes adresses du webdesign en Chine. Bon voyage Gabriel et reviens-nous avec plein de photos sur ton blog :-)

Publié dans Design interactif, e-artsup, Typographie de Presse Quot., Typographie et typographies, Webdesign | Commentaires fermés

La crise du crédit expliqué en graphic diagrammes | schéma et schématisation

Publié le 24/02/2009 par Peter Gabor

[kml_flashembed movie="http://www.youtube.com/v/Q0zEXdDO5JU" width="425" height="350" wmode="transparent" /]

[kml_flashembed movie="http://www.youtube.com/v/iYhDkZjKBEw" width="425" height="350" wmode="transparent" /]

J’avais déjà soulevé l’intérêt que je portais à cet art que l’on nommait Diagrammes à une époque où l’infographie n’existait pas encore, mais saviez-vous que l’origine de cette expression vient de travaux qui sont menés depuis près d’un demi-siècle sous l’appelation SCHÉMA & SCHÉMATISATION.

Vous trouverez ici, l’adresse d’une revue qui brosse au fil des années des travaux très variés qui recoupent l’ensemble des problématiques liées à ce corpus. Je ne prétends pas qu’Estivals a embrassé tous les aspects artisitiques et graphiques de la question mais il a eu le mérite de développer une série de question relatives notre capacité à rendre compte des activités humaines (économiques, sociales, culturelles et politiques) par un travail sur la représentation schématique de celles-ci. Je reviendrai j’espère bientôt sur ces questions assez importantes.

Publié dans Design interactif, e-artsup, Formation et méthodo, Typographie et typographies, Videos | Commentaires fermés

Takenobu Igarashi | Space Graphics | une œuvre majeure (reloaded)

Publié le 23/02/2009 par Peter Gabor

Sous le numéro ISBN 4-7858-0152-2 C3071, un catalogue relié cousu édité en hommage à l’œuvre de Takenobu Igarashi, Space Graphics, en 1983 par Yoshiro Nakamura (Zen Environmental Design) et Shoten Kenschiku-sha Co. Ltd.

Igarashi se designe lui-même comme un sculpteur designer et son œuvre commencée en Californie en 1970 lorsqu’il quitte l’Université pour retourner à Tokyo fonder sa propre société de design se décline entre un concept architectural et environnemental.

Exposé à Tokyo, Amsterdam, Zurich, New York, il aura participé de façon majeure à la naissance d’un style monumental et graphique qui trouve encore aujourd’hui grâce à l’informatique un prolongement éternel.

Son travail est gracieux, précis, concis. Je dirais mathématiquement beau. C’est très exactement le contraire d’un artiste de l’à peu près. Tout son œuvre peut se résumer à une phrase : penser avant d’agir. Il faut être très humble devant son travail. Bien sûr, comme les planches qui suivent en attestent, tout a été dessiné à l’époque à la main. Règles, équerre, compas sont les seuls outils de cet expérience Et, loin de moi de minimiser le travail de Joshua Davis ou de Maeda mais on ne peut que rester béat devant tant de maîtrise des espaces, du rythme et de la délicatesse des formes. Les couleurs sont d’une modernité absolue.

Les projets hollandais de l’aménagement des Halles de Paris, refusés par notre maire bien aimé pour de futiles raisons politiques traduisent cette même modernité colorée. Des couleurs vives, jaune, vert menthe, rouges et noir. Des bleus cobalt associées au noir ou réserve blanches pour les lettres, l’expression de Igarashi se mesure à la rigueur de son vocabulaire et de sa grammaire graphique.

N’allez surtout pas psychanalyser son œuvre. C’est comme si vous vouliez psychanalyser un paysagiste de jardins zen. C’est plutôt lui (en parlant d’Igarashi) qui vous ferait allonger sur un divan (dessiné par lui bien sûr) pour nous faire accoucher de nos confusions mentales. Voici une œuvre, dont on ne peut même pas dire que c’est beau, que c’est laid pour la même raison qu’on ne peut pas dire de la nature qu’elle est belle ou laide. Elle est. Le talent d’Igarashi c’est d’avoir de même conçu des formes et des compositions qui deviennent des évidences naturelles.

J’ai ressorti cette édition de ma bibliothèque pour deux raisons, la première, pour la qualité intrinsèque qui s’en dégage, la deuxième c’est pour dire et répéter l’importance du dessin dans l’acte de la création. Le design comme la sculpture sont d’abord des actes de l’homo faber qui nous a engendré et pour avoir fait l’expérience d’être venu tardivement dans ce métier je vous assure que je sais de quoi je parle.

Voici quelques pages de cette édition si rare qu’on souhaiterait qu’elle soit rééditée.

Ci-dessus un lien pour la galerie de cette édition. Toute reproduction est interdite. Usage strictement pédagogique.

Publié dans Création plastique, Ouvrages et Expressions, Typographie et typographies | Commentaires fermés

L’histoire de la Naissance d’Internet | A History of Internet

Publié le 22/02/2009 par Peter Gabor

[kml_flashembed movie="http://www.youtube.com/v/9hIQjrMHTv4" width="425" height="350" wmode="transparent" /]

toujours via le blog de Marie Pierre Roy (plein de ressources pédagogiques intéressantes)
_

//////////////////////////////////////////////////////////////////

_
//////////////////////////////////////////////////////////////////

Les Icônes qui illustrent la vidéo ci-dessus en téléchargement ici.

Publié dans Design interactif, e-artsup, Formation et méthodo, Videos, Webdesign | Commentaires fermés

Grilles de Mise en Page | typoGraphie Web et Papier

Publié le 22/02/2009 par Peter Gabor

j’avais déjà publié un billet assez complet sur les grilles de mise en pages papier ici. Mais juste de vous indiquer ce site de calcul …de colonnages et d’espaces verticales et horizontales directement en ligne. (via le blog de http://www.mariepierroy.com/)

The GridMaker

C’est Josef Müller Brockmann
qui a jeté les bases
d’une explication
détaillée sur le sujet.

L’histoire des grilles de mise en page se confond aisément avec celle de la mise en scène typographique depuis l’invention de l’alphabet moderne par les phéniciens quelques 700 ans avant JC.

Johannes, le grand Gutenberg, inventeur de la lettre mobile et «inter-active» en plomb et antimoine, utilisait déjà deux colonnes dans sa bible en 42 lignes au XVe siècle. Sans doute que les imprimeurs avaient saisi assez tôt la nécessité de renvoyer le lecteur à la ligne lorsque la ligne dépassait quelques 40 signes. De fait les études sur le confort de la lisibilité donnent un variable assez large, cela va de 30-40 signes jusqu’à quelques 60 caractères par ligne. Ce qui correspond en somme à la largeur d’une colonne unique dans un courrier composé en corps 12.

Le développement des formats de la presse, bien plus gigantesques que ceux du livre ont posé rapidement le problème de l’organisation des pages. Non seulement pour des raisons de confort pour la lecture mais également pour la gestion des espaces pour la Réclame, puis plus tard de la Publicité. L’organisation en colonne est donc née fin du XVIIIe siècle, alors que Marat immergé dans sa baignoire ensanglanté participait à la naissance de la presse révolutionnaire (l’Ami du Peuple).

À l’heure où je vous parle cette organisation n’est plus contestée et participe non seulement à la qualité de la lecture des journaux, mais également et paradoxalement à une codification, à une architecture sémantique de la mise scène de la presse quotidienne. Autrement dit, lorsqu’un journal se crée, ou se relift, il n’est pas seulement de bon ton de l’organiser en grille et colonne, pour faciliter sa lecture, mais de lui donner une forme graphique qui l’installe dans le paysage codifiée d’une presse séculaire.

Vous invite donc à découvrir ces quelques “extracts” des pages de l’ouvrage de Josef Müller Brockmann qui nous expliquent le fonctionnement et la structuration d’une page (d’édition ou de presse), livre que je ne saurais que trop vous recommander de vous procurer sur les sites d’Amazone ou de l’éditeur. Brockmann prend le contre-pied d’Hermann Zapf, qui explique par l’exemple et une pratique de l’édition héritée de la plus grande tradition. Ici, le graphiste-professeur, d’origine suisse énonce les règles strictes et quasi mathématiques de l’organisation d’une page. Architecture et architexture comme je l’ai déjà souligné plusieurs fois cohabitent pour ordonner et donner à lire… (suite du billet dans la journée).

L’intérêt de cet ouvrage est d’aligner page après page, de manière exhaustive les variations de structures verticales et horizontales, de montrer comment les blancs doivent dans chaque cas s’organiser, et surtout d’insister sur la texture typographique qu’engendrent les solutions de découpage. Corps et interligne sont au centre de ces réflexions pragmatiques… vous réduisez la colonne, le nombre de signe par ligne doit suivre homothétiquement donc le corps doit diminuer. L’interlignage de même, participe de la lisibilité des colonnes et Brockmann donne les clés de ces variations.

Publié dans Design interactif, e-artsup, Formation et méthodo, Méthodologie, Typographie et typographies, Webdesign | Commentaires fermés

Guillemets anglais ou guillemets français | Un choix graphique (reloaded)

Publié le 19/02/2009 par Peter Gabor

Il y a longtemps que je voulais faire un billet sur cette question des ponctuations. Nous travaillons tous de plus en plus des textes bilingues et bien entendu le typographe devient schizophrène car, et c’est légitime, les équipes de SR, correcteurs, et autres chefs de projets chez les clients ont tout de même appris (merci Word) que les règles de ponctuation changeaient selon la langue utilisée.

Alors oui il y a aussi une troisième voie, concernant les guillemets, celle qui a été choisie par exemple par la rédaction du Monde, d’utiliser ni la règle anglaise, ni la française… de banals guillemets droits tous droits sortis d’un film d’horreur à la gloire du tout « informatique ». J’avais déjà signalé les aberrations que cela pouvait susciter: [je vous l’avais bien dit: l' »Angleterre de Wilkinson n’a laissé aucune chance au XV de France ».] Où l' »on voit bien que les guillemets se confondent avec les apostrophes » en créant une illusion de ponctuation… sans aucune précision. Il eût été bien entendu bien plus heureux d’écrire l’«Angleterre de Wilkinson…». Ensuite bien entendu il y a tous les débats sur les espaces que l’on doit rajouter entre les guillemets et le texte qu’ils ouvrent et qu’ils ferment. Une fine insécable disent les uns, un espace normal, les autres… l’espace normal (s’il n’est pas insécable) se retrouve malheureusement bien souvent à la fin d’une ligne, rejetant la ponctu à la ligne suivante. Malheureux.

Personnellement j’utilise, l’espace très fine d’InDesign qui me satisfait de son insignifiance. Ou pas d’espace du tout.

Alors quid des guillemets «chevrons» à la française… Bien que connotant vieille France, édition, beau livre etc. ils permettent de construire «un gris typographique» bien plus régulier que les guillemets à l’anglaise. Et l’on voit bien dans les différentes figures ci-dessous le pourquoi.

J’ai surligné en jaune les espaces que libèrent chaque type de guillemet. Les chevrons s’architecturent dans le texte sans créer de rupture dans la ligne de lecture.

Les crochets au contraire créent des accidents qui dans les textes courant ne sont pas très heureux. Je dis les textes courants, parce que ce n’est évidemment valable que pour ces derniers. Dès qu’il s’agit d’un titre, d’un mot composé en grand, et servant d’accroche à une publicité, une couverture de livre, et autres emphases de mise en page, les crochets anglais reprennent leur intérêt tant leur assymétrie et leur sensualité servent la mise en scène graphique.

Où l’on voit les espaces courir sous les guillemets anglais en créant des trous d’air dans la lecture.

Ici une composition qui mélange les deux types de guillemet.

La même composition où nous mettons en évidence les espaces provoqués par les deux types de guillemet. Bien entendu il n’est pas besoin d’en rajouter, les guillemets français s’articulent plus intelligemment dans le texte.

Nous avons vécu durant des années sur les préceptes d’un code typographique promu et défendue par feu l’Imprimerie Nationale. Déjà Pierre Simon Fournier avait en son temps tenté de «normer» la composition typographique, mais en ces temps reculés la France était le centre du monde. Avec le village global ce n’est plus le cas. Internet redécouvre la typographie et malgré ses lacunes (composition justifiée avec algorithme de césure fine), nous assistons à l’apparition d’un mélange entre plusieurs traditions, anglo-saxonnes et francophones. Le Print tente encore de résister, avec les SR et responsables de projets qui nous rappellent sans cesse les codes en vigueur. Jamais cependant la question de l’esthétique n’est abordé. Au point que l’on nous bassine encore avec de vieilles règles d’espace devant et derrière les guillemets français, alors que cela fait cinquante ans que les graphistes tentent d’imposer la suppression de l’espace entre le guillemet et le mot qui le suit. Nombre d’entre nous avons préféré la demi-mesure d’un espace «fine» ou «ultra-fine»…

Il m’apparaît en tous les cas salutaire de rappeler la règle la plus importante pour mettre tout le monde d’accord. Quelque soit vos choix de ponctuations, appliquez-les du début à la fin d’une édition, voire d’une collection. L’important étant l’homogénéité intrinsèque. Vers une mondialisation du Code Typographique… sans doute. Mais de grâce n’abandonnez pas le double chevron des guillemets français… C’est tellement plus élégant dans une belle édition ou dans la presse. À quelques exceptions près :

Quelques adresses utiles :

http://fr.wikipedia.org/wiki/Guillemet
http://marcautret.free.fr/sigma/pratik/typo/guilles/

Quelques liens externes qui ont été donné par les commentateurs:

http://www.cairn.info
http://listetypo.free.fr/ortho/guillemets.html
http://www.ascii.ca/cp1250.htm
http://www.yoyodesign.org
http://www.lamangrove.com/citer/
http://www.alistapart.com/articles/cssatten
http://bugs.webkit.org/show_bug.cgi?id=3234
http://www.cs.tut.fi/~jkorpela/chars/spaces.html
http://www.decodeunicode.org/

Publié dans Galaxie Gutenberg, Lisibilité et Visibilité, Typographie et typographies | Un commentaire

Le testament de Steve Jobs pour les jeunes générations

Publié le 16/02/2009 par Peter Gabor

[kml_flashembed movie="http://www.dailymotion.com/swf/x5m47b_vostfr-steve-jobs-stanford-commence_news" width="425" height="335" wmode="transparent" /]

Quelle ne fut ma surprise de découvrir que Steve a étudié la Calligraphie à l’Université. Et il nous parle de polices, d’empattements, d’approches entre les lettres et les mots. Il nous dit que sans doute Windows n’aurait jamais intégré la typographie dans ses OS, si lui ne l’avait pas fait plus tôt avec le Macintosh.

Et de me remémorer tout le design qui a fait le succès de la firme Apple. Et de me dire que si les futurs Cadres de notre économie, Polytechniciens, Enarques, diplômés des grandes écoles d’ingénieurs (Mines, Centrale, Télécom, HEC, Essec) recevaient une culture graphique et typographique un peu plus solide, il y aurait moins de gaspillage graphique dans le design des produits et des communications d’entreprise.

Et il nous dit aussi qu’il est malade et que sa seule devise désormais, «de vivre chaque jour comme si c’était le dernier». Cela vaut pour nous tous, qui nous croyons éternels, et surtout pour les jeunes, qui choisissent parfois des chemins détournés de leur passion et de leur amour d’un métier. Steve nous parle d’ailleurs que d’une chose tout au long de son discours. D’amour. Et voilà sans doute le plus beau testament qu’un homme n’ait jamais lu de son vivant. Allez Steve courage.

«Stay hungry and stay foolish»,
qui pourrait se traduire
par «soyez insatiables et insensés».

Publié dans De la Modernité, Galaxie Gutenberg, Typographie et typographies, Videos | Commentaires fermés

BP Foundry | Le SangBleu | une typo délicate et élégante

Publié le 15/02/2009 par Peter Gabor

Ian Party qui co-dirige cette typofondrie, à l’exigence et au professionnalisme poussé à l’extrême, a bien compris qu’il ne suffit pas de dessiner des fontes magnifiques mais que nécessité fait loi, il faut aussi les faire vivre au sein d’expressions graphiques voire photographiques pour situer, donner envie et finalement faire vivre les nouvelles créations typographiques dans le monde «du réel». Il poursuit là une idée qui a fait son chemin aussi bien dans les années 80 (U&LC, Baseline, typoGabor présente, Emigre et Fuse) que plus récemment chez toutes les typofonderies sérieuses dont nous avons eu déjà l’occasion d’évoquer.

Ian Party, born in Lausanne in 1977, lives and works in Lausanne, Switzerland as a typedesigner. After studying at the ECAL (Ecole Cantonale d’Art de Lausanne) in Lausanne, Switzerland, Ian completed a master in typedesign at the Royal Academy of Arts (KABK) in The Hague.

He also is the cofounder of B&P Typefoundry and teaches type design at the ECAL, Lausanne.

Ian Party is the designer of Romain BP, Esquire, Celsian, SangBleu Display