Parfois, votre police de caractères doit transmettre un sentiment autant que du sens, et pour cette fonction, davantage de designers se tournent vers la typographie dramatique. Ce type de typographie est utilisé pour plus que la lisibilité et la lisibilité (même si cela reste le but premier). La typographie dramatique se distingue. Il traverse l'écran de l'appareil, demande l'attention du spectateur et le dirige vers le message qu'il envoie. C'est une opportunité d'afficher l'identité de la marque, d'améliorer le contenu du texte, de créer une hiérarchie visuelle parfaite et de créer une impression mémorable. Il n’est pas surprenant que la typographie dramatique devienne rapidement une tendance dans les interfaces Web.

Qu'elles soient simples ou élaborées, les mots sur les sites d'aujourd'hui sont lus sous un jour totalement nouveau. Dans cet article, nous examinerons 5 exemples de typographie dramatique dans la conception de sites Web.

1. Simple, mais dramatique

La typographie simple et la typographie dramatique ne sont pas incompatibles. En fait, la typographie simple est l'une des meilleures formes de typographie dramatique. Cette technique est relativement facile à intégrer sur votre page. Il vous suffit de sélectionner une police de caractères simple et de suivre les conseils suivants:

  • Augmenter la taille de la police (les polices de grande taille envoient un message puissant, surtout lorsqu'elles sont associées à des images de héros)
  • Rendre la couleur du texte contrastante par rapport à l'arrière-plan (la couleur de la copie de texte est généralement blanche ou noire, ce qui contraste bien avec une image ou un arrière-plan coloré).
  • Ajouter un style audacieux

La taille de la police est un moyen de contrôler l’influence; L'exemple ci-dessous montre parfaitement comment les formes de lettres peuvent être magnifiques par elles-mêmes. En employant des extrêmes, isolément ou en groupe, il devient possible de transmettre un message avec puissance sans être odieux.

cachette

Les polices simples communiquent la confiance et la clarté.

2. Utilisation créative de caractères simples

Il est absolument possible de prendre les polices les plus élémentaires et de créer une expérience mémorable. Tout ce dont vous avez besoin est d'expérimenter avec la typographie:

Besoin d'envoyer votre message haut et fort? Utilisez TOUS LES CAPS pour la copie. Vous voulez créer quelque chose de vraiment spécial? Utilisez des caractères simples avec des effets animés ou des vidéos.

métier à tisser

3. Police de caractères décorative

Les concepteurs ont des sentiments mitigés à propos des polices de caractères décoratives. De nombreux concepteurs méprisent les visages décoratifs comme étant bon marché et négligés, tandis que d'autres les adorent et exploitent de manière créative et intéressante. En ce qui me concerne, je pense que la typographie décorative, si elle est utilisée correctement, peut donner le ton au site et mettre en valeur la marque de manière attrayante. mais seulement quand il correspond à la personnalité de la marque et à l’atmosphère du site. Lorsqu'un concepteur parvient à un équilibre en incorporant une copie à un type décoratif approprié, l'expérience est meilleure. Voici quelques exemples:

dans le Faucon & Poule Exemple ci-dessous, la police décorative aide à établir un style original et unique pour cette cuisine / bar.

Hawkandhen

UNE caractère personnalisé sur les bandes de couchage Squarespace crée une bonne ambiance pour l'expérience.

squarespace

La police ludique sur HeadOfffice définit une atmosphère énergique.

bureau de poste

La police de caractères moderne et originale utilisée sur le Maaemo La page d'accueil crée une atmosphère mystérieuse.

maemo

Vous avez probablement remarqué que tous les exemples ci-dessus ont une chose en commun: la police de caractères décorative est utilisée avec une disposition simple et minimale. Ce n'est pas une coïncidence. Le fait est que la typographie décorative est intéressante en soi. Ainsi, si vous utilisez un type décoratif sur votre page d’accueil, pour concentrer l’attention de l’utilisateur sur un seul élément, il est préférable d’utiliser une présentation simple.

4. Lettrage

Le type dessiné à la main fait depuis longtemps partie du design web. Parfois, c'est un véritable lettrage qui est scanné, mais dans de nombreux cas, il s'agit d'une police de caractères conçue pour être dessinée à la main. Les polices de caractères et le lettrage ajoutent une touche d'élégance à n'importe quel design une fois terminé. Le texte dessiné à la main est unique car il est capable de transmettre des messages sur l'organisation derrière lui. Jeter un coup d'œil à Grain & Mortier et Femme fatale exemples ci-dessous. Les racines artistiques de ces agences de design transparaissent dans la conception de leur page d'accueil.

grainandmortar

Les éléments dessinés à la main sont un excellent moyen d’humaniser une marque.

femme fatale

Assurez-vous simplement que si la lisibilité est le but ultime, le message n'est pas perdu dans la beauté. Pour éviter les problèmes potentiels, essayez de limiter l'utilisation des polices dessinées à la main aux gros titres superposés entre les images et utilisez une autre police pour la copie standard.

5. Superposés sur des éléments

L'un des meilleurs moyens de faire remarquer le texte consiste à le superposer à d'autres éléments (tels que des images ou d'autres objets graphiques). Habituellement, les polices choisies pour être superposées tiennent compte d'autres textures, motifs et illustrations qui seront présents dans le dessin:

Vous pouvez étendre du texte au-delà de sa section dans d’autres.

agane

Avoir la moitié des mots "saigner" sur une image.

volta

Ou même enfreindre les règles et donner de l'importance à l'image primaire et cacher les mots derrière elle.

tf

Les deux considérations importantes avec cette technique sont le contraste et la lisibilité . Vous devez tester votre conception pour vous assurer que les deux exigences sont satisfaites et que le site a une bonne expérience utilisateur.