Équilibre - Principes de base de la conception

L'équilibre dans la conception est la distribution des éléments de la conception. L'équilibre est une interprétation visuelle de la gravité dans la conception. Les gros éléments denses semblent plus lourds tandis que les plus petits éléments semblent plus légers. Vous pouvez équilibrer les conceptions de trois façons:

Utilisation de l'équilibre dans la conception

L'équilibre dans la conception Web est trouvé dans la mise en page. La position des éléments sur la page détermine l'équilibre de la page. Un grand défi pour atteindre l'équilibre visuel dans la conception Web est le pli. Vous pouvez concevoir une mise en page parfaitement équilibrée dans la vue initiale, mais lorsque le lecteur fait défiler la page, il peut perdre son équilibre.

Comment inclure l'équilibre dans les conceptions Web

La manière la plus courante d'intégrer l'équilibre dans les conceptions Web est la disposition. Mais vous pouvez également utiliser la propriété float style pour positionner les éléments et les équilibrer sur la page. Une manière très commune d'équilibrer une disposition de façon symétrique consiste à centrer le texte ou d'autres éléments sur la page.

La plupart des pages Web sont construites sur un système de grille , ce qui crée une forme d'équilibre pour la page immédiatement. Les clients peuvent voir la grille, même s'il n'y a pas de lignes visibles. Et les pages Web sont bien adaptées aux conceptions de grille en raison de la nature carrée des formes Web.

Équilibre symétrique

L'équilibre symétrique est obtenu en plaçant les éléments de manière très uniforme dans la conception. Si vous avez un gros élément lourd sur le côté droit, vous aurez un élément lourd correspondant sur la gauche. Le centrage est le moyen le plus simple d'obtenir une page symétrique. Mais attention, car il peut être difficile de créer un design centré qui n'a pas l'air plat ou ennuyeux. Si vous voulez un design équilibré symétriquement, il est préférable de créer l'équilibre avec différents éléments - comme une image sur la gauche et un grand bloc de texte plus lourd à droite de celui-ci.

Balance asymétrique

Les pages à symétrie asymétrique peuvent être plus difficiles à concevoir, car elles n'ont pas d'éléments correspondant à la ligne centrale de la conception. Par exemple, vous pourriez avoir un grand élément placé très près de la ligne centrale de la conception. Pour l'équilibrer asymétriquement, vous pourriez avoir un petit élément plus éloigné de la ligne centrale. Si vous pensez que votre conception est sur un bascule ou une bascule, un élément plus léger peut équilibrer un plus lourd en étant plus éloigné du centre de gravité. Vous pouvez également utiliser la couleur ou la texture pour équilibrer un motif asymétrique.

Discordant ou déséquilibré

Parfois, le but de la conception fait bien fonctionner un design déséquilibré ou discordant. Les conceptions déséquilibrées suggèrent le mouvement et l'action. Ils rendent les gens mal à l'aise ou mal à l'aise. Si le contenu de votre design est également destiné à être inconfortable ou à faire réfléchir les gens, un design discordamment équilibré peut bien fonctionner.