Catégories
Astuces et Design

20+ tendances typographiques pour 2020

Vous voulez donner un coup de jeune à votre design? Utiliser des tendances typographiques nouvelles et intéressantes pourrait être la réponse. Les concepteurs optent pour des polices de caractères moins élaborées et les associent à des couleurs vives, des découpes, des dégradés et même des personnalisations pour créer un lettrage qui se démarque.

Changer de police ou recréer une image ou un en-tête dans un style tendance peut donner à un dessin un aspect frais sans une refonte complète. Vous ne savez pas par où commencer? Cette liste présente les tendances typographiques avec des exemples à utiliser comme source d'inspiration pour savoir comment les utiliser.

Voici un aperçu des principales tendances typographiques pour 2020.

Polices expérimentales

cartes mobiles

Les polices de caractères expérimentales font fureur avec des styles expressifs et intéressants qui ajoutent beaucoup de personnalité aux projets de conception. Les polices de caractères expérimentales se présentent sous de nombreuses formes différentes – elles peuvent inclure des formes ou des traits géniaux, des couleurs ou des animations.

La meilleure partie de ces styles de type est qu'ils peuvent injecter une ambiance unique et très spécifique dans un projet.

Vous pouvez trouver des polices de caractères expérimentales provenant de différentes fonderies ou de créateurs de caractères indépendants. Si vous souhaitez jeter un coup d'œil à de nouvelles options expérimentales, rendez-vous sur Typelab.

Polices courtes et épaisses (faibles X-Heights)

cartes mobiles

Un autre style de police à la mode est celui des polices de caractères de petite taille et de large position. Beaucoup de ces polices comportent des jeux de caractères en majuscules, mais lorsqu'elles comportent des lettres minuscules, elles peuvent être identifiées par une faible hauteur d'x.

Ce style de texte a tendance à mieux fonctionner lorsqu'il n'y a pas beaucoup de concurrence avec lui sur le canevas. Il convient également mieux aux mots ou phrases plus courts, en raison de sa lisibilité.

Ces polices courtes et épaisses fonctionnent également mieux pour les conceptions qui ont une sensation ultra-moderne. Leur portée et leur conception sont presque futuristes dans de nombreux cas.

Styles d'écriture manuscrite

cartes mobiles

Le style de marqueur Sharpie est très populaire parmi les concepteurs de sites Web lorsqu'il s'agit d'afficher des polices. Et vous avez le choix entre de nombreuses polices d'écriture manuscrite afin que vous obteniez le bon aspect et la bonne sensation.

Une grande partie de la tendance actuelle des polices d'écriture manuscrite se concentre sur les lettres imprimées avec des caractères majuscules et minuscules avec des traits plus épais et un peu de rugosité.

Les polices de caractères peuvent également inclure de petites embellissements supplémentaires qui donnent à certains personnages une sensation encore plus spéciale. En ce qui concerne les styles d'écriture manuscrite avec des conceptions plus cursives ou de type script, vous êtes susceptible de trouver de longues queues et des swash élaborés.

Polices de contour

tendances typographiques

Les polices de contour sont un gros problème.

Vous trouverez cette tendance principalement dans la zone des héros des pages Web pour la copie principale. Bien que les utilisations varient quelque peu, il y a quelques éléments que vous trouverez presque à chaque fois:

  • Police sans empattement
  • Texte en majuscules pour les lettres de contour
  • Associé à un lettrage rempli
  • Éléments de texte surdimensionnés

Les options de police de contour peuvent être très amusantes à utiliser. Il faut juste être prudent en matière de lisibilité. Les lettres peuvent se perdre rapidement dans les images d'arrière-plan et les vidéos. Faites donc attention à la couleur, au contraste et au placement.

Et n’en faites pas trop. Une police de contour fonctionne mieux pour un point d’accentuation, et non pour créer votre message entier.

Alignement à gauche

tendances typographiques

Le texte aligné à gauche est lisible, élégant et peut créer un équilibre décentré qui a une sensation classique.

L'astuce pour utiliser une typographie alignée à gauche est de prêter attention aux sauts de ligne et à la taille du texte. Considérez tout l'élément de texte comme un seul élément. Plus de lignes de texte et plus de mots sembleront plus gros que quelques mots. Ajustez la taille et l'interligne en conséquence.

Pour une sensation encore plus cohérente, envisagez également d'aligner d'autres éléments sur la gauche. Créez une «marge» de grille pour que les éléments se reposent, comme dans l'exemple ci-dessus de The Urban Village Project. Notez que le nom de la marque, deux niveaux de texte et un bouton d'appel à l'action sont tous alignés à gauche sur le même plan invisible.

Texte glitchy

tendances typographiques

L'influence de TikTok s'est également déplacée vers la typographie, avec des effets glitchy tendance dans la conception de caractères. Et bien que les effets glitchy puissent être amusants, ils sont assez difficiles à bien utiliser.

La plupart du texte glitch est conçu plus comme un élément artistique que comme un élément lisible. Et pour cause, des problèmes de typographie peuvent entraîner des problèmes de lisibilité.

Cela étant dit, cette tendance est très amusante et vous pouvez la déployer de différentes manières. Cliquez sur l'exemple ci-dessus et vous pouvez voir plusieurs utilisations de texte glitchy juste dans l'en-tête du héros.

Sans empattements arrondis

tendances typographiques

C'est une tendance que presque tout le monde peut utiliser et elle est si simple que vous ne la verrez peut-être même pas avant de commencer à chercher. Les projets sont remplis de polices de caractères arrondies et simples sans empattement.

Ce qui est génial avec cette tendance, c'est qu'elle fonctionne avec tout. Les sans empattements arrondis font partie des polices de caractères les plus lisibles. La plupart des concepteurs utilisant cette tendance utilisent également des polices avec des traits uniformes moyens à épais avec un espacement des lettres adéquat.

Tout dans cette tendance typographique est centré sur une lisibilité optimale. De plus, vous pouvez l'associer à d'autres tendances typographiques pour un look encore plus moderne. L'exemple ci-dessus utilise à la fois des empattements arrondis et du texte aligné à gauche.

Dégradés subtils

tendances typographiques

Les concepteurs ne semblent tout simplement pas avoir assez de dégradés. (J'avoue être l'un d'entre eux!)

Les dégradés subtils comme accent dans la typographie sont la prochaine évolution de cette tendance.

Ce qui est bien avec la tendance, c'est que les dégradés sont si subtils que vous pourriez même ne pas les voir au début. Il y a juste une légère variation dans la couleur qui aide à attirer l'attention sur le lettrage.

Les dégradés sont mieux utilisés avec des polices plus épaisses et pour accentuer des mots ou des phrases spécifiques.

Veillez à ne pas en faire trop. Un bon dégradé de texte maintient un contraste constant sur le mot afin qu'il ne soit pas gênant à lire et qu'il se démarque de l'arrière-plan.

Type de héros «sous-dimensionné»

tendances typographiques

Ce n'est pas que le texte a tendance à redevenir petit dans l'ensemble, mais les titres et le texte des images de héros des sites Web n'ont pas la même impression surdimensionnée qui a submergé certaines conceptions. La typographie dite «sous-dimensionnée» dans la zone des héros des sites Web est un peu rafraîchissante.

Ces tailles de caractères – qui sont encore suffisamment grandes pour être désignées comme des titres, mais suffisamment petites pour inclure quelques lignes de texte – ont tendance à se situer davantage dans la plage de 50 à 80 points. (L'exemple ci-dessus représente 60 points pour le titre et seulement 23 pour le titre secondaire.)

La clé pour faire fonctionner une typographie plus petite est de vous assurer que vous avez sélectionné une police hautement lisible et de lui donner beaucoup d'espace. Il est facile de tomber dans le piège de mettre trop de texte à l’écran quand il est petit. Ne laissez pas cela vous arriver.

Pourquoi la typographie a-t-elle tendance à être plus petite? Ces tailles sont plus faciles à adapter tout en créant des expériences plus universelles sur tous les appareils. Une typographie géante et surdimensionnée peut créer un désordre sur mobile, qui s'oriente différemment des écrans de bureau. Le résultat est un type qui n'a pas toujours l'air super ou qui doit faire des choix de conception qui ont un impact sur la cohérence entre les appareils.

Le simple fait de réduire un peu la taille peut résoudre ce problème, maintenir la lisibilité et a toujours fière allure lorsqu'il est bien fait.

Serifs

tendances typographiques

Les empattements sont de retour. Autrefois considérée comme «difficile à lire en ligne», la typographie avec de minuscules traits supplémentaires sur les caractères apparaît partout.

Et en passant, ce problème de lisibilité avec les empattements en ligne est un mythe total.

Si vous souhaitez utiliser des empattements pour des projets Web, recherchez des styles de lettrage qui ont des traits réguliers à plus épais et faites attention à l'interligne lorsqu'il s'agit de ascendeurs, descendants et empattements ou ligatures afin que chaque mot soit facile à comprendre.

Des simples empattements carrés, comme dans l'exemple ci-dessus, aux fioritures plus élaborées, ce style de typographie a tellement de caractère et de charme. Cela peut ajouter un bon coup de pouce aux contours de conception simples et à ceux qui utilisent bien l'espace.

Typographie animée

tendances typographiques

L'animation est l'une des plus grandes tendances générales du design. Et il n'y a aucune raison que cela ne s'applique pas non plus à la typographie.

De plus en plus de conceptions utilisent des lettres qui se déplacent, se décalent ou sont affectées par un état de survol (comme l'exemple ci-dessus). Toutes ces techniques peuvent conduire à une expérience utilisateur plus interactive et plus riche.

Lors de l'animation de texte, il est important de déterminer comment et où les utilisateurs liront les informations (certains éléments animés tels que la vidéo ne fonctionnent pas encore bien sur tous les appareils mobiles). Adaptez-vous pour que même si l'animation ne fonctionne pas correctement, il y ait toujours une expérience utilisateur intéressante où la messagerie est claire.

À cet égard, les meilleures animations de texte commencent souvent par un lettrage clair et facile à voir. L'animation entre en jeu après un délai ou dans le cadre d'une interaction utilisateur. Cela peut ravir et surprendre les utilisateurs (peut-être même plus de temps sur site).

Considérez attentivement la vitesse avec les animations de typographie – si le texte se déplace trop rapidement, les utilisateurs manqueront complètement le message; si le texte se déplace trop lentement, les utilisateurs peuvent cliquer avant de lire tout le contenu. Cela doit être juste. (Les tests utilisateur peuvent vous aider à trouver une vitesse idéale.)

Blocs de texte empilés

tendances typographiques

Bien que la typographie ait tendance à être un peu plus petite, elle a toujours autant de poids. Les concepteurs empilent plusieurs lignes de texte, en particulier dans les en-têtes de héros, pour un message pondéré avec plus de mots.

La tendance est importante à noter car elle montre un changement dans la tentative de communiquer un peu plus pleinement avec les utilisateurs et moins une attente qu'un seul mot suffira pour inciter quelqu'un à s'engager dans un design. Plus d'informations présentées de manière visuellement attrayante peuvent être une meilleure solution qui conduit à plus d'engagement des utilisateurs.

Les considérations clés lorsqu'il s'agit d'empiler plusieurs lignes de texte est de trouver une police qui soit lisible lorsqu'elle est utilisée avec plus de lettres (ou même lorsqu'elle est utilisée en majuscules, ce qui est une option populaire), a un espacement de lignes adéquat afin que les lignes soient faciles à distinguer et que les coupures dans la copie sont logiques. Lors de l'empilement de texte, il doit y avoir un flux distinct d'une ligne à l'autre qui est à la fois évident dans la façon de lire les mots et que les utilisateurs doivent passer à la ligne de copie suivante avant toute autre partie de la conception.

En raison des défis liés aux sauts de ligne et à la facilité de lecture, les piles de texte sont souvent d'un côté de l'écran afin que le concepteur ait plus de contrôle. Cette structure peut également créer une harmonie entre un élément de texte et un autre visuel à l’écran pour un équilibre asymétrique qui est attrayant à regarder.

Polices et type de couleur

Tendances typographiques 2019

Bien qu'il y ait eu beaucoup de texte en noir et blanc dans des styles plus minimalistes, les couleurs rugissent.

Les polices de couleur sont une classe de type à part entière et ont surgi partout. Ils sont plus populaires que ce que beaucoup pensaient initialement et ont des applications amusantes dans les projets de conception.

Vous pouvez tout savoir sur les polices de couleur ici dans notre guide du débutant. Le concept de polices de couleur a également ouvert plus de projets de couleur dans la typographie.

Bien qu'il y ait eu beaucoup de texte en noir et blanc dans des styles plus minimalistes, les couleurs rugissent. De nombreux designers utilisent une typographie de couleurs vives avec des styles minimaux, tels que la chaise inclinée ci-dessus. La couleur peut ajouter un intérêt visuel supplémentaire et mettre l'accent sur les mots en couleur.

Les options lumineuses, telles que le rouge dans l'exemple, aident à attirer l'attention et servent de tremplin idéal pour la messagerie, la construction de l'identité de la marque et l'attrait des utilisateurs dans la conception.

Type en surbrillance

Tendances typographiques 2019

C’est l’une de ces tendances qui est un peu surprenante à voir: l’accent mis à la manière des surligneurs sur le lettrage pour créer de l’accent.

Des surlignages simples au lettrage séparé de l'arrière-plan aux soulignements en passant par les surbrillances animées, il existe de nombreuses façons d'utiliser cette tendance de conception de caractères. Et même si cela peut sembler un peu étrange lorsque vous le décrivez, les visuels réels sont assez étonnants.

Cette technique est la meilleure pour les mots que vous voulez vraiment que les utilisateurs voient. Cela fonctionne également mieux pour des blocs de texte plus courts afin que la surbrillance ne devienne pas écrasante et ne prenne pas le dessus sur le design.

Découpes et superpositions

Tendances typographiques 2019

Ces deux techniques présentent un grand intérêt visuel et peuvent être amusantes à créer.

Les effets superposés sont un excellent moyen de donner à un dessin un aspect beaucoup moins plat. Le faire avec la typographie peut être une bonne option.

Les découpes et les superpositions font référence à des éléments de texte sans remplissage de couleur. Une découpe permet à tout ce qui se trouve dans le calque d'arrière-plan de s'afficher à travers la conception de caractères, comme les images sportives animées dans l'exemple ci-dessus. Une superposition est souvent un lettrage transparent sur un arrière-plan afin que vous puissiez voir l'arrière-plan à travers les lettres tout en les lisant.

Ces deux techniques présentent un grand intérêt visuel et peuvent être amusantes à créer. Ils fonctionnent mieux avec de gros caractères, peu de mots et une police d'affichage.

Les superpositions fonctionnent très bien avec les photos, la texture ou même les arrière-plans vidéo. Assurez-vous simplement d'éviter beaucoup d'autres effets de conception lorsque vous utilisez cette technique. (Vous ne voulez pas submerger l'utilisateur.)

Superposition avec d'autres éléments

Tendances typographiques 2019

Dans la plupart des projets, les éléments de texte et les autres éléments sont maintenus assez séparés. Mais cette idée a beaucoup changé et les concepteurs n'hésitent pas à laisser du texte et d'autres éléments se chevaucher. Le résultat final peut être plutôt cool et aider les utilisateurs à se concentrer un peu plus sur les mots à l'écran.

Alors que les utilisations les plus courantes de la tendance typographique dans la pratique sont des éléments de texte qui chevauchent des images encadrées ou des couleurs, MJND le fait monter d'un cran. Cette conception fusionne la personne dans l'image avec la typographie afin qu'elle soit découpée autour de lui (comme si la personne entre dans les mots).

Il s'agit d'une technique issue de la conception d'impression où elle est plus populaire – et honnêtement plus facile à exécuter – et peut créer un affichage époustouflant. L'astuce consiste à avoir la bonne image et à maintenir la lisibilité de chaque lettre. (Veillez à ne pas créer de mots involontaires en raison de traits ou de parties de caractères manquants.)

Texte avec des dégradés

Tendances typographiques 2019

La technique de conception la plus sous-estimée de tous les temps pourrait être le gradient. Il a sérieusement mauvaise réputation en raison d'une mauvaise utilisation. Mais lorsqu'ils sont bien faits, les dégradés sont absolument magnifiques. C’est le cas de l’exemple ci-dessus, Design Spin.

Juste la bonne partie du titre présente un simple changement de couleur du bleu au vert. Il est facile à lire et à comprendre et à mettre l’accent au bon endroit. Le dégradé est moderne et frais et ajoute juste un peu plus d'intrigue visuelle qu'une seule couleur. Il s’adapte parfaitement au design minimal de la page et, avec le dégradé du bouton de défilement, il existe un repère de direction entre la typographie principale et l’étape suivante que l’utilisateur doit franchir.

Effets «exagérés»

Tendances typographiques 2019

Aucun effet n'est hors de la table.

Ce n’est pas souvent que le terme «exagéré» est utilisé de manière favorable lorsqu’il s’agit d’une technique de conception. Mais quand il s'agit de la tendance de la typographie exagérée, cela peut fonctionner.

Cette tendance de type a une sensation rétro et se caractérise par des effets de texte et de texte tellement exagérés que vous devez lire les mots. Il y a des contours et des ombres et des biseaux et des fondus et des couleurs folles. Aucun effet n'est hors de la table.

Et plus vous accumulez d'effets, plus les utilisateurs peuvent regarder. Ce style fonctionne mieux avec un schéma de conception simple, tel que Schnitzel Love, ci-dessus.

Tout personnalisé

Tendances typographiques 2019

L'un des commandements de la typographie est de laisser le lettrage seul. Vous ne devez pas modifier ou modifier les polices de caractères; choisissez celui qui convient à votre projet.

Mais les concepteurs remettent cette idée en question avec des résultats positifs, en apportant de simples ajustements aux polices pour leur donner un aspect et une sensation plus personnalisés. D'autres sont en fait all-in et ont des polices personnalisées conçues pour les projets.

Bien que cela puisse être très amusant, c'est souvent une option coûteuse et peut prendre beaucoup de temps. C'est plus courant avec les grandes marques ou pour les projets avec un typographe dans l'équipe.

Conclusion

Personnellement, les tendances typographiques sont l'une de mes choses préférées à plonger. Le lettrage est une partie essentielle de toute conception.

Mes tendances typographiques préférées sont celles qui repoussent les limites de ce qui est commun tout en conservant la lisibilité. Qu'aimez-vous en termes de typographie? Parlons-en sur Twitter. (Il suffit de mentionner @carriecousins et @designshack!)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *