web-dev-qa-db-fra.com

Quels sont les aspects négatifs et positifs du jeu de couleurs sombres?

J'utilise jeu de couleurs clair sur foncé (fond sombre avec texte clair) dans ma demande.

Ma question est, quels sont les aspects négatifs et positifs de ce jeu de couleurs et pourquoi ce jeu de couleurs n'est pas largement utilisé?

136
Navid

Les couleurs plus sombres sont souvent utilisées efficacement dans les logiciels qui se concentrent fortement sur le contenu visuel. Par exemple, Adobe Lightroom, Adobe After Effects, Microsoft Expression Blend et Kaxaml sont des interfaces qui ont un thème de couleur sombre. Cela permet à l'interface de s'estomper en arrière-plan et de laisser le contenu prendre vie

Pourquoi n'est-il pas largement utilisé? Je suppose que cela dépend de votre foule. Pour ces applications, cela fonctionne généralement bien, mais beaucoup de gens n'aiment pas les interfaces sombres. Dans mon entreprise, j'ai créé une interface pour un logiciel très compliqué utilisant une interface utilisateur sombre. Cela a aidé à tout simplifier et à attirer l'attention sur les éléments nécessaires à des moments précis. Le problème était que beaucoup de gens se plaignaient. "Il fait trop sombre", "ça n'a pas l'air bien sur mon ordinateur portable quand j'utilise sous le soleil brillant" etc. Certaines personnes détestent les interfaces sombres.

Conclusion: si votre application est très orientée vers le contenu, en particulier avec le contenu visuel, envisagez une interface sombre mais préparez-vous à une certaine opposition.

Solution alternative: fournir 2 thèmes, un clair et un sombre. Cela se fait dans Expression Blend de Microsoft (bien que le thème de la lumière soit assez horrible, IMO)

De plus, il est important de noter qu'il est souvent un peu plus difficile d'obtenir une interface sombre qui fonctionne bien. Un peu plus d'attention doit être accordée à la lisibilité du texte sur le fond sombre (c'est-à-dire le rendre suffisamment lumineux pour être lisible mais pas si lumineux qu'il est gênant à lire).

79
Matt Rockwell

L'obscurité sur la lumière vs la lumière sur les thèmes sombres peut avoir plusieurs effets , tels que:

  • Attirer l'attention sur une application vs attirer l'attention sur le contenu de l'application

    • Les gens se concentrent sur les zones plus claires - un arrière-plan plus sombre attire l'attention sur le contenu, tandis qu'un arrière-plan plus clair attire l'attention sur la fenêtre elle-même par rapport au bureau.
      Imaginez que si la zone autour des films non 16: 9 était blanche au lieu de noire, cela détournerait votre attention du film.
  • Souligner les détails dans le texte vs la lisibilité dans le texte

    • Avec un texte clair sur sombre, le texte semble s'étendre (car la perception humaine fait briller les objets plus brillants). Cela conduit à un texte plus audacieux. Si le texte est déjà en gras, cela peut rendre le texte difficile à lire (selon la police), car l'espacement entre les lignes diminue. Si le texte n'est pas en gras (ou si la police est propre et étroite pour commencer), cela fera ressortir le texte.

    • La différence entre différentes nuances de gris est plus visible sur les fonds sombres que sur les fonds clairs. ( Voir la formule ici ou ici .)

  • Rendre le texte plus lisible dans environnements clairs vs environnements sombres

    • Dans des environnements sombres, un fond clair peut fatiguer les yeux.

    • Dans des environnements très lumineux , la lumière sur l'obscurité vous aidera à voir le texte mais rendra difficile la différence entre les nuances (texte blanc vs texte gris). L'obscurité sur la lumière vous aidera à voir la différence entre les nuances, mais si l'environnement est trop lumineux, vous ne verrez que le texte plus sombre (le texte gris semblera blanc).

  • Rendre les écrans plus faciles à regarder pendant une longue période ou dans des environnements différents.

    • Les écrans de télévision sont souvent dans des pièces moins éclairées que les écrans d'ordinateurs dans les bureaux, ce qui rend les thèmes sombres plus faciles à reposer que les thèmes clairs. (La plus petite différence d'intensité entre les murs et l'écran rend les iris moins efficaces.)
  • Rendre le texte plus lisible pour les personnes ayant divers problèmes de vue qui affectent la perception du contraste

    • Certaines personnes ne peuvent lire que du texte à contraste élevé, 50% de gris sur noir est contraste plus élevé que 50% de gris sur blanc.

    • Certaines personnes ne peuvent pas bien voir dans des environnements trop sombres et d'autres ne peuvent pas bien voir dans des environnements trop clairs - chacun nécessitera un thème différent (opposé) (je vous laisse deviner lequel requiert lequel).

  • Faire correspondre le point de vue des gens

    • Les personnes habituées à éclairer les arrière-plans et qui n'aiment pas les changements n'aimeront pas le clair sur le noir.

    • Les créatifs peuvent préférer les arrière-plans sombres, car cela pose à la fois un défi aux conventions communes et met l'accent sur les détails et les couleurs.


Il est important de noter qu'un grand nombre de recherches sur ce qui est mieux ont été menées de manière incorrecte (durée du test par thème, en contrôlant les différents niveaux d'éclairage de l'environnement) et est désormais obsolète (basé sur les écrans CRT et non sur les écrans LCD LCD).


Raisons possibles pour lesquelles les thèmes sombres sont moins courants :

  • Je pense que les systèmes d'exploitation modernes basés sur des fenêtres sont d'abord passés par défaut du noir sur blanc au

    • les différencier des anciens OS basés sur console

    • les faire ressembler davantage à des produits à base de papier (par exemple des livres).

  • Les thèmes de lumière sont la norme actuelle; les gens y sont habitués

  • Les thèmes légers nécessitent moins de travail de la part des développeurs (puisque le thème par défaut du système d'exploitation/navigateur est léger, les développeurs n'ont pas besoin de remplacer toutes les couleurs)

62
Danny Varod

pourquoi ce schéma de couleurs n'est pas largement utilisé?

Bonne question sans réponse évidente. Vous pourriez prétendre que toutes sortes de tendances sont impliquées, mais je pense que ce serait une décision courageuse d'accepter une raison pour laquelle nous avons tendance à opter pour l'obscurité sur la lumière. Je pense que votre meilleur pari est de développer le schéma qui convient le mieux à l'objectif de votre site et à ses utilisateurs.

Pour un aperçu rapide des études/opinions contradictoires:

Cette étude a trouvé sombre sur la lumière pour être le meilleur - en quelque sorte. Ils estiment qu'une préférence esthétique peut être en jeu et influencer les résultats. Ils ont également trouvé une lumière sur l'obscurité pour fonctionner presque aussi bien - selon la citation de Nielsen (voir page 19).

Cette étude a révélé que le texte sombre sur fond clair était plus lisible - la plupart des designers opteront pour un design meilleur pour leurs utilisateurs.

Et pour un aperçu général du problème, cet article décrit certains des problèmes liés au choix de l'obscurité sur la lumière par rapport à la lumière sur l'obscurité.

Notez que dans le cas de ce dernier article, ils ont quelques exemples qui, selon moi, ne suivent pas les directives généralement acceptées pour la lumière sur l'obscurité en ce qui concerne les paramètres de police (espacement, etc.). OMI les exemples sont un peu décalés.

19
gef05

La principale raison pour laquelle une interface utilisateur claire sur sombre peut se décomposer est lorsque le texte devient clairement brillant par rapport à l'arrière-plan sombre. C'est une raison fondamentale pour laquelle le texte blanc sur fond noir peut être difficile à lire pendant de longues périodes.

Des applications comme Adobe Lightroom utilisent un jeu de couleurs gris clair sur gris foncé, ce qui semble réduire considérablement les reflets du texte. La grande chose à propos de la lumière sur les interfaces sombres, cependant, est qu'elles réduisent l'éblouissement général lors de l'utilisation du logiciel pendant une longue période.

Il n'est pas surprenant que des logiciels comme Adobe Premiere Pro, Lightroom, AVID Media Composer et dans le prochain Final Cut Pro X utilisent une interface sombre car ils sont généralement utilisés pendant de longues périodes.

La différence entre une longue exposition à un écran lumineux et à un écran sombre avec certaines zones claires est assez importante. Je peux travailler dans Premiere Pro et Lightroom pendant longtemps et me sentir bien mieux que d'utiliser Microsoft Outlook et Visual Studio au travail toute la journée. Je me retrouve à plisser les yeux à la fin de la journée au travail.

13
Nick Bedford

Je n'écarterais pas la possibilité que Windows et MacOS adoptent par défaut un schéma "léger" et que les gens aient tendance à vouloir que leurs applications soient toutes cohérentes. J'utilise un thème sombre sur Windows et je rencontre trop souvent des applications qui ne peuvent pas le gérer (elles filent des couleurs ou, pire, des fils durs certains d'entre eux), donc si ce n'était qu'un préférence décontractée et pas un réel besoin visuel, j'abandonnerais probablement et reviendrais au schéma que "tout le monde" veut que j'utilise.

Si vous pouvez faire en sorte que votre application respecte les couleurs du système (quelles qu'elles soient), ce serait mieux. Si vous devez choisir des couleurs spécifiques, comme c'est souvent le cas, vous pouvez proposer des thèmes ou fournir une interface de configuration simple. Les utilisateurs sont généralement prêts à effectuer une configuration unique des applications qu'ils utiliseront souvent.

6
Monica Cellio

Un avantage du texte clair sur fond sombre est que différentes couleurs dans le texte sont plus faciles à distinguer .

Cela peut ne pas être important pour la plupart des lecteurs, mais le développeur de logiciels est un type d'utilisateur qui fait un usage intensif de différentes couleurs de texte.

Je soupçonne qu'il y a deux raisons pour lesquelles il est plus facile de différencier les couleurs sur un fond sombre:

  1. Le texte sur un fond sombre peut être rendu plus lumineux, tandis que le texte sur un fond clair reçoit généralement une intensité plus sombre, pour des raisons de contraste. Comme nous le savons, il est plus difficile de distinguer les couleurs à mesure que leur intensité diminue.

  2. L'éclat du fond clair n'inonde pas les sens.


Bien sûr, ce contraste entre les couleurs peut être utilisé pour plus que du texte.

(J'ai simplement inversé l'une de ces images pour créer l'autre.)

5
joeytwiddle

Selon le Web Style Guide, le noir sur blanc est préférable:

http://webstyleguide.com/wsg3/7-page-design/3-visual-design.html

Le texte noir sur fond blanc présente le niveau de contraste le plus élevé .

3
PhillipW

À mon avis, les applications de fond sombre avec un aspect de premier plan clair plus sexy et plus énervé que leurs applications de fond clair homologues qui sont probablement plus traditionnelles ou - conservateur.

Cela dit, à mon avis, en raison du volume de graphiques, de commandes et d'icônes autour desquels sont normalement conçus pour être utilisés sur un fond clair, les applications sur fond sombre peuvent être un peu plus longues à construire (selon votre environnement).

3
dodgy_coder

Cela dépend de l'environnement . Les thèmes plus clairs sont meilleurs dans les environnements clairs et les thèmes sombres sont meilleurs dans les environnements sombres.

Par exemple, les systèmes de navigation pour voitures commutent le thème la nuit ou dans les tunnels sur un thème sombre.

Cela dépend de l'utilisateur. Certaines personnes peuvent mieux voir dans des conditions sombres et certains utilisateurs vice versa. Je pense que cela a à voir avec le rythme circadien mais je ne veux pas trop compliquer les choses ici.

2
daniel
  1. Sur les écrans brillants, les reflets sont plus visibles sur les fonds sombres
  2. Lorsque j'utilisais un écran configuré pour avoir un effet PWM clignotant, les arrière-plans sombres étaient beaucoup plus faciles pour mes yeux à long terme

Je suppose que ce sont quelques raisons courantes pour et contre des arrière-plans sombres. Quoi qu'il en soit, dans le deuxième cas, il est très avantageux de configurer votre écran pour diminuer le clignotement PWM.

2
Sergey

Je trouve qu'un sombre sur la lumière fonctionne bien, mais pas un fond blanc. Je trouve que la couleur de la lumière en sourdine ou le gris fonctionne mieux que le blanc pur lors de l'utilisation de rétro-éclairé LCD ou moniteurs LED. Je trouve le noir sur # DBD2BF, # C5D3D6, # D6C7CB, # BDC7BD ou # C2C2C2) comme de bons exemples.

0
Scott B.

Selon la théorie des couleurs! Théorie des couleurs

Les couleurs blanc, noir et gris sont considérées comme neutres

Mais personnellement, la plupart des utilisateurs évitent les écrans noirs et autres écrans sombres, dans la routine quotidienne, porter du noir vous permettra de rester discret dans les paramètres sociaux si telle est votre intention. Ne portez pas de noir si vous voulez vous démarquer au milieu d'une foule. La plupart des gens ne prennent même plus la peine de porter du noir lors des funérailles, c'est juste trop triste de porter des couleurs sombres et sombres.

la dernière partie est tirée de ask.com

0
Pir Abdul

Je pense que les deux (sombre et clair) sont bons. Mais c'est très individuel et les deux variantes avec commutateur sont bonnes pour tous. Le gamma sombre est plus sûr pour les yeux la nuit, mais je ne vois rien le jour avec un gamma sombre. Le gamma léger est bon le jour, mais il me faisait mal aux yeux la nuit. Gui global sombre et web css la nuit. Lumière pour la journée. Facile. Et ils devraient avoir un commutateur rapide :)

Désolé pour mon Eng

0
nikolai

Je dirais que cela dépend principalement de la perception de l'utilisateur. De nombreux utilisateurs sont à l'aise dans les thèmes sombres alors qu'ils peuvent être à l'aise sur les thèmes clairs.

Les thèmes obscurité sur lumière sont plus largement utilisés depuis quelques jours, car l'utilisateur qui utilise le système sera à l'aise lors de son utilisation. La couleur claire n'insiste pas beaucoup sur les yeux de l'utilisateur. La couleur claire doit également être d'une teinte douce pour améliorer la satisfaction de l'utilisateur de l'interface utilisateur.

L'obscurité sur la lumière aidera l'utilisateur à mettre en évidence le contenu important et il est également facile à utiliser.

0
talktokets