Parmi les éléments d’une bonne conception de page – que ce soit pour l’imprimé ou le web – figure le concept de direction, qui s’aligne étroitement sur le mouvement. Les éléments de la conception de la page guident intentionnellement le regard du spectateur d’une zone de la page à une autre.
Les trois directions communes dans les dessins utilisés pour diriger l’œil sont :
- Horizontal : Si vous divisez la page ou l’écran en deux d’un côté à l’autre avec une ligne ou un autre élément, l’œil se déplace vers chaque élément dans la moitié supérieure du dessin avant de se déplacer vers la section sous la ligne horizontale ou l’élément qui divise la page.
- Verticale : Si vous avez deux longues et étroites colonnes de texte ou deux longues et étroites photos ou éléments graphiques, vous avez un dessin avec une direction verticale. L’œil passe du haut d’une colonne à son bas et se déplace ensuite vers le haut de la deuxième colonne.
- En diagonale : Si vous utilisez des diagonales ou des triangles dans votre dessin, l’œil est captivé, en particulier sur le web, où vous ne voyez pas beaucoup d’agencements en diagonale.
Chaque conception de page a une direction dominante, qui est établie par le placement des éléments les plus critiques.
Utilisation de la direction dans la conception
Dans la conception de sites web, ce sont les images de la page qui déterminent le plus souvent l’orientation. Cependant, vous pouvez également imposer une direction en plaçant des éléments typographiques ou graphiques sur la page, et avec des lignes – en particulier lorsqu’elles comportent des pointes de flèche.
Comment inclure des indications dans les dessins et modèles imprimés et Web
Intégrez des orientations dans vos conceptions de sites web de la manière suivante :
- Regardez vos images pour déterminer la direction dans laquelle les sujets se trouvent. Si les personnes sur la photo regardent à droite, vous devez placer l’image sur le côté gauche de la page. Sinon, la direction des yeux sur la photo détournera les yeux de vos lecteurs de la page. Vous ne voulez pas que les gens regardent à l’extérieur de la page.
- Utilisez votre mise en page pour suggérer une direction. Positionnez les éléments denses, comme les photos, en lignes horizontales, verticales ou diagonales. Alors que les éléments moins denses, comme le texte, les entourent.
- Utilisez des lignes, des images ou des balises HR pour suggérer un mouvement et une direction. Une ligne horizontale est silencieuse et déplace l’œil en douceur de gauche à droite sur la page. Une ligne verticale suggère un mouvement de haut en bas, et une ligne diagonale indique fortement un mouvement d’une zone de la page à une autre.
- Les éléments déséquilibrés indiquent également la direction et le mouvement.
Caractéristiques de la mise en page qui influencent la direction et le mouvement
L’œil se porte généralement d’abord sur l’élément le plus grand d’une page. Il peut s’agir d’une grande photo ou d’un grand titre. La direction dans laquelle il se déplace ensuite est fonction de la direction du dessin. Dans un bon design équilibré, l’endroit où l’œil passe ensuite mène à une partie importante du message que la page tente de transmettre. Plusieurs éléments peuvent influencer le mouvement du premier grand objet de la page vers l’élément significatif suivant, notamment
- La couleur : Une couleur vive attire l’œil plus rapidement qu’une couleur neutre.
- Graphiques : Un doigt pointé ou une flèche fait que l’œil regarde dans une direction particulière.
- Formes : Une forme qui serpente à travers la page comme une spirale ou une ligne pointillée se déplaçant d’un élément à l’autre transporte l’œil sur son chemin.
Comment déterminer la direction à prendre
Si vous ne savez pas comment concevoir une page pour indiquer une direction, faites des expériences en regardant des pages web et des publications imprimées spécifiquement pour identifier où votre œil va en premier et où il va en second. Cherchez ensuite la raison de cet événement. Une fois que vous aurez reconnu les éléments de conception symétriques qui font que votre œil passe d’un élément à l’autre, vous pourrez utiliser ces éléments dans votre conception.
