L'accent dans un conception de pages Web crée une zone ou un objet qui est le point focal de la page. C'est une façon de faire ressortir un élément dans la conception. Le point focal peut être plus grand que d'autres éléments du dessin ou de couleur vive, les deux ayant tendance à attirer le regard. Lorsque vous concevez une page Web, vous pouvez ajouter de l'emphase en choisissant un mot ou une phrase et en lui attribuant un la couleur, la police ou la taille qui le font ressortir, mais il existe de nombreuses autres façons d'utiliser l'emphase dans votre conception.
Utilisation de l'accent dans la conception
L'une des plus grandes erreurs que les concepteurs de sites Web peuvent commettre est d'essayer de faire ressortir tout dans la conception. Lorsque tout a la même importance, le design semble chargé et déroutant ou pire - ennuyeux et peu attrayant. Pour créer un point focal dans une conception Web, ne négligez pas l'utilisation de:
- Lignes: Créer de l'emphase par contraste. Si plusieurs éléments sont horizontaux, un élément vertical devient le point focal.
- Couleur: Si la plupart des éléments du dessin sont sombres ou en sourdine, tout objet coloré attire le regard.
- Formes: Lorsque la plupart des formes sont irrégulières, une forme géométrique se démarque.
- Proximité: Lorsque plusieurs éléments sont regroupés et que l'un est séparé du groupe, l'œil se porte sur l'élément unique.
- Placement: Bien qu'il existe des exceptions, un élément placé au centre d'un dessin attire généralement le regard.
- Poids: Un élément lourd attire l'attention du spectateur.
- Répétition: Lorsqu'un élément graphique simple à saisir est répété, l'œil suit l'élément répété jusqu'au point focal.
- Contraste: En plus des contrastes créés par la couleur et les lignes, le contraste peut être généré par les changements de taille, de texture ou de police. Le changement fait ressortir l'élément focal ou l'accent.
- Espace blanc: Un élément entouré d'espace blanc (ou vide) devient le point focal.
Hiérarchie dans les conceptions Web
La hiérarchie est la disposition visuelle des éléments de conception qui indiquent l'importance par taille. L'élément le plus grand est le plus important; les éléments les moins importants sont plus petits. Concentrez-vous sur la création d'une hiérarchie visuelle dans vos conceptions Web. Si vous avez travaillé pour créer un flux sémantique vers votre HTML balisage, c'est facile car votre page Web a déjà une hiérarchie. Tout ce que votre conception doit faire est de mettre l'accent sur l'élément correct - comme un titre H1 - pour le plus d'emphase.
De même que hiérarchie dans le balisage, reconnaissez que l'œil d'un visiteur affiche une page Web selon un motif en Z commençant dans le coin supérieur gauche de l'écran. Cela fait du coin supérieur gauche de la page un bon endroit pour un élément important tel qu'un logo d'entreprise. Le coin supérieur droit est la deuxième meilleure position de placement pour les informations importantes.
Comment inclure l'accent dans les conceptions Web
L'accent dans la conception de sites Web peut être mis en œuvre de plusieurs manières:
- Utilisez le balisage sémantique pour mettre l'accent même sans aucun style.
- Modifiez la taille des polices ou des images pour les mettre en valeur ou les atténuer dans la conception.
- Utiliser couleurs contrastées pour mettre l'accent.
- La taille compte. Un mot énorme sur la page ou l'écran attire immédiatement l'attention.
- Entourez le point focal avec un espace blanc.
- Répétez un mot ou une image pour attirer l'attention.
Où se situe la subordination?
La subordination se produit lorsque vous atténuez d'autres éléments d'une conception pour faire ressortir le point focal. Un exemple est un graphique aux couleurs vives placé sur une photo d'arrière-plan en noir et blanc. Le même effet se produit lorsque vous utilisez des couleurs en sourdine ou des couleurs qui se fondent avec l'arrière-plan derrière le point focal, le faisant ressortir.