Typobjets édition 2010

Quelques exemples de «typobjets», comme j'aime appeler ces créations typographiques fabriquées à partir d'objets de la vie courante, conçus par mes étudiants en Conception typographique II.

Roxanne Desrosiers

Valérie Do 

Alexis Doyon

Maylee Keo

Valérie Lalonde

Maya Lepage

Magalie Patenaude 

Charlène Saumure

Mariages (typographiques) heureux

Combiner des caractères typographiques de familles différentes, c'est comme organiser un blind date: il faut savoir concilier deux principes apparemment contradictoires. D'une part, la sagesse populaire nous apprend que «les contraires s'attirent». D'autre part, on dit aussi que ceux «qui se ressemblent s'assemblent». L'art de la combinaison typographique réside dans le choix de polices dont les caractéristiques sont assez différentes pour bien contraster, tout en évitant le conflit de personnalités. Voici quelques ressources qui permettent d'échapper au divorce typographique.

Source: Hœfler & Frere-Jones

Four Ways to Mix Fonts

Les célèbres concepteurs de caractères Hœfler et Frere-Jones proposent quatre «palettes» typographiques aux ambiances bien distinctes, mais reposant toutes sur le principe de base de combinaison des polices selon H&FJ, que l'on pourrait traduire ainsi: conservez une caractéristique constante, et variez-en une autre.

http://www.typography.com/email/2010_03/index.htm

Best Practices of Combining Typefaces

Un excellent article de Smashing Magazine qui expose une dizaine de principes permettant de combiner des polices avec succès. Les exemples «avant-après» illustrent le propos avec clarté.

http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/

Mixing Typefaces (PDF)
Un tableau pratique indiquant le degré de compatibilité d'une variété de polices courantes, publié en septembre 1992 dans Upper & Lower Case.
http://www.as8.it/handouts/mixing-typefaces_U&lc1992.pdf

Fundamentals: Combining Type With Helvetica
Helvetica étant une police incontournable, la typographe Indra Kupferschmidde nous suggère quelques compagnes compatibles avec la fameuse linéale néo-grotesque.
http://www.fontshop.com/blog/?p=2436

29 Principles for Making Great Font Combinations
Un article très complet et pertinent de Douglas Bonneville, auquel il manque toutefois quelques exemples visuels.
http://bonfx.com/29-principles-for-making-great-font-combinations/

La grille est votre amie

De prime abord, la grille typographique paraît rebutante à plusieurs de mes étudiants. Son aspect austère et rigide semble un frein à la créativité. Pourtant, quel merveilleux remède contre l'angoisse de la page blanche! Avant même d'y déposer une image ou un bloc de texte, la page (web ou imprimée) munie d'une grille typographique s'anime de lignes de force sur lesquelles les éléments pourront s'ancrer et se lier les uns aux autres. L'art de la mise en page consiste à savoir quand respecter la grille et quand la briser pour obtenir le juste dosage d'unité et de variété. Pour mieux connaître la grille typographique ou apprécier des projets qui l'exploitent habilement, je vous recommande les sites suivants:

The Grid System

thegridsystem.org
Répertoire de ressources concernant la grille: articles, outils, livres, gabarits, etc.

Thinking with Type – Grid

thinkingwithtype.com/contents/grid

Introduction aux divers types de grilles basée sur l'excellent manuel de typographie Thinking with Type d'Ellen Lupton.

Gridness
gridness.net
AisleOne – Grid Systems
aisleone.net/categories/grid-systems
Galeries de projets d'édition, d'affiches, de sites web, etc., utilisant une grille typographique.

Grids Are Good (Right?)
subtraction.com/pics/0703/grids_are_good.pdf
Présentation élaborée sur l'utilisation d'une grille typographique dans le design d'un site web, par Khoi Vinh et Mark Boulton.

The Vignelli Canon
vignelli.com/canon.pdf
Petit livre en format PDF exposant les méthodes de travail d'un maître de la grille typographique, Massimo Vignelli.

Le Livre des polices

Depuis trois ans, le département de Graphisme du Collège Ahuntsic publie le Livre des polices, un catalogue des polices auxquelles nos étudiants ont accès pour réaliser leurs travaux de graphisme et de typographie. Cette année, j'ai proposé à mes étudiants de Conception typographique II de concevoir un nouveau design pour la couverture de cette publication. Les contraintes étaient de travailler exclusivement avec les caractères typographiques disponibles dans le catalogue, en noir et blanc et sans fond perdu (puisque le Livre est imprimé en photocopie). Le comité d'enseignants qui réalise le Livre des polices fait maintenant face à un beau problème: choisir la couverture de la quatrième édition parmi les diverses propositions pertinentes! En voici quelques-unes.

Andréanne Beauchamp

Roxanne Desrosiers

Valérie Do

Hélène Doan

Valérie Lalonde

Émilie Langevin

Maude Lavigne

Jaëll Lévesque-Turcotte

Andrée-Anne Mercier

Émilie Roy

Simon Vladlamudy

Enter the void: pizza typographique

Le nouveau film du réalisateur franco-argentin Gaspard Noé, Enter the void, débute sur un générique saisissant entièrement typographique. Les crédits y sont indiqués dans une variété hallucinante de styles, du gothique à l'art déco en passant par le futuriste. C'est esthétiquement discutable, mais le montage très rythmé des signatures typographiques évoque bien les enseignes lumineuses et l'atmosphère trépidante de Tokyo, ville où se déroule l'action du film. Épileptiques s'abstenir!


Enter The Void - (Knock Out!) Opening Credits from Kurt_Halfyard on Vimeo.

Typobjets

Dans notre quotidien, la typographie est généralement abstraite et peu matérielle: quelques microns d'encre sur du papier, quelques pixels sur un écran. Pourtant, plusieurs designers graphiques et artistes s'amusent à donner une existence plus concrète, plus tangible à la typographie. Ils utilisent des objets de tous les jours pour créer des lettres, puis composer des mots et même des phrases, et ils photographient ensuite le résultat. S'instaure alors un dialogue très particulier entre le texte et l'image, qui participent tous deux à la création du sens.

Stefan Sagmeister
Établi à New York, ce designer autrichien de réputation internationale a lancé le projet Things I Have Learned in My Life So Far, à partir d'une série d'aphorismes inscrits dans son journal personnel. L'aphorisme ci-dessus est composé de 300 000 centimes d'euros!
www.sagmeister.com
www.thingsihavelearnedinmylife.com

Marian Bantjes
Cette artiste graphique canadienne est reconnue pour son style très détaillé et ornementé, proche de la calligraphie. L'expression «I want it all» est représentée ici à l'aide de pétales de pivoines.
www.bantjes.com

Vladimir Koncar
Ce designer graphique croate tient depuis 2007 un journal personnel typographique, dans lequel il crée des alphabets et forme des phrases à partir d’objets qu’il collectionne. Celle-ci est constituée de Gummi Bears.
www.koncar.info

Kotama Bouabane
Ce photographe établi à Toronto a créé une série de photographies intitulée Melting Words, mettant en scène des phrases classiques de rupture amoureuse. Celles-ci sont composées à l'aide de glace, un matériau qui évoque le caractère éphémère de l'amour.
www.kotamabouabane.com

Craig Ward
Cet «illustrateur typographique» britannique travaillant principalement dans le domaine de l’édition se passionne pour l'utilisation des mots en tant qu'images. L'expression ci-haut est composée en Hirsutura, une police créée à l'aide de cheveux.
www.wordsarepictures.co.uk
www.behance.net/wordsarepictures

Byggstudio
Ce studio a été fondé en 2006 par trois jeunes designers suédois, Hanna Nilsson, Sofia Østerhus et Markus Bergström. Voici leurs Bygg Book Letters.
www.byggstudio.com

Sveta Sebyakina
Dans son Typo Project, cette jeune designer graphique russe s’est donné comme défi de représenter l’expression Good morning à l’aide d'une variété impressionnante d'objets du quotidien.
www.sebyakina.ru
www.behance.net/settka

The Book Cover Archive

Je viens de découvrir ce très beau site dédié au design de couvertures de livres. Pour le plaisir des yeux!

http://bookcoverarchive.com

Organigramme typographique

Le jeune designer graphique danois Julian Hansen a créé un amusant organigramme destiné à faciliter le choix d'une police typographique en fonction du type de projet qu'on doit réaliser. Intitulé So You Need a Typeface, sa liste de polices est librement inspirée du top 50 du palmarès de FontShop Die 100 Besten Schriften.

http://julianhansen.com

Les signes de correction d'épreuves

En tant que futurs graphistes, vous aurez sans doute à corriger dans vos documents les erreurs relevées par les correcteurs d'épreuves. Dans certains milieux professionnels, cette tâche incombe plutôt à un infographe. Mais si vous travaillez à la pige, il faudra bien que vous puissiez déchiffrer ces curieux signes utilisés par les correcteurs! Ce n'est certes pas la partie la plus excitante du métier de graphiste, mais elle contribuera à rehausser l'aspect professionnel de vos productions, imprimées ou en ligne.

Lorsque vous n'avez pas sous la main votre manuel de typographie, voici quelques sites qui recensent les principaux signes de correction d'épreuves.

La Trousse d'édition d'Industrie Canada
http://www.ic.gc.ca/eic/site/pt-te.nsf/fra/00165.html

Les Services d'édition Guy Connoly
http://www.servicesdedition.com/fr/langue/conseils/signes_corr.html

Le groupe d'impression Phipps Dickson Integria
http://www.groupepdi.com/boiteaoutils/signescorrection.cfm?Langue=fr

Qui est cette belle inconnue?

Vous êtes en amour avec une superbe police… mais vous ne connaissez même pas son nom? Avec un peu de chance et beaucoup d'observation, vous le découvrirez grâce à Identifont. Ce site est en fait le plus important répertoire indépendant de polices sur Internet, et offre des outils permettant de trouver ou d'identifier celles-ci. Je me suis amusée à le tester quelquefois, et j'ai été assez impressionnée par les résultats.

Il s'agit tout simplement de répondre à une série de questions concernant l'apparence des différents caractères de la police convoitée. Le site est anglais, mais chaque question est illustrée d'exemples, ce qui fait qu'il n'est pas trop difficile d'y répondre même si l'on n'est pas bilingue.

Évidemment, la recherche sera facilitée si votre spécimen comporte divers caractères, des capitales aux bas de casse en passant par des nombres. Si vous ne disposez que d'un mot ou d'un titre, il est aussi possible de faire une recherche en spécifiant les lettres auxquelles vous avez accès. Selon vos réponses, Identifont réduira peu à peu le nombre de polices correspondantes, jusqu'à qu'il soit en mesure de vous proposer quelques polices qui semblent plus proches de votre description. Généralement, ça marche!

L'autre intérêt de ce site, c'est qu'à force d'y chercher des polices, on finit par aiguiser son propre sens de l'observation et à comprendre ce qu'il est important de regarder pour reconnaître des caractères. Alors, si vous souhaitez épater vos amis en reconnaissant des polices au premier coup d'œil, pourquoi ne pas vous pratiquer sur Identifont!

http://www.identifont.com

Typomania

Il y a plus d'un quart de siècle, le réputé créateur de caractères Erik Spiekermann réalisait une vidéo intitulée Typomania pour le compte de la chaîne BBC, dans laquelle il soulignait l'importance des connotations sémantiques associées aux divers caractères. Il illustrait son propos par des exemples concrets, en comparant les enseignes des restaurants de diverses origines, ou les étiquettes d'emballage à l'épicerie.

En 2009, Alphabeat et Parson Research ont produit une animation typographique à partir de la trame sonore de cette vidéo, agrémentée de musique techno. Sans doute moins instructive que la version originale, mais plus rythmée!

Typefaces Give Us Signals d'Erik Spiekermann sur Vimeo.

Les meilleures polices depuis Gutenberg

On en conviendra, tout palmarès recèle une bonne dose de subjectivité. Cela n'a pas empêché des spécialistes de la typographique de tenter d'établir leur liste des meilleures polices existantes, en se basant sur des critères comme l'importance historique, la qualité esthétique et la popularité. Ces listes, bien que discutables, sont une bonne source d'inspiration pour sortir des sentiers battus de l'Helvetica et du Times sans tomber dans les horreurs des junk fonts!

Die 100 Besten Schriften Aller Zeiter : les 100 meilleures polices de tous les temps selon FontShop Berlin. D'accord, c'est en allemand, mais la sélection est généralement pertinente et illustrée d'exemples graphiques. De plus, la liste peut être téléchargée en format PDF.
http://www.100besteschriften.de

The Top 100 Types of All Time? : la liste des 100 meilleures polices de tous les temps selon le calligraphe et typographe américain Paul Shaw, présentée par le Type Directors Club.
http://www.tdc.org/reviews/typelist.html

21 Most Used Fonts By Professionnal Designers : les 21 polices les plus populaires auprès des designers web professionnels, selon la communauté de designers et développeurs web InstantShift.
http://www.instantshift.com/2008/10/05/21-most-used-fonts-by-professional-designers/

Top 7 Fonts Used By Professionals In Graphic Design : les 7 meilleures polices selon le designer graphique Jacob Cass de Just Creative Design. Ce dernier diffuse également sur son site la liste 30 Essential Typefaces for a Lifetime tirée du livre du même nom, par Imin Pao et Joshya Berger.
http://justcreativedesign.com/2008/09/23/top-7-fonts-used-by-professionals-in-graphic-design-2/
http://justcreativedesign.com/2008/03/02/30-best-font-downloads-for-designers/

Typefaces no one gets fired for using : dans un esprit plus humoristique, quelques polices reconnues pour leur fiabilité. Les nombreux commentaires apportent d'autres suggestions.
http://www.cameronmoll.com/archives/001168.html

Periodic Table of Typefaces, par Cam Wilde

Periodic Table of Typefaces : ma liste préférée pour son originalité! Conçue par Cam Wilde de Squidspot, elle reprend l'aspect visuel du traditionnel tableau périodique bien connu des scientifiques, mais en y présentant les 100 meilleures polices selon une compilation statistique des 6 listes mentionnées précédemment. De plus, les polices sont regroupées selon la classification Vox/ATypI.
http://www.behance.net/gallery/Periodic-Table-of-Typefaces/193759

The Girl Effect

Il y a quelques jours, j'ai eu l'occasion de visiter l'exposition Why Design Now du musée national de design Cooper-Hewitt de New York. Je suis tombée sur cette intéressante vidéo sociétale de l'organisme The Girl Effect pour la promotion de l'aide aux filles adolescentes dans les pays en voie de développement. Le message est livré simplement mais efficacement par une animation toute typographique, où le sens est créé par les variations de couleur, de taille et d'orientation.

Images de marque pour les Rolling Stones

Le troisième projet du cours de Typo-graphisme visait l’élaboration d’une image de marque pour le légendaire groupe de rock The Rolling Stones. Après un travail de recherche et documentation en équipe, chaque étudiant devait choisir un objectif de communication basé, par exemple, sur les caractéristiques physiques ou la personnalité des membres du groupe, sur leur genre musical, ou encore sur les époques et les modes qu'ils ont connues. À partir de cet objectif, les étudiants concevaient ensuite une signature, établissaient une palette de couleurs, agençaient un motif (à l'aide de leur signature ou d'un autre élément iconographique) et proposaient un produit dérivé approprié, le tout devant bien sûr s’harmoniser dans un même style graphique.

Duong Doan s'inspire du style Pop Art pour rappeler la collaboration d'Andy Warhol avec les Rolling Stones.

Prisca Gaucher évoque plutôt le style psychédélique adopté par le groupe à la fin des années soixante.

François Langevin rappelle le goût immodéré des Stones pour l'alcool (et autres drogues).

Katherine Leduc intègre l'image des musiciens dans sa signature, pour le plus grand plaisir de leurs fans féminines.

Geneviève Pilon représente le côté sexy du groupe et de leurs groupies.

Guillaume Pronovost propose une signature solide et authentique, à l'image du genre musical du groupe.

Julie Rousseau s'inspire elle aussi de la musique des Stones pour proposer une signature forte et dynamique.

Projet de création et de promotion d'une police

Voici quelques-unes des réalisations de mes étudiants dans le cours de Typo-graphisme. Dans un premier temps, les étudiants ont créé une nouvelle police à partir d'une police existante, en y apportant des modifications rationnelles et cohérentes sur l'ensemble des caractères. Par la suite, ils ont conçu un document promotionnel pour présenter leur nouvelle police et montrer ses utilisations possibles. Les exemples suivants présentent la couverture et une double-page intérieure de ce document.

© Julien Bourque

© Jonathan Dugas

© Prisca Gaucher

© Maïté Gonnot

© Geneviève Pilon

© Julie Rousseau