Comment choisir une combinaison de couleurs pour l'en-tête principal et les sous-en-têtes pour une meilleure interface utilisateur et UX?
Je suis toujours confus au sujet des couleurs BG (arrière-plan) ou d'un en-tête et sous-en-tête d'un site Web ou d'une application.
Il peut y avoir au moins 3 options pour choisir BG pour eux:
1. Une couleur sombre pour l'en-tête principal et une version claire de la même couleur pour le sous-en-tête BG
2. Une couleur sombre pour l'en-tête secondaire et une version claire pour l'en-tête principal
3. Mêmes couleurs pour les deux
Maintenant, je peux choisir n'importe lequel d'entre eux, mais j'ai des doutes sur chacun d'eux:
1 st - Dark BG pour l'en-tête principal fait que les utilisateurs le ressentent en dessous (en termes d'axe z) de l'autre contenu, y compris les sous-en-têtes. De plus, le logo et les barres de menu sont remarqués plus tard par rapport aux sous-en-têtes
2 nd - Malgré plus de concentration sur l'en-tête principal (en raison de la lumière), la page globale semble peu moche
3 rd - Les mêmes couleurs pour les deux rendent la couleur redondante
Actuellement, je considère que l'option 2 est un peu meilleure que les deux autres.
Ce ne sont que mes opinions. Existe-t-il vraiment de telles choses (j'apprécierais également que l'on puisse fournir une ressource pour en savoir plus)?
Si oui, quelle serait la meilleure option, en gardant à l'esprit à la fois l'interface utilisateur et UX?
Lorsque vous regardez à travers un paysage avec l'œil d'un artiste, vous remarquerez que les choses qui sont plus éloignées auront une teinte plus bleue/grise que lorsqu'elles sont plus proches (certains les qualifieraient de couleurs "plus froides"). Les artistes utilisent cet effet dans les peintures pour créer l'illusion de profondeur dans quelque chose qui aurait autrement l'air 2D.
Les couleurs que vous choisissez pour délimiter les zones d'un écran peuvent également déclencher le même effet de profondeur. Le bleu plus clair est beaucoup plus chaud. Je soupçonne que c'est pourquoi aucune des options ci-dessus ne semble tout à fait correcte.
Voulez-vous que tout semble plat, tout en ayant des couleurs différentes pour l'en-tête et les sous-en-têtes? Essayez ensuite de choisir des couleurs qui ont un " température de couleur " similaire.