Guide du débutant sur la hiérarchie visuelle pour les concepteurs
Publié: 2018-11-07Si vous êtes un graphiste, un concepteur de sites Web ou si vous faites du travail visuel, vous avez probablement développé votre processus lors de la création d'un nouveau document ou produit. Que vous vous y référiez de cette façon ou non, l'une des tâches essentielles pour démarrer un nouveau projet est de proposer une sorte de hiérarchie visuelle pour la pièce - une disposition de tous les éléments ou sections de votre répartition visuelle. La composition d'une nouvelle pièce visuelle inclura toujours des considérations pour la mise en page et la composition - où vont les choses, comment elles s'alignent et dans quel ordre. Vous pouvez considérer la hiérarchie comme encadrant cette liste d'éléments essentiels dans votre projet de conception de manière à ce que les éléments les plus importants soient présentés en haut de la création.
La création d'une hiérarchie est importante car elle vous aide à diriger l'attention sur la bonne chose au bon moment. Une hiérarchie est un moyen raisonnable de montrer une essence relative des éléments en offrant une organisation dans leur structure et en aidant un spectateur à naviguer. Vous pourrez savoir quelles informations viennent avant les autres ; vous saurez précisément ce qu'il faut lire en premier. Vous saurez également à quelle partie vous devriez faire plus attention.
Il devrait y avoir une hiérarchie dans tout ce que nous créons - même les essais que nous écrivons à l'école ou les rapports que nous présentons aux investisseurs pour nos entreprises. Cependant, en conception, la hiérarchie n'est pas réduite au seul texte. Par exemple, lorsque vous parcourez un site Web correctement conçu, vous découvrirez que la hiérarchie est appliquée pour aider à structurer la page. De la taille de la bannière de navigation aux icônes, aux textes de présentation et à l'image du héros. Ainsi, pendant que votre responsable du contenu ou votre rédacteur est occupé à raconter l'histoire du site Web de ses éléments les plus importants aux éléments les moins importants, vous - en tant que concepteur - devriez créer une hiérarchie visuelle correspondante.
La hiérarchie visuelle crée un point focal qui rend vos spectateurs plus à l'aise et bien alignés, en parcourant votre conception et en les conduisant là où se trouveront les informations les plus importantes - et en attirant leur attention là-bas. Si vous avez hâte d'approfondir vos connaissances sur la hiérarchie visuelle afin de bâtir votre carrière de designer, vous êtes au bon endroit. Cet article vous guidera à travers certaines des choses à considérer afin que vous puissiez créer une hiérarchie visuelle appropriée.
Utilisez la taille à votre avantage
En tant que graphiste, vous pouvez utiliser la taille à votre avantage en réduisant ou en augmentant divers éléments pour améliorer la visibilité. Un élément de conception plus grand reçoit un peu plus d'attention et doit donc être réservé aux éléments les plus importants, les plus intéressants ou les plus introductifs. Agrandir les dimensions d'un objet et sa taille par rapport à d'autres objets (l'échelle) est l'un des moyens les plus efficaces de donner à votre conception une hiérarchie et une organisation visuelles. Les éléments de conception qui ne sont pas d'une grande importance ou qui ne s'attachent pas aux indices textuels les plus importants peuvent être réduits en termes de taille afin qu'ils ne soient pas aussi visibles que ceux qui ont une grande importance. Ces types d'éléments de conception appartiennent à un point bas dans la hiérarchie visuelle.
Faites des choix de couleurs intelligents
L'autre élément important sur lequel se concentrer lors de la création d'une hiérarchie est la couleur et le contraste. Les humains sont visuellement attirés par la couleur, surtout si la couleur est appliquée de manière stratégique pour afficher les images ou informations importantes. Il y a de très fortes chances qu'une personne parcoure un site Web et lise plus en profondeur lorsqu'il existe une organisation liée à la couleur de ces informations. C'est pourquoi les graphiques et les diagrammes basés sur les données sont souvent codés par couleur pour une meilleure visibilité et lisibilité. Des couleurs comme le jaune et le rouge transmettent l'importance et l'urgence tandis que les couleurs comme le bleu et le vert transmettent la stabilité et le calme. Cependant, vous devez faire attention à ne pas tremper votre conception avec toutes les couleurs de l'arc-en-ciel, car cela pourrait créer un impact négatif ou détourner l'attention du message. Utilisez les couleurs intelligemment et avec un objectif, et vous constaterez qu'elles se traduisent bien pour l'impact visuel global de votre produit.
Considérez la typographie à bon escient
L'autre facteur à considérer est le type de police que vous décidez d'utiliser et la taille de chacune. Vous avez le choix entre plusieurs polices, il vous appartient donc de vous assurer que celles que vous choisissez sont les meilleures et de faire ressortir le message de tout produit. Traditionnellement, il était dit que les en-têtes et les titres devaient utiliser des polices sans empattement ou des polices d'affichage, et que les polices de copie devaient être reléguées aux polices avec empattement uniquement. Cela change à mesure que le monde se transforme, mais en règle générale, plus la police de caractères est grande, plus la copie sera visible. Généralement encore, la copie est organisée dans un format de contour où le titre supérieur est le plus grand, les sous-titres plus petits sont de taille moyenne et le corps du texte général est le plus petit. Il s'agit moins de la tendance ou des attentes en matière de conception que de la lisibilité et de la tendance humaine à numériser.
Les éléments de conception les plus importants doivent être écrits avec des polices qui attirent l'attention, mais qui apportent toujours de la clarté. L'attention n'est pas utile si le lecteur ne peut pas comprendre ce qui est écrit. Trop souvent, les choix de polices sont faits sans regarder ce que chaque lettre se manifeste. Parfois, cela a même provoqué un faux pas pour une marque qui voulait écrire un mot mais dont la police donnait l'impression que le mot était incorrect ou pire, inapproprié.
Après avoir parcouru les conseils donnés ci-dessus, vous êtes maintenant prêt à créer votre hiérarchie visuelle. Considérant qu'il s'agit d'un guide pour débutants, tous les points soulevés dans cet article ont été soigneusement étudiés pour vous aider à trouver la meilleure hiérarchie visuelle pour la première fois et à le faire facilement. Un moyen simple de savoir si votre hiérarchie visuelle a été efficace est de lire tout le langage de la pièce à voix haute. Y a-t-il des parties qui vous appellent à changer de voix ou à accentuer ? Ce sont eux qui attirent le plus l'attention. Pour les projets qui n'ont pas beaucoup de texte, plissez les yeux ou regardez de loin et remarquez où vos yeux sont attirés - idéalement, cette zone sera le point central de votre produit. Si vous êtes attiré par la copie ou les éléments visuels de moindre importance, vous avez peut-être construit quelque chose de trop distrayant et vous pouvez l'utiliser comme mesure pour apporter des modifications au projet avant son achèvement.