Ce qu'il faut savoir
- Taille: placez deux éléments similaires l'un à côté de l'autre, mais faites en un plus grand que l'autre. Le plus grand attire l'attention.
- Value: utilise des valeurs claires et foncées de la même couleur. Plus les valeurs sont éloignées, plus le contraste est important.
- Couleur: Le contraste de deux couleurs attire l'attention sur l'élément qui se démarque.
Cet article explique plusieurs façons d'utiliser le contraste pour améliorer les conceptions graphiques.
Bottom Line
Le contraste est un principe de conception qui se produit lorsque deux éléments visuels sont radicalement différents. Plus la différence est grande, plus le contraste est grand. Le contraste fait passer votre message en mettant l'accent sur ce qui est important et en dirigeant l'œil du lecteur, aide à la lisibilité en faisant ressortir les en-têtes de section et attire l'attention du lecteur en ajoutant de l'intérêt à la page. Vous pouvez créer un contraste dans la taille, la valeur, la couleur, le type et d'autres éléments.
Taille
Placer deux éléments l'un à côté de l'autre qui sont similaires à tous égards, sauf la taille, est une façon d'apporter un contraste de taille. Il peut s'agir de grandes et petites images ou de grandes et petites polices de caractères, par exemple. Laisser beaucoup d'espace blanc autour d'un petit objet est une autre façon de contraster la taille.
La vue des lecteurs sera d'abord attirée par les éléments plus grands, agrandissez donc les objets que vous souhaitez mettre en valeur.
Valeur
La légèreté ou l'obscurité relative de deux éléments peut créer un contraste de valeur. Qu'il s'agisse de nuances de gris ou de teintes et de nuances d'une même couleur, plus les valeurs sont éloignées, plus le contraste est important.
Vous pouvez utiliser plus d'un élément contrastant ensemble. Par exemple, un grand texte blanc sur fond noir, suivi d'un texte gris sur le même fond combine valeur et taille.
Couleur
Utilisez des couleurs harmonisées, complémentaires et opposées pour créer un contraste. Lorsque vous contrastez des couleurs, faites attention à la valeur. Les couleurs harmonisées (couleurs adjacentes sur la roue chromatique) peuvent apparaître délavées s'il n'y a pas suffisamment de différence de valeur entre elles.
Tenez compte de l'effet sur les spectateurs lorsque vous déterminez des paires de couleurs contrastées. Par exemple, le rouge vif et le bleu vif contrastent, mais peuvent causer une fatigue oculaire lorsqu'ils sont vus ensemble.
Type
Utilisez la taille, la valeur et la couleur pour créer des traitements typographiques contrastés. Faites ressortir davantage certains mots en utilisant l'une des actions suivantes:
- Ajouter du gras ou de l'italique.
- Mélanger les gros caractères avec les petits caractères.
- Combine serif avec le type sans serif (non-serif).
- Définir des portions de texte dans des couleurs contrastées ou des valeurs variables.
- Modifier l'alignement ou l'espacement des caractères.
- Utilisez des styles de caractères complémentaires, mais différents.
Utiliser la typographie de manière stratégique dans votre conception est un art en soi. Apprenez les principes de combinaison des polices de caractères, comme limiter le nombre de types à deux ou trois.
Autres éléments contrastants
Les autres éléments qui créent un contraste incluent la texture, la forme, l'alignement, la direction et le mouvement. La clé est d'utiliser une différence substantielle. Un changement de taille de police à peine perceptible ou des couleurs dont la valeur est trop proche peuvent apparaître comme une erreur plutôt que comme une tentative d'accentuation ou d'intérêt.
Utilisez votre imagination pour trouver d'autres façons d'utiliser le contraste. Par exemple:
- Pour décaler les colonnes de texte hautes et étroites, incluez des photos larges ou de forme irrégulière.
- Dans une série d'images statiques, ajoutez-en une montrant le mouvement.
- Faites ressortir un élément d'une photo en noir et blanc en y ajoutant de la couleur.
Le contraste peut être exagéré. Si tout contraste fortement avec tout le reste, vous vous retrouvez avec des éléments concurrents, qui confondent plutôt qu'ils n'aident le lecteur. Alors, faites attention à la façon dont vous utilisez le contraste.
