Avez-vous besoin d'une image de référence ? La typographie peut suffire.

L'image ou la vidéo accompagnée d'un texte et d'un appel à l'action est le concept le plus répandu pour la zone héroïque d'un site web, mais toutes les conceptions ne disposent pas d'éléments visuels de haute qualité pour faire fonctionner ce type d'image héroïque.

Cela soulève la question suivante : avez-vous vraiment besoin d'une image de héros ?

Pour certains projets de sites web, la réponse est non. Il est possible de concevoir une zone héroïque exceptionnelle pour un site web avec une excellente typographie et quelques petits détails. Voyons comment faire et quelques exemples que nous aimons tout simplement.

Explorer Envato Elements

Les avantages d'une image de héros

Les principaux avantages de l'utilisation d'une image ou d'une vidéo héroïque pour un site web sont la nature de l'élément visuel qui attire l'attention et les informations qu'il transmet. Une image peut en dire long sur votre site web ou votre projet et sur son contenu.

Les images sont un élément essentiel de la narration et il serait difficile de créer un design complet sans elles. Alors que nous pensons ici à la conception d'un héros d'en-tête sans image, il est important de noter que ces sites web sont rarement complètement dépourvus d'images.

Les êtres humains sont, pour la plupart, des visuels innés. Nous comprenons les choses en les voyant. C'est pourquoi l'imagerie des héros est si populaire.

Les avantages d'une image de héros comprennent également

• Présente un produit ou un service
• Relier visuellement les visiteurs d'un site web à ce que vous faites ou à ce que vous représentez.
• Créer un sentiment d'envie ou de besoin pour ce qui figure dans l'image
• Attire l'attention sur d'autres éléments tels que le texte ou les appels à l'action.
• Donne aux utilisateurs quelque chose à voir et les incite à rester plus longtemps à l'écran.

Avantages d'un héros basé sur la typographie

Le principal avantage d'une zone d'en-tête de héros basée sur la typographie est qu'elle communique clairement quelque chose. Les mots, en particulier avec une forte lisibilité, sont le principal moyen de communiquer des informations de l'écran au visiteur d'un site web.

Vous pouvez utiliser la typographie pour dire aux utilisateurs exactement ce que vous voulez qu'ils sachent.

Les autres avantages d'une zone héroïque basée sur la typographie sont les suivants :

• Une orientation et une compréhension claires de la conception
• Potentiellement plus de place pour les mots
• Une page d'accueil visuellement dérangeante qui attirera l'attention parce qu'elle est différente.
• Fonctionne sur n'importe quelle taille d'écran sans avoir à penser à des tailles différentes
• Peut s'harmoniser avec d'autres éléments de conception tels que de petites animations, des sons ou des couleurs vives.

5 raisons pour lesquelles la typographie est la meilleure

La décision d'utiliser une zone héroïque typographique pour la conception de votre site web ne doit pas être prise sur un coup de tête ou parce que vous n'aimez pas une photo. Elle doit avoir un but précis, comme n'importe quel autre élément de conception que vous choisissez.

Alors, à part le fait de ne pas avoir la bonne image, pourquoi utiliser un héros basé sur la typographie ?

• Une police de caractères intéressante correspond mieux à votre produit ou à votre entreprise qu'une image et communique une histoire plus cohérente.
• Vous avez beaucoup de choses à dire et il est bon de mettre l'accent sur les mots, ce qui permet de communiquer un message plus direct.
• La typographie est en phase avec votre activité, elle communique une compétence ou une technique qui s'applique à votre site web.
• Vous pouvez l'utiliser pour créer des couches de profondeur et d'information ou pour établir des relations spatiales. Il peut communiquer un sentiment qui correspond aux mots.
• Les images ou les vidéos semblent ne pas être à la hauteur et créent un décalage avec les visiteurs du site web. Il communique la clarté et la vision.

Essayer des polices de caractères intéressantes

Lorsqu'il s'agit de zones de héros fortement axées sur la typographie, il y a deux écoles de pensée :

• Restez simple.
• Essayez une police de caractères intéressante, voire expérimentale.

Les deux sont corrects et vous pouvez même les essayer ensemble.

Lorsque vous utilisez des polices de caractères très visuelles ou intéressantes, elles ont une signification innée. Elles peuvent susciter chez l'utilisateur une certaine réflexion ou un certain sentiment. Elles peuvent également créer de la confusion si les mots sont trop difficiles à lire.

Il y a donc un juste milieu que presque tous les héros qui ne font que de la typographie équilibrent. Et il est difficile de le définir tant qu'on ne l'a pas vu - et lu -. J'espère que les exemples présentés ici vous donneront une idée de ce à quoi cela ressemble.

5 exemples que nous aimons

MKTLM

La combinaison d'une simple police sans empattement et d'une écriture esquissée vous incite à regarder les mots à l'écran. L'arrière-plan minimal renforce l'ensemble, de même que les éléments animés simples.

Fonction et forme

Function & ; Form utilise plusieurs couches de texte pour créer une zone héroïque étonnante qui semble simple mais qui est assez complexe. Il y a des éléments à la mode partout - le cercle rotatif, une police de caractères avec empattement, des blocs de texte lourds - et tout cela se combine d'une manière qui est facile à lire et à comprendre, tout en étant superbe.

Near North Studio

Il n'y a rien en soi qui puisse vous faire arrêter sur la conception de Near North Studio, mais lorsque vous mettez tous les éléments ensemble, la conception basée sur la typographie est frappante. Le défilement animé avec trois niveaux de vitesse du texte attire l'attention.

Liferay.Design

La combinaison de la simplicité et de détails subtils en arrière-plan est ce qui permet à ce design basé sur la typographie d'atteindre un niveau supérieur. Le "Rapport annuel" est dans une police de caractères et un style inattendus et la simple flèche animée vous donne envie d'en savoir plus.

ReadyMag

Le design de Readymag est peut-être le plus simple à première vue, mais le changement de couleur de l'arrière-plan vous incite à le regarder. C'est alors que vous vous rendez compte de l'intérêt des points et des formes de la police de caractères, qui comprend également un style de contour. Le poids des mots vous incite vraiment à découvrir ce qui va suivre.

Conclusion

N'oubliez pas d'ajouter des éléments subtils, tels que le mouvement ou la couleur, afin de créer un plus grand intérêt visuel.

Rien n'est plus important qu'un texte solide lorsque votre seul élément visuel est constitué de mots.