Aujourd'hui, nous allons discuter de quelque chose qui est à la fois une tendance en vogue et un art intemporel: la typographie. Les règles de base décrites ci-dessous vous aideront à mieux comprendre la structure et l'utilisation de la typographie dans vos conceptions.
Être conscient de ces règles peut améliorer presque tout ce que vous créez, qui contient un titre ou un élément typographique majeur. Commençons!
1. Apprendre les bases
Votre première étape vers une typographie plus efficace consiste à en apprendre un peu plus sur l’art. Si vous ne connaissez pas bien ces concepts, vous pourriez penser que la typographie doit être une discipline assez simple. Si vous connaissez l'alphabet, vous avez gagné la moitié de la bataille, n'est-ce pas? Tout ce qui reste à faire est de changer son apparence et vous avez une police! En réalité, la typographie est assez compliquée et relève autant de la science que de l'art.
L'anatomie d'une police de caractères implique un jargon très spécifique, des mesures précises et des normes générales qui doivent être connues et respectées. Comme pour de nombreuses formes de design, vous ne pouvez enfreindre une règle que si vous la connaissez bien et que vous le faites intentionnellement pour faire une déclaration.
L’un des meilleurs endroits pour apprendre la typographie en ligne est I Love Typography, un blog consacré au beau type. Voici une image d'ILT présentant quelques termes avec lesquels vous devriez vous familiariser:
Comme vous pouvez le constater, faire de jolies lettres devient vite compliqué. Le graphique ci-dessus fait un excellent travail d’explication visuelle de ces termes, mais il ne s’agit en aucun cas d’une liste exhaustive des termes et des concepts avec lesquels vous devez vous familiariser. Par exemple, les termes tels que x-height, kerning et baseline ne sont même pas abordés dans le graphique. Pour mieux comprendre tout cela, vous devriez passer quelques minutes à parcourir un glossaire typographique.
Que diable pour?
La réponse à cette question est évidente: "Parce que vous êtes un designer!" Si vous créez régulièrement des conceptions utilisant des mots, vous explorez la typographie, que vous le vouliez ou non. Prendre le temps d'apprendre les principes de base vous rendra beaucoup plus conscient des caractéristiques des polices de caractères que vous choisissez et de la manière dont vous utilisez le type en tant qu'art.
2. Surveillez votre crénage
Cet article ne se veut pas une étude approfondie de la typographie, je ne vais donc pas examiner en détail chacun des termes mentionnés ci-dessus. Cependant, le crénage est complètement négligé par de nombreux concepteurs, anciens et nouveaux. Je discutais récemment de ce sujet avec le directeur artistique principal d'un site Web majeur de la mode féminine. La seule chose qui la contrarie le plus chez les concepteurs sous sa responsabilité est leur manque constant d’effort concernant le crénage.
Qu'Est-ce que c'est?
Le crénage consiste à ajuster l'espacement entre deux lettres dans une police donnée. Notez qu'il s'agit d'un problème distinct du suivi, qui ajuste l'espace entre toutes les lettres simultanément. Vous pensez peut-être qu'un programme coûteux, tel qu'Adobe Illustrator, résoudrait automatiquement tous les problèmes de kerning pour vous et que ce problème ne se pose donc pas dans votre illustration. Pensez encore. Découvrez l'exemple ci-dessous:
Si vous n'êtes pas habitué à chercher des problèmes de crénage, les problèmes peuvent être subtils, mais ils sont là. Remarquez comment les majuscules? D? dans l'exemple ci-dessus se distingue nettement du reste du mot. Par défaut, de nombreux caractères, en particulier ceux avec empattements prononcés, peuvent posséder un espacement incohérent des lettres. Ce n'est généralement pas un gros problème dans un paragraphe ou une phrase car l'espacement incohérent se mélange en blocs de copie plus petite. Toutefois, lorsque vous ne traitez que quelques mots, tels que dans un titre ou un logo, des problèmes de crénage négligés peuvent détruire toute l’esthétique.
Les problèmes de crénage peuvent se compliquer lors de l'utilisation de polices Web et de CSS, mais sont assez faciles à résoudre si vous créez du texte sous forme de graphique (pour impression ou sur le Web) dans Illustrator, Photoshop, etc. Insérez simplement votre curseur entre deux caractères et utilisez l'option (PC = alt) en conjonction avec les touches fléchées gauche et droite pour régler l'espacement. N'oubliez pas de ne pas vous focaliser davantage sur les lettres que sur l'espace négatif entre les lettres. Essayez de rendre cet espace visuellement cohérent tout au long du mot ou de la phrase.
3. Soyez conscient de la communication de la police
La sélection des polices ne doit jamais être un processus arbitraire. Il suffit de regarder dans toute votre bibliothèque pour trouver la police que vous aimez produira rarement un résultat efficace. La raison en est qu’il existe une psychologie inhérente à certains types de polices. Pour voir ce que je veux dire, considérons les exemples suivants:
Si vous êtes perspicace, ces sélections de polices sembleront très médiocres. La raison en est qu’il existe un décalage important entre la personnalité visuelle des sélections de polices et les mots écrits avec celles-ci. Vous ne verrez presque jamais le premier champion de combat ultime au monde s’exclamer dans une jolie police de script. De même, vous n'utiliserez probablement jamais Cooper Black sur vos invitations à un mariage. Nous nous sommes habitués à voir différents types de polices utilisées à certaines fins.
Chaque police communique certains attributs aux niveaux conscient et subconscient. Le genre et l’ère sont deux des principaux domaines de la communication. Considérez les exemples ci-dessous.
Remarquez comment les deux premières polices communiquent fortement une époque révolue. De même, les deux polices suivantes possèdent chacune des caractéristiques sexospécifiques fortement associées. Les polices épaisses avec des bords rigides ont tendance à avoir une apparence plus masculine et virile, tandis que les polices courbes et minces apparaissent féminines et girly.
Tout cela peut sembler un peu évident, mais vos compétences typographiques s'amélioreront à pas de géant si vous êtes capable de retirer ces connaissances de la partie implicite et instinctive de votre cerveau et de les transformer en actions explicites et intentionnelles.
Plus sur les polices de caractères
Pour en savoir plus sur des types de caractères spécifiques, consultez le tableau de classification des types d'Adobe.
4Alignement
L'alignement est un concept extrêmement important en typographie. Pour une raison quelconque, les non-concepteurs ont tendance à centrer instinctivement tout. Quelque part dans la vie, nous apprenons que si quelque chose est centré, il est équilibré et donc meilleur. En réalité, l'alignement du centre est l'alignement le plus faible, le plus difficile à lire, et doit être utilisé de manière très sélective.
Les deux premiers paragraphes ci-dessus sont alignés à gauche. C’est ainsi que nous avons l'habitude de lire parce que c'est généralement le format que nous voyons dans les livres, les magazines, etc. Les paragraphes centrés sont beaucoup plus difficiles à lire en raison de l'absence d'un contour net. Il n'y a pas de point de départ ou d'arrêt cohérent pour chaque ligne, vos yeux prennent donc un moment pour s'adapter à chaque nouvelle ligne. La différence est subtile dans la pratique, mais énorme en principe.
Cela ne signifie pas que vous ne devez utiliser que l'alignement de gauche à tout moment. Assurez-vous simplement de vous demander constamment quelle est l'importance de la lisibilité par rapport à l'esthétique particulière que vous tentez peut-être d'atteindre. Idéalement, ces principes fonctionneraient toujours ensemble, mais en réalité, ce sont souvent des forces opposées qui nécessitent un compromis d'une manière ou d'une autre.
Une autre chose à prendre en compte est le mélange des alignements. Quel que soit l'alignement que vous choisissez, essayez d'être cohérent tout au long de votre conception. Il est souvent (bien que pas toujours) approprié de centrer un titre sur une copie alignée à gauche, mais le fait d’essayer d’aligner des alignements mixtes au-delà pourrait donner lieu à une page visuellement encombrée et confuse.
Pour plus d'informations sur l'alignement des polices, consultez l'article ci-dessous.
Choix des alignements de types pour le Web
5. Choisissez une bonne police secondaire
Une fois que vous avez choisi une police de caractères principale, l'étape suivante consiste à choisir une autre police qui la mettra en valeur. Ceci est opposé à une police qui sera en conflit avec le choix principal.
Il y a plusieurs problèmes avec le premier exemple dans l'image ci-dessus. Premièrement, les types de polices choisis sont très pauvres. La police de support est plus ornée (et plus difficile à lire) que la police principale! Cela nuit à la police principale et doit être évité. De plus, même si le premier problème ne posait pas problème, les deux polices sont tout simplement trop similaires en épaisseur pour pouvoir être utilisées ensemble. Même si leur style est radicalement différent, leur poids de frappe similaire ne permet pas un contraste visuel suffisant entre les deux.
La deuxième image utilise des polices plus contrastées et utilise une police plus fine et plus simple pour la sous-étiquette. Vos polices ne doivent absolument pas être aussi contrastées (l'effet a été intentionnellement exagéré pour l'exemple), assurez-vous simplement qu'elles sont suffisamment différentes pour éviter toute confusion visuelle et que l'accent soit mis sur la police principale.
6. La taille, ça compte
J'ai créé des tonnes de publicités promotionnelles imprimées au cours des six années où je suis designer. L’une des choses que vous apprenez très tôt en travaillant avec du matériel promotionnel est que les titres devraient attirer immédiatement le lecteur. Vous avez au mieux une seconde ou deux pour attirer l'attention de quelqu'un dans le monde de l'impression. Si vous manquez cette opportunité, vous avez perdu votre client potentiel.
Cela signifie pratiquement que lorsque vous créez un titre, ne le tapez pas simplement: concevez-le. Prenons les deux exemples suivants:
Le premier titre vous oblige à lire chaque mot pour avoir une idée du contenu du message. Tout est de la même taille, largeur et couleur, ce qui ne laisse aucune emphase sur aucune partie du message. Le mot? Pourrait? est tout aussi important visuellement que le mot "gagner".
En revanche, le deuxième titre est beaucoup plus fort même s'il utilise exactement le même message. J'ai mis l'accent sur les mots qui ne sont pas si importants et j'ai vraiment crié les mots qui le sont. Le problème avec le premier titre est que le téléspectateur doit être disposé à prendre le temps de le lire. L'astuce consiste alors à amener le spectateur à lire les parties importantes dès qu'il voit le titre, presque comme par accident.
En regardant le deuxième exemple, la première chose que vous devriez remarquer est le mot? WIN? suivi de? LES BAHAMAS.? À ce stade, si vous êtes le public cible, nous avons suscité votre intérêt et vous êtes beaucoup plus susceptible de prendre le temps de voir en quoi consiste ce message.
7. Utiliser la typographie comme art
Arrêtez de considérer la typographie comme de simples titres et une copie de corps, et commencez à la considérer comme un élément de design. Les polices de caractères sont méticuleusement conçues et possèdent donc une esthétique qui peut être un atout précieux pour votre arsenal de conception. Bien entendu, cela va bien au-delà de la construction de visages avec des lettres. Si vous souhaitez créer une conception centrée sur la typographie, réfléchissez à la manière dont vous pouvez incorporer un type attrayant en tant que héros.
En outre, ne vous sentez jamais comme limité par la structure des polices existantes. Développez les formes de police pour répondre à vos besoins. Essayez d’ajouter des tourbillons, des textures, des taches, des guêtres, etc.
8. Trouver une bonne inspiration
Le meilleur moyen d'apprendre à créer une typographie efficace et attrayante est de trouver et d'étudier certains exemples existants. Vous trouverez ci-dessous d'excellents articles pour trouver de l'inspiration en ligne, mais ne vous arrêtez pas là. Les bons et les mauvais exemples de typographie sont aussi proches que le fast food le plus proche. Surveillez partout où vous allez ce que font les autres et réfléchissez à la raison pour laquelle cela ne semble pas bien fonctionner.
De magnifiques exemples de typographie florale
40 exemples de belle typographie en design publicitaire
Exemples magnifiques de typographie en design publicitaire
50 exemples de typographie vintage
Enfreindre les règles
N'oubliez pas que ces règles sont simplement destinées à vous aider à créer une excellente typographie. En chemin, vous constaterez que certains de vos meilleurs travaux enfreignent de manière flagrante un ou plusieurs des principes exposés dans cet article.Comme je l'ai dit précédemment, le moment où vous comprenez parfaitement une règle donnée dans la conception est le moment où vous avez la permission de la modifier. Assurez-vous simplement que le mépris ne soit pas arbitraire, mais exécuté avec un but précis et pour atteindre un objectif spécifique.
Ressources supplémentaires
- Typedia: une encyclopédie partagée des polices de caractères
- Typophile
- Les éléments de style typographique appliqués au Web
- 15 conseils pour choisir un bon type de texte
Les règles ont tendance à être contraignantes, mais j'espère que ces huit suggestions ont au contraire ouvert vos possibilités de typographie avec succès.