Alors j’explique maintenant comment ça fonctionne et comment on peut avoir une disposition équilibré des éléments de l’image, le bon exemple est toujours en photographie. Comme on peut le voir ci-dessus, dans la photo des Stonehenge la répartition des objets est la suivante :

Dans le premier plant c’est à dire dans les trois rectangles du bas on peut voir qu’il n’y a que du gazon.
Dans le deuxième plan on trouve les Stonehenge bien placé. Et le troisième plan réservé pour le ciel.
Maintenant qu’on a vue l’application de cette règle dans la photographie, comment on peut l’appliquer pour le Webdesign ?

La règle des tiers dans le Webdesign :
On va prendre l’exemple de ce site web sans chercher trop loin pour visualiser l’application de cette règle dans le webdesign. Dans l’image que vous voyez dessous, et spécifiquement dans la droite, la barre latérale est aligné a la ligne verticale du coté droite. Et à gauche vous voyez que les articles sont bien positionnés dans les intersections des points.

Ce positionnement donne l’utilisateur un sentiment d’harmonie alors il se sent à l’aise en voyant le design.

Appliquer la règle des tiers dans votre prochain design :
Alors comment peut-on appliquer exactement cette règle dans nos webdesigns ? Encore une fois la variation de notre toile peut perturber notre travail. Mais si on utilise les mêmes techniques qu’on a déjà vues pour le nombre d’or, tout ira bien.

Pour appliquer la division, il faut prendre donc la largeur du l’élément parent et la diviser par Trois. Après il faudra tracer une ligne-ou un guide.

Ici on ouvre la parenthèse des guides sur Photoshop. Pour tracé un guide, vous faites appel à la règle de mesure (Ctrl+R pour Windows / Cmd+R pour mac), deux règle vont donc apparaitre (horizontale et verticale). Puis vous maintenez le clique sur cette règle et vous glissez vers l’intérieur de l’écran, et voici votre guide, vous le placez donc où vous voulez, et vous pouvez créer