L'accent mis dans la conception d'une page Web crée une zone ou un objet qui constitue le point central 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 de la conception ou de couleurs vives - les deux ayant tendance à attirer l’œil. Lorsque vous concevez une page Web, vous pouvez ajouter un accent en choisissant un mot ou une phrase et en lui attribuant une couleur, une police ou une taille qui le distingue, mais il existe de nombreuses autres façons d'utiliser l'accent dans votre conception.
Utilisation de l'emphase dans la conception
Une des plus grandes erreurs que les concepteurs Web peuvent faire est d’essayer de faire ressortir tout ce qui se trouve dans la conception. Lorsque tout est mis en valeur, le design apparaît occupé et déroutant ou pire - ennuyeux et peu attrayant. Pour créer un point central dans une conception Web, ne négligez pas l'utilisation de:
- Lignes: Créez une emphase par contraste. Si plusieurs éléments sont horizontaux, un élément vertical devient le point focal.
- Couleur: Si la plupart des éléments de la conception sont sombres ou en sourdine, tout objet de couleur attire l’œil.
- Formes: Lorsque la plupart des formes sont irrégulières, une forme géométrique se dégage.
- Proximité: Lorsque plusieurs éléments sont regroupés et qu'un est séparé du groupe, l'œil passe à l'élément unique.
- Placement: Bien qu’il y ait des exceptions, un élément placé au centre d’un dessin attire généralement l’œil.
- Poids: Un élément lourd attire l'attention du spectateur.
- Répétition: Lorsqu'un graphique simple pour typer un élément est répété, l'œil suit l'élément répété jusqu'au point focal.
- Contraste: Outre les contrastes créés par la couleur et les lignes, le contraste peut être généré par des modifications de taille, de texture ou de police. Le changement fait ressortir l’élément focal, ou l’emphase.
- Espace blanc: Un élément entouré d'espaces blancs (ou vides) devient le point focal.
Hiérarchie dans les conceptions Web
La hiérarchie est la disposition visuelle des éléments de conception indiquant l’importance par la taille. L'élément le plus important 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 balise HTML, cela est facile car votre page Web possède déjà une hiérarchie. Tout ce que votre conception doit faire est de mettre l'accent sur l'élément approprié - tel qu'un titre H1 - pour plus d'emphase.
En même temps que la hiérarchie dans le balisage, reconnaissez que l'œil d'un visiteur voit une page Web selon un motif Z commençant au coin supérieur gauche de l'écran. Cela fait du coin supérieur gauche de la page un endroit idéal 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 mis dans la conception Web peut être mis en œuvre de plusieurs manières:
- Utilisez un balisage sémantique pour mettre en valeur même sans styles.
- Modifiez la taille des polices ou des images pour les accentuer ou les minimiser dans la conception.
- Utilisez des 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 d'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 les autres éléments d'une conception pour faire ressortir le point focal. Un exemple est un graphique aux couleurs vives positionné 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 situé derrière le point focal, le faisant ressortir.
