Comment utiliser efficacement la règle des tiers en design | Conseils, modèles et stratégies éprouvées

Comprenez comment la règle des tiers est utilisée dans le design pour créer des compositions naturellement agréables à l'œil. La règle des tiers fournit un cadre qui vous aide dans la composition de vos créations.

Les graphistes, artistes et photographes s'appuient sur ce principe qui offre des indications sur la structure, la hiérarchie et l'équilibre des éléments de design. Suivez les conseils visuels de la règle des tiers pour créer des designs dynamiques qui dirigent l'attention du spectateur vers les éléments clés.

Explorez nos conseils et modèles éditables pour en savoir plus et commencer votre voyage vers la création de vos propres designs intrigants.

La règle des tiers est une méthode utilisée pour diviser les images ou les graphiques en neuf parties en créant une grille uniformément espacée avec trois colonnes et trois rangées. Les designers et les photographes peuvent créer ou imaginer ces lignes directrices pour arranger les éléments dans leur conception ou pour positionner la vue de la photo qu'ils s'apprêtent à prendre.

L'asymétrie créée en composant une image selon la règle des tiers est ce qui la rend plus accrocheuse. Par exemple, si le sujet principal de l'image est positionné au centre, il paraît statique, mais s'il est plus proche d'un des bords, les yeux le suivent. Cela crée un sentiment de mouvement.

En design, la règle des tiers aide à organiser les éléments au sein d'une composition de manière plus harmonieuse, équilibrée et esthétiquement plaisante. En créant deux lignes horizontales et deux lignes verticales à égale distance sur votre design, vous obtenez une grille de neuf cases identiques. Cela aide à aligner le texte, positionner les photos et placer d'autres éléments de design.

La grille de la règle des tiers contient quatre intersections ou points forts au centre. Ceux-ci montrent le point de focus naturel de l'œil humain lorsqu'il regarde une image. Les designers et les photographes utilisent cela pour organiser leurs photos et designs de manière naturellement plaisante. Alignez le point focal principal de votre design avec au moins une des quatre intersections centrales de la grille et les spectateurs le verront automatiquement en premier.

Par exemple, dans le design web, la règle des tiers peut aider à structurer et à transmettre l'information plus efficacement aux visiteurs du site. Les éléments les plus importants de votre page d'accueil, comme les titres ou un appel à l'action, devraient être placés le long des quatre intersections pour que les utilisateurs les repèrent immédiatement et agissent en conséquence. 

Il est important de se rappeler que la règle des tiers est une ligne directrice qui peut être modifiée pour la créativité. Les créatifs l'utilisent comme une image mentale lorsqu'ils regardent leur composition, mais appliquent toujours leur propre vision et créativité à leurs designs.

Créez une grille de règle des tiers pour structurer votre design le long de ses lignes. Utilisez les lignes de la grille pour positionner les éléments sur votre toile et les disposer de manière à ce que les spectateurs puissent saisir l'information instantanément. Assurez-vous de placer le sujet principal de votre design dans la case centrale de votre grille et les éléments importants plus petits près des quatre intersections de la grille.

Une autre façon d'utiliser la règle des tiers est en conjonction avec la structure en forme de F, éprouvée en conception web. Les recherches ont montré que les yeux sont d'abord attirés par le coin supérieur gauche des quatre points stratégiques, puis se déplacent vers l'intersection inférieure gauche et remontent vers le point supérieur droit, créant ainsi les lignes d'un F majuscule. Cela signifie que votre contenu le plus important sur une page web doit être placé dans le tiers supérieur et que l'intersection supérieure gauche est le point de référence à partir duquel votre structure s'étend.

Edit in Design Wizard

Dans ce modèle téléchargeable de Design Wizard, nous avons aligné l'appel à l'action dans la section centrale de la grille et entre les deux intersections supérieures. Cela place le texte dans une position centrale où les spectateurs regardent en premier et lisent instantanément le message clé. Cela clarifie la signification spécifique du voyage contre le magnifique décor d'un paysage forestier, qui pourrait également être associé à la nature ou à l'environnement en général. 

Utilisez la hiérarchie visuelle pour guider les spectateurs à travers votre design, de l'information la plus importante à la suivante. Au lieu que tous les éléments de design rivalisent pour attirer l'attention en même temps, une hiérarchie bien définie permet à votre audience de saisir l'information dans un ordre clair en quelques secondes. 

Un cadre comme la règle des tiers fournit le support sur lequel vous pouvez construire votre hiérarchie de design. Utilisez les lignes pour guider vos décisions sur la priorisation des éléments en suivant le schéma que les yeux suivent naturellement. Les spectateurs commencent à l'intersection des tiers en haut à gauche, descendent en bas à gauche, remontent en haut à droite, et enfin en bas à droite.

Pour commencer à disposer votre design, choisissez votre point focal. Tous les autres éléments que vous ajoutez soutiennent votre point focal. Votre point focal n'a pas besoin d'être au centre de l'image. Expérimentez et alignez les éléments de chaque côté de la toile tout en laissant le centre vide ou placez la plupart de vos éléments de design d'un côté et visez une mise en page de style deux tiers. Utilisez les lignes de la grille de la règle des tiers pour aligner les éléments et essayez diverses compositions.

Dans notre modèle de Design Wizard modifiable, nous avons placé l'information la plus importante, à savoir le titre du film, dans le tiers central entre les quatre points forts. Les grandes lettres en gras de la police sans serif moderne Advent Pro et l'espacement accru entre elles attirent immédiatement l'attention du public. La date de sortie, le casting et le slogan positionnés dans la moitié supérieure et inférieure créent la hiérarchie entre le titre du film et les informations complémentaires.

Avant de penser à établir un équilibre dans votre design, comprenez qu'une pièce bien équilibrée peut être à la fois symétrique ou asymétrique. La symétrie est instantanément attrayante mais peut devenir prévisible, tandis que l'asymétrie ajoute un point d'intérêt et crée un sens de mouvement dans une image. Les deux ont leur attrait et peuvent être utilisés pour créer un design équilibré.

Si vous travaillez sur une pièce symétrique, utilisez la grille de la règle des tiers pour trouver le centre précis de votre objet principal. Si vous visez un design asymétrique, atteignez l'équilibre avec l'aide de la règle des tiers en plaçant des points d'intérêt près de l'une des quatre intersections. Mettez plus sur le côté droit ou gauche plutôt qu'au milieu pour créer un design attrayant. 

La règle des tiers aide également à créer un équilibre entre l'image et le texte. Utilisez la grille pour identifier quelle partie de votre toile attire plus l'attention que les autres. Cela vous permet de prendre des décisions en fonction de l'importance du texte dans votre design. Par exemple, tout texte plus grand et plus important sera proche des intersections tandis que toute information supplémentaire peut aller dans l'un des tiers inférieurs.

Dans notre modèle modifiable de Design Wizard, nous avons déplacé l'horizon dans la photo pour l'aligner avec la ligne supérieure de la grille de la règle des tiers. Il s'agit d'une technique couramment utilisée en photographie pour montrer davantage le sujet et moins d'espace vide. L'accent est mis sur l'image tandis que les coordonnées et l'appel à l'action sont des informations supplémentaires placées dans le tiers inférieur. 

Le schéma de lecture de gauche à droite et de haut en bas dans le monde occidental a conditionné nos yeux à un balayage diagonal de haut en bas à gauche. L'idée derrière notre conception est que les spectateurs balaient la page en lisant l'appel à l'action en bas à droite et se déplacent vers la gauche pour trouver les coordonnées, qui sont ce dont ils ont besoin pour passer à l'action.

En design graphique, la règle des tiers aide les designers à arranger des compositions plus complexes avec plusieurs éléments. En utilisant les cases et les lignes de la grille, vous pouvez placer des objets et du texte en fonction de leur importance. Cela aide à créer de l'espace et à éviter un design encombré ou visuellement accablant pour votre audience.

Créez plus de tension et d'énergie en plaçant le texte clé et d'autres éléments de design le long des lignes des quatre intersections. Gardez à l'esprit le schéma de lecture occidental ou le balayage diagonal lorsque vous concevez votre mise en page. Établissez un flux de haut en bas à gauche avec les informations les plus importantes en haut à gauche, suivies du point suivant le plus important en bas à droite.

Dans notre modèle téléchargeable Design Wizard, nous avons placé le texte le long des lignes proches des quatre intersections, ce qui facilite la lecture et le balayage pour le spectateur. Le titre se distingue en police grasse Alfa Slab One et crée un contraste avec le slogan en Advent Pro plus fin. La grille de la règle des tiers aide à créer l'espace nécessaire dans ce design pour transmettre le sentiment de liberté associé à une fête de remise des diplômes.

Si vous souhaitez utiliser efficacement la règle des tiers dans tous vos designs, utilisez la grille pour vous guider et organisez votre composition autour des lignes de la grille. Développez un œil pour ce principe de design en superposant vos créations plusieurs fois jusqu'à ce que vous vous sentiez à l'aise de l'imaginer simplement.

Allez sur designwizard.com. Si vous n'avez pas encore de compte, cliquez sur Inscription en haut à droite. Entrez votre adresse e-mail et créez un mot de passe. Pour vérifier votre nouveau compte, cliquez sur le lien dans l'e-mail de vérification dans votre boîte de réception. Connectez-vous avec vos identifiants Design Wizard.

Sur votre tableau de bord Design Wizard, vous trouverez Vos tailles et PLUS DE TAILLES. Choisissez la taille dont vous avez besoin et sélectionnez un modèle ou cliquez sur Taille personnalisée pour entrer des dimensions personnalisées.

Pour appliquer la règle des tiers à votre design, cliquez sur l'icône Grille au-dessus de la toile. Entrez le nombre 3 dans Colonnes et Lignes. Cliquez sur le curseur pour afficher la grille. Ajustez votre design le long des lignes de la grille et selon la règle des tiers.

La règle des tiers est un cadre simple pour vous aider à créer des designs accrocheurs. Plutôt que de placer la grille de trois rangées par trois colonnes sur les designs, les designers expérimentés ont internalisé la structure. Entraînez-vous à utiliser la grille pour arranger vos compositions jusqu'à ce que vous n'en ayez plus besoin. 

Bien que la règle des tiers fournisse un guide vers des designs naturellement plaisants à l'œil, expérimentez avec les lignes de la grille et puisez dans votre créativité pour contourner les règles. Pour créer des designs attrayants, jouez avec différentes dispositions. N'ayez pas peur de prendre des risques et d'essayer de nouvelles façons de composer les éléments.