Choisir la bonne police d'affichage: 5 conseils pour réussir
L'une des plus grandes tendances de la conception Web est une grande image ou vidéo de héros en haut d'une page avec quelques mots pour guider les utilisateurs dans le site. Ce type d'esthétique met beaucoup de pression sur le concepteur pour qu'il trouve la bonne police d'affichage pour rassembler le design.
Avec autant de polices de caractères à choisir, cela peut être un peu difficile. Mais vous pouvez trouver une grande police avec un peu de planification et de chance. Voici cinq conseils pour commencer avec quelques beaux exemples de typographie d'affichage.
Explorez les ressources de conception
Qu'est-ce que le type d'affichage, de toute façon?
Avant de passer aux conseils, êtes-vous à l'aise de parler des polices d'affichage? (Si c'est le cas, passez à l'astuce n ° 1.)
Sinon, un type d'affichage est souvent un grand lettrage accrocheur utilisé pour les titres ou les gros mots d'un dessin. Le type d'affichage n'est pas unique à la conception Web, c'est un terme qui est également utilisé par les concepteurs d'impression.
Le type d'affichage se présente sous deux formes principales pour le Web.
- Le titre du site Web principal sur la page d'accueil, comme Walk West (ci-dessus).
- Titre ou en-tête principal sur chaque page tout au long de la conception du site Web. Bien que souvent pas aussi grands ou flashy que le titre principal sur la page d'accueil, ces bits de type d'affichage sont les éléments qui portent chaque page individuelle.
1. Il doit être lisible
Le type d'affichage doit être lisible pour être efficace. Cela devrait ressembler à une évidence, mais avec autant de polices de caractères intéressantes à 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 dont les lettres d'affichage doivent provenir. Les empattements et sans empattements fonctionnent également bien. Même certains caractères de nouveauté sont une correspondance idéale.
Ce qui importe, c'est que le lettrage soit assez grand, suffisamment espacé et contraste avec d'autres éléments de conception suffisamment pour se démarquer à l'écran. Imaginez à quoi ressembleraient les mots s'ils criaient «LISEZ-MOI». C'est ce qu'une police d'affichage devrait faire pour les utilisateurs.
2. Le lettrage doit correspondre aux mots
Cela pourrait être l'un des concepts les plus difficiles à comprendre jusqu'à ce que vous le voyiez en action: les lettres doivent correspondre aux mots.
Voici une explication. Certains mots semblent mauvais dans certaines polices. C'est difficile à expliquer. Peut-être que le mot inclut s plusieurs fois et que la forme de la lettre ne semble pas très bien dans le jeu de caractères. La même chose peut se produire 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ù I, l et 1 se ressemblent et tous ces caractères sont affichés. (Vous devez choisir autre chose.)
Le lettrage doit réussir le test du globe oculaire, ce qui signifie qu'il doit être attrayant. Les mots devraient avoir une certaine sensation ou un flair ou s'épanouir pour eux, ce qui est souhaitable. Si vous voyez des bizarreries dans les combinaisons de caractères, les utilisateurs aussi.
3. Offrez-vous de la flexibilité
Pensez à la façon 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 package de titre approprié? La police que vous avez sélectionnée fonctionne-t-elle pour ces espaces d'affichage secondaires ainsi que le titre principal?
Vous voudrez penser à toutes ces utilisations et vous donner suffisamment de flexibilité avec la police de caractères que vous sélectionnez pour nous de plusieurs manières. Trop souvent, une police d'affichage aura fière allure pour les caractères de grande taille avec seulement un mot ou deux à penser, 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 une flexibilité et une cohérence de conception supplémentaires, envisagez une famille de polices entière pour les utilisations d'affichage. Allez un peu plus audacieux avec le titre principal et utilisez une option plus mince pour l'affichage secondaire (peut-être même essayez-le avec une couleur).
4. Méfiez-vous des traits fins
La déclaration suivante est sujette à controverse: les traits fins sont difficiles à utiliser efficacement lorsqu'il s'agit de type d'affichage.
Oui, les lettres avec des traits fins peuvent être incroyables. Oui, certains designers s'en sortent magnifiquement. Mais la plupart n'en ont pas.
Revenez à l'astuce n ° 1. Tout revient à la lisibilité.
Imaginez que vous avez utilisé une police de caractères avec un trait ultra-mince pour votre écran principal et qu'elle a fière allure sur les moniteurs de bureau 27 pouces (peut-être comme celui sur lequel vous concevez). Regardez-le maintenant 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 que la police de caractères utilisée pour le système d'exploitation était trop fine et difficile à lire. Ils ont pris ces plaintes à cœur et les versions ultérieures comprenaient une police plus épaisse.
5. Pensez à l'image
Comment les mots - et les lettres - fonctionnent-ils avec l'image ou la vidéo avec laquelle ils sont associés? C'est un élément important. La plus belle police de caractères au monde peut sembler maladroite si le ton ne correspond pas à l'image et à la messagerie dans le 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 se déplacer. Les mots doivent toujours être reconnaissables sur le fond.
De plus en plus de concepteurs optent pour des arrière-plans de couleur unie - c'est une tendance assez amusante avec beaucoup de designs de sites Web lumineux et audacieux - de sorte que le texte est le principal objectif. Si vous aimez votre lettrage, cela pourrait être une excellente option.
L'arrière-plan solide avec l'option de type d'affichage gras, permet vraiment aux utilisateurs de se concentrer sur les mots eux-mêmes. La couleur est utilisée comme tirage 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 tous les schémas de couleurs, des couleurs élevées au design noir et blanc minimaliste. La seule chose qui compte vraiment, c'est que vous choisissiez une police de caractères absolument adorable!
Conclusion
Le type d'affichage est la première pensée que vous mettez dans l'esprit d'un utilisateur. Cette première impression peut déterminer si un utilisateur reste fidèle à 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 bon ton et aide les utilisateurs à parcourir la conception pour vous donner les meilleures chances de succès.
