Théorie du design La règle de trois

Un. Deux. Trois. Maintenant, arrêtez de compter et réfléchissez à la manière dont les éléments regroupés par trois peuvent fonctionner pour vos projets. C'est un concept intéressant mais qui traverse plusieurs disciplines.

En public, trois points en séquence sont conçus pour ramener un point à la maison. En photographie et en art, la règle des tiers vous aide à visualiser la toile différemment. Même la déclaration d'indépendance américaine repose sur trois droits: la vie, la liberté et la recherche du bonheur. Comment pouvez-vous réfléchir davantage aux groupements de trois et implémenter ce nombre magique dans vos projets? Nous avons quelques suggestions.

Cadres d'images et de vidéos avec la règle de 3

La grille des règles de tiers divise un cadre en neuf parties égales. Le rapport correspondant est de 1 à 1 par rectangle. La grille imaginaire peut être utilisée pour cadrer, recadrer et éditer des images et des vidéos. La grille est devenue? Plus grand public? avec des outils photo qui incluent une superposition de grille sur les écrans de l'appareil photo - l'iPhone en a un, par exemple - qui aide les utilisateurs à déterminer comment capturer une image.

La règle des tiers est un concept simplifié basé sur divers autres éléments de théorie et de grilles, et il est incroyablement convivial.

Comme nous l'avons expliqué dans un article précédent de Design Shack, "Regard sur les images: grille de Phi et règle des tiers". L’utilisation de ce concept présente cinq avantages:

  • Il est facile à utiliser et à comprendre.
  • Les logiciels standard, tels que Adobe Photoshop, incluent des guides de recadrage de la règle des tiers.
  • Il crée une harmonie visuelle et une pondération égale dans une image.
  • Les? Douces taches? - les points d'intersection le long de la grille - sont de taille flexible et faciles à trouver et à aligner.
  • La variation plus souple sur le nombre d'or pourrait sembler naturelle à certains.

Creative Market propose une belle galerie d'images avec la grille de la règle des tiers appliquée si vous souhaitez le voir en action.

Directives pour les listes

Nous savons tous que les listes sont un excellent moyen de créer un contenu attrayant, facile à digérer par les utilisateurs. Ce que vous ignorez peut-être, c'est que commencer une liste avec trois points peut être idéal. Une liste de deux n'est pas vraiment une liste. Trois éléments ajoutent du poids au contenu, sans toutefois surcharger l'utilisateur. Trois puces sont probablement mémorables et faciles à lire en un coup d’œil.

Certains des orateurs et présentateurs les plus charismatiques du monde utilisent la règle de trois pour faire valoir des points à la maison et créer de l'emphase. Lors de la composition de ces listes, réfléchissez à l'harmonie du contenu.

Chaque puce doit avoir la même longueur et la même portée. Les listes peuvent être un mot chacune ou contenir une phrase chacune. Une structure harmonieuse aide à ramener chacun des trois éléments à la maison et les relie de manière à ce qu'ils se sentent bien. En écriture, on parle de tricolon.

Dans le contexte d'une culture pop références:

  • Je pense que nous sommes tous arrivés à un endroit très spécial. Spirituellement, œcuméniquement, grammaticalement? - Jack Sparrow dans? Pirates des Caraïbes?
  • "À cela, je dis:" D'accord, d'accord, d'accord. " - Matthew McConaughey, Oscars 2014
  • La prévalence des trilogies dans les films ou les livres, tels que Star Wars ou The Hunger Games.

Conception de groupe ou éléments de navigation

Des images aux éléments de navigation, en passant par les cartes, regrouper des éléments par multiples de trois peut être attrayant, créer une organisation et améliorer le flux global des utilisateurs. (Regarde ce que j'ai fait là?)

Utilisez ce concept dans le cadre de votre système de grille, horizontalement ou verticalement. Chacun des trois sites Web ci-dessous le fait de manière très différente visuellement, mais ils sont tout aussi efficaces.

Assos

Le site divise le haut de l'écran en trois images égales qui vous permettent d'accéder à différentes parties du site. Les images sont intéressantes, communiquent une histoire visuelle et servent d'éléments de navigation pour guider les utilisateurs dans la conception du site. Le défilement est également divisé en unités de trois de manière intéressante, le deuxième panneau d’images du défilement ayant un rapport de 2: 1 (mais toujours dans la même grille de tiers), puis revenant à trois panneaux.

Lucy dit que je fais

Cette conception utilise des trois dans quelques endroits. Il est plus facile de voir dans les trois images ci-dessous l'image du héros sur la page d'accueil. Ce thème de trois est déplacé vers le curseur situé sous le parchemin, où six panneaux (multiples sur trois) se déplacent pour présenter les éléments. Ajoutez d’autres groupes de trois: la section de pied de page principale comporte trois colonnes d’informations, le nav principal comporte trois sections principales avec menus déroulants et les images de héros sont conçues de manière à pouvoir scinder chaque image en trois panneaux en fonction de la position et de l’emplacement du éléments dans chaque photo.

Coleman Smith

Coleman Smith utilise les trois de manière totalement différente. Est-ce que tu le vois? L'utilisation de tiers est dans les formes triangulaires qui sont intégrées dans la conception. Tout comme vous pouvez définir trois points avec du texte, cette forme en affiche trois également et crée un style d’accentuation distinct. Les points de la forme aident à diriger votre attention sur l'écran et à vous attirer dans l'image principale.

Divisez votre projet ou votre histoire

Tout comme une pièce de théâtre en trois actes, divisez votre projet ou votre contenu en trois parties. Cela facilitera la navigation et la compréhension du projet, en particulier ceux qui contiennent beaucoup de contenu.

Vous avez le choix entre plusieurs modèles, mais considérez quelque chose qui s'ouvre presque de la même manière qu'une pièce de théâtre. Tout doit avoir un début, un milieu et une fin, non? Configurez le flux du projet de cette manière pour aider les utilisateurs à faire partie de l’histoire que vous racontez et à suivre le contenu du début à la fin.

Utiliser 3 descripteurs dans les supports marketing

Vous vous souvenez peut-être de la phrase suivante: plus mince, plus légère et plus rapide? de la version Apple iPad 2. Cette combinaison de trois était facile à retenir et donnait à chacun un slogan simple pour décrire le produit dès le début. Une grande partie de la couverture médiatique sur la sortie de la tablette incluait également ce langage.(Ce qui est exactement ce que vous voulez que les gens fassent avec vos supports marketing!)

C'est quelque chose que vous pouvez également utiliser dans votre travail. Pensez à votre site Web ou à votre application ou même à vous, en tant que professionnel. Décrivez-le en trois mots. Maintenant, commencez à utiliser ces trois mots lorsque vous parlez du site Web, de l'application ou de votre carrière.

Vous utilisez cette petite chose pour établir le récit que les gens vont dire sur le produit ou la marque. Trois mots suffisent à vous rappeler sans être accablant. Si vous êtes un maître des mots, jouez avec les mots et recherchez des combinaisons accrocheuses pour rendre la description encore plus mémorable.

Conclusion

Maintenant que vous en avez trois sur le cerveau, êtes-vous prêt à commencer? En outre, faites un pas en arrière et regardez autour de vous. Il peut être surprenant de voir combien d’instances sur trois sont tout autour.

C'est quelque chose que vous ne remarquerez jamais à cause de son harmonie innée jusqu'à ce que vous y réfléchissiez. Peut-être que c'est pourquoi la règle de trois est si intemporelle.