Blogues de design graphique

Je bouquinais tranquillement dans ma librairie de quartier quand je suis tombée par hasard sur ce livre auquel je n'ai pas pu résister, malgré son prix relativement élevé (44,95$) : Blogs connectés par le design, édité par la maison espagnole Maomao Publications. On peut reprocher à l'introduction, qui explique comment débuter un blogue dans Wordpress, de manquer de consistance. Mais le formidable répertoire de blogues sur le design graphique de partout dans le monde, qui constitue l'essentiel du livre, vaut son pesant d'or. On y trouve plusieurs blogues bien connus, mais je sens que je vais faire de belles découvertes. Que je partagerai avec vous, bien sûr.

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.

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

Design is History

Grâce au blogue Œil pour œil de la Société des Designers Graphiques du Québec, je viens de découvrir le site Design is History, qui offre une bonne vue d'ensemble de l'histoire du design graphique tout en mettant en valeur l'œuvre de ses figures marquantes.

http://www.designishistory.com

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

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

Les meilleures polices 2010

Le Type Directors Club vient d'annoncer les gagnants de sa compétition internationale annuelle en design typographique. Pour voir les polices gagnantes, cliquez ici.

http://tdc.org

Illustrations photographiques

Il y a peu de temps, j'ai reçu en cadeau un livre très intéressant intitulé Illustration, images d'aujourd'hui qui traite de l'évolution du métier d'illustrateur au cours des dernières décennies. Dans la première partie du livre, sur les différents procédés privilégiés par les illustrateurs contemporains, tout un chapitre est consacré à l'intégration de photographies en illustration. Cela m'a permis de découvrir plusieurs illustrateurs d'origine britannique (comme l'auteur du livre, Lawrence Zeegen) qui utilisent ce procédé dans la création d'images.

http://www.timmarrs.co.uk  Tim Marrs combine le dessin, la photographie, la sérigraphie et les techniques de Photoshop pour réaliser ses images dynamiques et colorées.

http://www.andy-martin.com  Andy Martin est un pionnier de l'illustration numérique au Royaume-Uni. Ses images mêlent photographies haut contraste et zones de couleur en aplats, parfois texturés.

http://www.art-dept.com/illustration/may/index.html  Richard May transforme numériquement les photographies en images haut contraste ou en silhouettes qu'il remplit de dégradés, de motifs, de textures, etc.

http://www.cutitout.co.uk  Martin O'Neill fusionne plusieurs techniques traditionnelles (collage, sérigraphie, photographie, peinture, transfert, photocopie) pour réaliser ses images au style distinctif.

http://andy-potts.com  Andy Potts intègre dans ses collages numériques des éléments réalisés à la main et une palette de couleurs vive et éclatée.

http://www.heartagency.com/artist/ShonaghRae/gallery/1  Shonagh Rae a transposé son expérience en sérigraphie dans la création d'images numériques mêlant habilement photographie, pochoir, impression et dessin.

http://www.vault49.com  Pour plusieurs projets d'illustration, les membres de Vault49 ont d'abord réalisé un shooting photo pour ensuite intégrer les photographies couleur obtenues dans des collages numériques au style raffiné.

Les polices de l'Université de Reading

Les étudiants de la maîtrise en design typographique de l'Université de Reading, en Grande-Bretagne, produisent chaque année une famille de caractères, accompagnée d'un document de réflexion sur leur démarche créative et d'un document de présentation de leurs polices. Leurs créations sont téléchargeables en format PDF sur leur site Web.

http://www.typefacedesign.org/2009/

Textures pour Photoshop

Rien de tel qu'un peu de texture authentique pour «casser» l'aspect souvent lisse et froid des illustrations conçues dans Photoshop. Les meilleures textures sont sans doute celles que vous créez vous-mêmes en les peignant, en les photographiant ou en les numérisant. Elles sont uniques et faites sur mesure. Ceci dit, on n'a pas toujours sous la main une tuile d'ardoise ou une écorce d'arbre à photographier. C'est là que les ressources d'Internet peuvent vous donner un sérieux coup de main.

De nombreux sites offrent des textures destinées à être incorporées dans des images numériques. La banque de textures gratuites la plus imposante est probablement CGTextures. J'aime aussi m'approvisionner parmi les textures de la section Resources & Stock Images de la communauté artistique deviantART, ou dans l'abondante bibliothèque de Mayang's Free Textures. J'ai aussi trouvé quelques belles surfaces de gesso gracieusement offertes par l'illustrateur Dani Jones sur son blogue, idéales pour unifier les différentes textures d'une image et lui donner un aspect peint.

Quelqu'en soit la source, il faut bien sûr vérifier que la définition (en pixels) de la texture qui vous intéresse est suffisante pour le format dans lequel vous souhaitez l'utiliser. Par exemple, pour une illustration de 8 po x 10 po à 300 ppp, la texture choisie, si elle doit occuper tout l'espace, devrait idéalement avoir une définition de 2400 px x 3000 px.

Bien que souvent gratuites, ces textures ne sont pas toujours complètement libres de droits. Plusieurs sont diffusées sous des licenses Creative Commons, exigeant minimalement d'indiquer le nom du créateur de la texture utilisée si vous publiez votre illustration. Certains diffuseurs de textures demandent également à être avisés lorsque vous utilisez une de leurs textures, ne serait-ce que pour apprécier son utilité. La plupart interdisent que l'on s'approprie leurs textures pour les rediffuser sans aucune modification, ce qui est compréhensible puisqu'il s'agit alors de compétition directe.

Astuce: Pour vous rappeler d'où vous avez tiré une texture (et ainsi la retrouver sur le Web ou attribuer le crédit à son auteur), copiez l'adresse URL de l'image dans votre navigateur Web. Une fois l'image téléchargée, sélectionnez-la dans le Finder et appuyez sur Commande-I pour lire les informations. Dans le champ Commentaires Spotlight de la fenêtre Infos, collez l'adresse URL de l'image.

http://www.cgtextures.com
http://www.deviantart.com
http://mayang.com/textures/
http://danidraws.com
http://creativecommons.org

Les meilleures illustrations au Québec et au Canada

Chaque année, le magazine canadien sur les communications visuelles Applied Arts tient un concours de photographie et d'illustration. Au Québec, le groupe de presse Les Éditions Infopresse organise une compétition similaire avec les prix Lux. Les résultats de ces deux concours offrent un panorama inspirant de ce qui se fait le mieux en illustration au pays, dans une grande variété de genres et de styles.

www.appliedartsmag.com/winners_illustration.php

www.infopresse.com/prixlux

J'aime la typographie

Cela fait maintenant une décennie que j'enseigne le graphisme au collège Ahuntsic. Et pourtant, je n'avais encore jamais eu l'occasion d'y donner un cours consacré spécifiquement à la typographie. C'est chose faite cet hiver grâce au cours de typo-graphisme que je dispenserai à nos finissants. Depuis quelques jours, je furète intensément sur le Web à la recherche de sites inspirants sur ces drôles de signes qui donnent corps à notre pensée. Voici quelques-unes de mes trouvailles.

http://teachingtype.com Par le biais d'une galerie de photos, Teaching Type présente des exercices, des projets, des ateliers de typographie réalisés par des enseignants et des étudiants de diverses universités européennes.

http://www.typeworkshop.com Ce site présente les ateliers de typographie du studio de design graphique finlandais Underware. Par contre, les ateliers les plus récents semblent dater de 2008. Malgré cela, la section type basics offre toujours de judicieux conseils sur le dessin de caractères.

http://typophile.com Typophile est une communauté typographique basée à San Francisco. Son vaste site, alimenté par de nombreux contributeurs, comporte des forums, des projets, des ressources, des nouvelles, etc.

http://paris.blog.lemonde.fr Le blogue Design et typo est tenu par Peter Gabor, un designer graphique et enseignant, qui nous fait part de ses réflexions sur les courants graphiques et typographiques.

http://www.emigre.com Le site de la célèbre fonderie Emigre (qui était déjà influente du temps de mes études en design graphique) est visuellement très attrayant. De plus, les caractéristiques de chaque police sont examinées en détail.

http://www.typography.com Une autre fonderie réputée, Hoefler et Frere-Jones, nous présente ses polices dans un site esthétiquement très raffiné.

http://ilovetypography.com Mon coup de cœur! Ce site aux allures de blogue est d'une richesse incroyable. Il est écrit par un passionné de typographie, John Boardley, designer graphique et auteur d'origine britannique mais vivant au Japon. On y trouve des informations sur le design typographique, sur l'histoire de la typographie, sur l'identification des polices, sur les concepteurs de caractères… le tout abondamment illustré.

Les mondes virtuels de la CGSociety

En faisant de la recherche pour mon cours d'illustrations virtuelles, j'ai découvert le site de la Computer Graphics Society (ou CGSociety), une organisation internationale dédiée à l'art numérique sous toutes ses formes. Bien que les monstres extraterrestres et les héroïnes pulpeuses abondent dans les galeries de la CGSociety, cette dernière est ouverte à tous les styles d'images, fixes ou animées, 2D ou 3D, du moment qu'elles ont été conçues grâce à l'ordinateur et qu'elles racontent visuellement une histoire.

Si le site permet d'en savoir davantage sur les astuces logicielles qui ont permis la mise au monde d'un film 3D comme Avatar ou d'un jeu vidéo comme Killzone, il présente également le travail de créateurs d'images fixes 2D conçues avec des logiciels aussi largement répandus que Photoshop. Je conseille particulièrement la section Features, qui met en valeur le processus de création et de réalisation technique des artistes numériques, ainsi que la section Gallery, qui permet de visualiser les meilleures œuvres regroupées dans la CG Choice Award Gallery.

Créer avec la carte heuristique

En faisant des recherches sur les techniques d'idéation pour mon cours d'illustrations virtuelles, je suis tombée sur un article fort intéressant dans le blogue de la Graphic Design School. Intitulé Idea Generation Techniques: Mind Mapping for Graphic Design, cet article explique comment les designers graphiques peuvent tirer profit de cette technique de créativité bien connue qu'est le Mind Mapping, ou carte heuristique (ce dernier terme signifiant «qui aide à la découverte»).

Bien que les cartes heuristiques réalisées à la main me semblent permettre plus de liberté et de fluidité dans le processus de création, les inconditionnels du numérique seront heureux d'apprendre qu'il existe différents logiciels permettant de s'adonner au Mind Mapping. J'ai téléchargé FreeMind, un logiciel gratuit et multiplateforme apparemment facile à utiliser.

Et notez que les cartes heuristiques ne sont pas utiles qu'aux professionnels de la création. On peut s'en servir pour planifier ses prochaines vacances, ou pour décider des rénovations de sa maison. Bref, pour tout problème où la créativité est la bienvenue. Pour visualiser des exemples de cartes heuristiques sur des sujets variés, consultez la galerie de Paul Foreman, un spécialiste du Mind Mapping. Malgré leur esthétique quelque peu… psychédélique, elles démontrent la quantité impressionnante d'idées que peut générer cette technique.