Qu'est ce que la règle des 3 en design graphique ?
La règle des 3 est un principe de design qui suggère qu’un agencement de 3 éléments est plus attrayant visuellement et plus mémorisable pour l’observateur.
Cette règle s’applique aussi bien au Print design, qu’au webdesign, à l’UX/UI ou même à la la déco…
1. Une palette de 3 couleurs maximum
Utilisez la règle des 60-30-10 pour garder une palette claire et équilibrée
- 60 % de couleur dominante
- 30 % de couleur secondaire
- 10 % de couleur d’accentuation
Le 10% correspond à une couleur d’accent, celle qui se démarque des autres pour des éléments graphiques, traits, séparateurs, boutons, picots ou appels-à-l’action par ex. C’est vrai pour le design Print, Web, UX/UI…
Exemples :
2. Utilisez 3 trois typos maximum
3 typographies maximum dans l’intégralité du document et une hiérarchie des tailles pour avoir un design épuré, lisible et visuellement cohérent.
Au-delà, cela crée du désordre et de la confusion.
- 1 police pour les titres (H1)
- 1 police pour les sous-titres (H2)
- 1 police pour le corps du texte (P)
Pas de typos trop similaires (exemple Arial et Verdana ou Open Sans et Work Sans)
On peut associer des typos Avec et Sans serif ou bien des typos d’une même catégorie mais elles doivent toujours être visuellement très différentes.
3. Composition avec la règle des 1/3
La règle des tiers est un principe de composition qui place votre sujet principal dans le tiers gauche ou droit d’une image, laissant les deux autres tiers plus ouverts.
Les 4 points d’intersection sont des points où le regard se pose naturellement. Utilisez-les pour placer votre contenu clé surtout sur les intersections 1, 3 et 2
Cette règle photographique fonctionne très bien pour toutes les composition graphiques.
4. Laissez 3 zones d’espaces vides
Utilisez de l’espace vide dans au moins 3 zones d’une conception graphique pour aérer la composition, pour que tout soit clair, concentré et épuré.
Le manque d’espaces blancs est l’erreur classique du débutant en graphisme.
Le vide, sur un visuel, ce n’est pas inutile, il peut mettre en valeur ce qui est présenté et optimiser la lisibilité du message global.
5. Groupez les éléments par 3
Regroupez le texte, les icônes ou les éléments visuels par groupes de 3.
Regrouper par 3 les éléments (images, animations, texte, etc.), permet d’obtenir une conception plus harmonieuse.
Vous souhaitez des conseils, valoriser votre image ou vous démarquer ?
Parlons de votre projet dès maintenant !
