Avez-vous déjà remarqué que certains projets semblaient tout simplement brillants? Certains concepteurs ont un certain talent pour concevoir une typographie parfaite pour chaque projet.
Tu peux le faire aussi. Avec quelques règles simples, vous pouvez améliorer l'apparence et la conception de la typographie dans tous vos projets, numériquement et sur papier. Si vous avez du mal à choisir les polices de caractères et à les associer, ces règles vous aideront à concevoir un type parfait, à chaque fois. (Assurez-vous juste de les suivre.)
1. Fixer des objectifs pour le projet
Une bonne typographie commence par une solide compréhension de ce que votre projet est censé faire. Avant même de commencer à parcourir Google Fonts ou Typekit, notez les réponses à quelques questions.
- Qui essayez-vous d'atteindre avec ce projet?
- Qu'est-ce que les utilisateurs sont supposés faire avec le design?
- Quels sont les points de conversion?
- Quelle est l'ambiance du projet?
- Avez-vous besoin de faire correspondre ou de coordonner avec d'autres conceptions ou de marque?
Les réponses vous aideront à vous faire une idée du type de typographie que vous recherchez. (Voici un guide sur la signification et l’ambiance des polices de caractères dans les projets de conception.)
2. Rechercher des formes similaires
Lorsqu'il s'agit de faire correspondre plusieurs polices de caractères dans un dessin, une combinaison de polices aussi simple que la forme d'un lettrage peut en altérer la cohérence
Alors, comment vous assurer de le faire?
Recherchez des polices de caractères similaires. Déterminez si chaque caractère est plus rond ou ovale, épais ou mince, d’une hauteur x courte ou élevée, ou incliné ou incliné.
Choisissez une police de caractères principale ou principale que vous aimez, puis associez des polices complémentaires de formes similaires.
- Regardez la minuscule? O? dans chaque type de famille. Est-ce que l'intérieur? Bol? rond ou ovale? Faites correspondre les polices de caractères où l’intérieur du? O? est le même.
- C'est bien de jumeler des caractères épais et minces. Il est préférable de combiner une police de caractères épaisse ou mince et régulière.
- Recherchez des polices de caractères ayant des hauteurs de x similaires (taille verticale d'un? X?).
- N'ayez pas peur de mélanger et assortir différents styles. Essayez une combinaison serif et sans serif. Assurez-vous simplement que si une police de caractères est complexe, l'autre est simple. Et utilisez le caractère simple pour l'application la plus large, telle que le corps du texte.
- Faites attention à l'inclinaison et aux italiques. (Vous pouvez également regarder le centre de la lettre "o"?). N'utilisez pas plus d'une police oblique et évitez les paires de polices inclinées dans des directions opposées. Ils peuvent être choquant pour les utilisateurs.
Toujours pas sûr? Voici un guide pour mélanger des polices.
3. Définir une échelle de type pour le dimensionnement
La taille du lettrage peut faire ou défaire un projet. Si le texte est trop volumineux, il en résulte une lecture non naturelle avec trop de pauses et d'arrêts. Si le texte est trop petit, cela peut fatiguer les yeux et amener les utilisateurs à quitter le motif.
Lorsque le texte est juste, les utilisateurs parcourent les mots librement.
Un texte dont la taille est exacte vient également avec une échelle pour différentes tailles dans le projet. Le corps du texte est d'une taille, les titres d'une autre taille et les sous-en-têtes d'une autre taille. Et toutes les tailles et utilisations doivent être cohérentes tout au long de la conception.
Ce que cela fait aux utilisateurs, c'est que tout est plus facile à lire.
- La taille du texte donne la priorité aux informations par importance. Les caractères plus gros sont plus importants et sont plus susceptibles d’être écrémés par la plupart des utilisateurs.
- Une échelle augmente la lisibilité du texte afin que les utilisateurs puissent le consulter rapidement.
- Les articles associés ont la même apparence.
- Les gros éléments de texte, tels que les sous-en-têtes, aident à séparer les longs blocs de texte, ce qui en facilite la lecture.
4. Faites attention à l'espacement
Ce n'est pas le type en soi, mais l'espacement des types est important.
Le crénage, l’alignement, le suivi et le remplissage peuvent rendre votre texte magnifiquement ou le transformer en désordre chaud.
Obtenir un espacement parfait est un art raffiné. Cela dépend en grande partie des combinaisons de lettres utilisées, de leur taille et de la police de caractères. Il n'y a pas de règle de crénage - sauf le faire si nécessaire - et il n'y a pas une quantité parfaite de remplissage pour le texte et les autres éléments.
Vous allez devoir regarder ça.
Le test est sentir. Si le design se sent? Off? d'une manière que vous ne pouvez pas identifier, un espacement problématique pourrait être à blâmer. Il faut juste de la pratique - et un bon œil - pour bien faire les choses.
5. Aligner à gauche pour la lecture
En anglais, ainsi que dans d'autres langues, les utilisateurs lisent de gauche à droite. C'est également l'alignement idéal pour optimiser la lisibilité au sein de blocs de copie.
De petits morceaux de texte - des éléments de menu ou des titres de héros - n'ont pas à s'aligner à gauche car ils sont rapides à lire. De grandes quantités de copies - rien de plus qu'une phrase - devraient probablement être laissées alignées. (La justification est discutable, bien qu'elle puisse causer des problèmes d'espacement si vous ne faites pas très attention.)
6. Choisissez deux familles de types
Cette règle vous est probablement déjà familière: utilisez seulement deux polices de caractères pour un projet.
On le répète ici parce que très peu de concepteurs sont vraiment attentifs à cette règle. Parcourez le Web ou un site Web de portefeuille et vous verrez de nombreux projets avec des polices devenues sauvages!?
Si vous envisagez de briser cette règle, détrompez-vous. Que gagnez-vous en ajoutant une autre police de caractères au mélange? Au lieu de cela, examinez la police de caractères que vous avez sélectionnée et voyez si un autre style, gras, mince ou italique, pourrait être une meilleure solution.
7. Ne modifiez pas les polices
Ne jamais étirer, tordre ou incliner une police de caractères. Si vous avez besoin de quelque chose de différent de ce que vous avez, choisissez une option différente.
Les typographes passent beaucoup de temps à créer un lettrage qui fonctionne tel que présenté. La modification de la forme des lettres nuit à la lisibilité et peut provoquer la rupture des polices. de la manière dont une photo est pixélisée lorsque vous utilisez une taille supérieure à la taille originale.
8. Utilisez beaucoup de contraste
Une des choses qui posent problème aux concepteurs est de mettre du texte sur une image ou un élément d’arrière-plan.Cela ne fonctionne que lorsque vous avez suffisamment de contraste entre les éléments pour créer une séparation et assurer la lisibilité.
Si vous devez ajouter une ombre portée au lettrage, le contraste est insuffisant.
La lumière sur l'obscurité ou sombre sur la lumière peut assurer la lisibilité. Il est également utile d’utiliser une police de caractères avec un trait régulier ou plus large.
Mais ce n'est pas toujours le cas. Une photo peut inclure des espaces clairs et sombres ou laisser des traits épais et fins.
Les options incluent un texte de boxe, la sélection d’une police plus épaisse ou l’ajout d’une incrustation de couleurs à l’image. Toutes ces techniques peuvent aider à créer plus de contraste et à rendre le texte plus lisible. (De plus, ils ont tendance à tenir lorsqu'ils sont utilisés dans plusieurs points d'arrêt réactifs où le texte et les images bougent.)
9. Rappelez-vous la typographie mobile
En ce qui concerne la typographie pour le Web, la lisibilité sur mobile devrait être une préoccupation majeure. Des techniques amusantes, telles que l’ajout d’un motif ou d’une texture aux lettres, peuvent être imprimées et sur certains écrans de bureau, mais ne fonctionneront pas avec les petits appareils.
Vous devez réfléchir à la manière dont les polices de caractères seront rendues dans toutes les utilisations. (Retournez à votre échelle de typographie et n'oubliez pas d'inclure les spécifications de dactylographie sur de grands et petits écrans.)
La typographie mobile est souvent un peu grande et comprend un peu plus d'espacement que la typographie sur les ordinateurs de bureau. Cela est également utile si les paragraphes sont plus courts, évitant ainsi de lire des blocs de texte prenant plusieurs parchemins, ce qui peut intimider les utilisateurs.
10. S'en tenir à un guide de style
Une fois que vous avez une idée précise de l'apparence du type dans un projet, créez un guide de style reprenant toutes vos règles d'utilisation.
Faire des copies. Mettez-le en ligne dans un endroit accessible. Et utilisez-le chaque fois que vous apportez des modifications à la conception.
La cohérence est un élément clé de la conception d'une typographie parfaite.
Conclusion
La différence entre la typographie bonne et la mauvaise est que la plupart des utilisateurs peuvent identifier l’une ou l’autre. Ils ne savent que lorsque la conception n'est pas tout à fait juste.
La lisibilité est la principale préoccupation pour créer une typographie parfaite. Le type doit être facile à lire et à comprendre. Cela devrait correspondre à l'ambiance de la copie. Et il devrait sembler presque invisible pour les utilisateurs; cela fonctionne quand ils ne doivent pas y penser et peuvent lire facilement.