web-dev-qa-db-fra.com

Navbar de thème sombre: Plus clair ou plus sombre que l'arrière-plan principal?

Je n'ai pas beaucoup d'expérience UI/UX et j'essaie d'apprendre en travaillant sur mon site Web personnel.

Avec un fond clair, je suis à 100% d'accord avec les conseils d'utiliser une barre de navigation plus sombre, car cela permet de trier visuellement "d'ancrage" ou de "câlin" le contenu de la page:

enter image description here

J'ai du mal à choisir une bonne couleur pour ma barre de navigation dans mon thème sombre, cependant. Voici à quoi il ressemble actuellement sur la même page:

enter image description here

J'ai l'impression qu'il n'y a pas assez de contraste avec l'arrière-plan. Le guide thématique des matériaux de Google utilise une couleur plus claire pour la barre de navigation en mode sombre pour donner à l'utilisateur une impression d'élévation. C'est ce que j'ai fait avec mes fiches de projet, et je pense que ça a l'air bien. Je l'ai essayé avec la barre de navigation:

enter image description here

Deux questions connexes:

  1. Est-ce que cela semble pire ou mes yeux sont inexpérimentés?

  2. Est-il incohérent d'avoir un thème clair avec une barre de navigation plus sombre que l'arrière-plan principal, mais d'avoir un thème sombre avec une barre de navigation plus claire que l'arrière-plan principal?

1
AlexH

Je préfère également celle du bas, avec la barre de navigation plus légère. Il y a plus de contraste, tant pour la barre elle-même que pour son ombre.

En ce qui concerne la cohérence, vous pouvez penser que le thème sombre inverse généralement toutes les couleurs, ce qui inverse également les relations, comme ce qui s'est passé ici.

2
Solomon Ucko