L'une des principales tendances en matière de conception de sites Web consiste en une image ou une vidéo de grand héros en haut d'une page avec quelques mots pour guider les utilisateurs sur le site. Ce type d’esthétique met beaucoup de pression sur le concepteur pour qu’il crée le type de caractères d’affichage approprié pour assembler le design.
Avec autant de types de caractères à choisir, cela peut être une tâche ardue. Mais vous pouvez trouver une belle police de caractères avec un peu de planification et de chance. Voici cinq conseils pour commencer avec quelques beaux exemples de typographie d’affichage.
Quel est le type d'affichage, de toute façon?
Avant de passer aux astuces, êtes-vous à l'aise pour parler des caractères d'affichage? (Si oui, passez à la pointe n ° 1.)
Sinon, un type d'affichage est souvent un gros lettrage accrocheur qui est utilisé pour les titres ou les gros mots d'un dessin. Le type d'affichage n'est pas propre à la conception Web, il est également utilisé par les concepteurs d'impression.
Le type d’affichage se présente sous deux formes principales pour le Web.
- Le titre principal du site Web sur la page d'accueil, tel que Walk West (ci-dessus).
- Le titre principal ou en-tête de chaque page dans la conception du site Web. Bien que souvent moins volumineux ou plus flashy que le titre principal de la page d’accueil, ces bits de type d’affichage sont les éléments qui portent chaque page.
1. Il doit être lisible
Le type d'affichage doit être lisible pour être efficace. Cela devrait sembler une évidence, mais avec autant de polices de caractères de nouveauté cool à choisir, il n'est pas difficile de trouver des sites Web où le titre principal n'est pas facile à lire.
Il n'y a pas de règle sur le type de catégorie de type, le lettrage à afficher doit provenir. Serifs et sans serifs fonctionnent également bien. Même certaines polices de caractères de nouveauté sont un match idéal.
Ce qui compte, c’est que le lettrage est suffisamment grand, suffisamment espacé et contraste avec d’autres éléments graphiques suffisamment pour apparaître à l’écran. Imaginez à quoi ressembleraient les mots s’ils criaient? LISEZ-MOI.? C'est ce qu'une police d'affichage doit faire pour les utilisateurs.
2. Les besoins en lettres pour faire correspondre les mots
C'est peut-être l'un des concepts les plus difficiles à comprendre au monde jusqu'à ce que vous le voyiez en action: les lettres doivent correspondre aux mots.
Voici une explication. Certains mots ont une mauvaise apparence dans certaines polices. C'est difficile à expliquer. Peut-être que le mot inclut s plusieurs fois et que la forme de la lettre n'a pas fière allure dans le jeu de caractères. La même chose peut arriver en particulier avec des glyphes ou des caractères impairs tels que%, $ ou &. Ou peut-être avez-vous choisi une police de caractères où moi, moi et moi, nous nous ressemblons et où tous ces caractères sont à l'écran. (Vous devez choisir autre chose.)
Le lettrage devrait passer le test de la vue, ce qui signifie qu’il devrait avoir l’air attrayant. Les mots doivent avoir un certain sens ou un flair ou s'épanouir qui est souhaitable. Si vous remarquez des anomalies dans les combinaisons de caractères, les utilisateurs le seront également.
3. Donnez-vous de la flexibilité
Réfléchissez à la manière dont le type d'affichage sera utilisé tout au long de votre projet. Avez-vous besoin de plusieurs poids et styles pour créer le bon paquet de titres? La police de caractère que vous avez sélectionnée fonctionne-t-elle pour ces espaces d'affichage secondaires ainsi que pour le titre principal?
Vous aurez envie de réfléchir à toutes ces utilisations et de vous donner suffisamment de souplesse avec la police de caractères que vous nous avez sélectionnée de plusieurs manières. Trop souvent, une police d'affichage aura fière allure pour des caractères de grande taille avec seulement un mot ou deux à prendre en compte, mais une utilisation efficace devient beaucoup plus délicate lorsqu'il s'agit de l'utiliser dans ces espaces secondaires.
Il sera beaucoup plus facile de travailler sur la conception et de créer cette cohérence si la police de caractères sélectionnée fonctionne dans plusieurs situations. Pour plus de flexibilité et de cohérence dans la conception, prenez en compte toute une famille de caractères pour les utilisations d'affichage. Allez un peu plus gras avec le titre principal et utilisez une option plus fine pour l'affichage secondaire (peut-être même essayez-le avec une couleur).
4. Méfiez-vous des coups fins
La déclaration suivante est sujette à controverse: Il est difficile d’utiliser efficacement les traits fins en ce qui concerne le type d’affichage.
Oui, les lettres en traits fins peuvent sembler étonnantes. Oui, certains designers réussissent très bien. Mais la plupart ne le font pas.
Retournez à la pointe n ° 1. Tout revient à la lisibilité.
Imaginez que vous ayez utilisé une police de caractères à trait très fin pour votre écran principal et que celle-ci ait fière allure sur les moniteurs de bureau de 27 pouces (peut-être comme ceux sur lesquels vous concevez). Maintenant, regardez-le sur votre tablette ou votre téléphone. Que pensez-vous maintenant? Est-il toujours aussi lisible? (Probablement pas.)
Si vous avez besoin de plus de conviction, rappelez-vous qu'Apple a essayé cela avec IOS 7. Les utilisateurs se sont plaints du caractère de police utilisé pour le système d'exploitation trop fin et difficile à lire. Ils ont pris ces plaintes à cœur et les versions ultérieures incluaient une police plus épaisse.
5. Pensez à l'image
Comment les mots - et les lettres - fonctionnent-ils avec l'image ou la vidéo à laquelle ils sont associés? C'est un élément important. La plus belle police de caractères du monde peut paraître gênante si le ton ne correspond pas à l'image et à la messagerie du reste de la conception.
Le contraste est également un facteur contributif, en particulier avec la vidéo où les parties sombres et claires de l'image peuvent bouger. Les mots doivent toujours être reconnaissables sur le fond.
De plus en plus de concepteurs optent pour des arrière-plans de couleur unie - il s'agit d'une tendance plutôt amusante avec de nombreux designs de sites Web brillants et audacieux - de sorte que le texte soit au centre des préoccupations. Si vous aimez votre lettrage, cela pourrait être une excellente option.
L'arrière-plan solide avec l'option de type d'affichage en gras amène les utilisateurs à se concentrer sur les mots eux-mêmes. La couleur est utilisée pour attirer l'attention sur ce que vous voulez dire. Cette combinaison de texte fonctionne avec un certain nombre d'options de police et peut être modifiée pour s'adapter à presque toutes les combinaisons de couleurs, allant de couleurs vives à un design noir et blanc minimaliste. La seule chose qui compte vraiment, c'est de choisir une police de caractères absolument magnifique!
Conclusion
Le type d'affichage est la première pensée que vous mettez dans l'esprit de l'utilisateur. Cette première impression peut déterminer si un utilisateur reste sur votre site ou passe à autre chose.
Pour tirer le meilleur parti de cette interaction clé, assurez-vous que chaque mot est facile à lire, donne le ton approprié et aide les utilisateurs à naviguer dans le design pour vous donner les meilleures chances de succès.