Couleurs à utiliser sur fond noir?

17

L'utilisation de texte jaune sur un fond noir est-elle mauvaise, comme Mike l'a souligné ici ? Si oui, quelles couleurs dois-je utiliser (valeurs RVB ou hexadécimales)?

entrez la description de l'image ici

llllllllllllllllllllllllllllll
la source
La police est trop serrée.
bjb568

Réponses:

22

Il y a quelques années, si vous aviez posé cette question, la réponse aurait été un oui retentissant! Cependant, nous avons récemment redéfini les styles et les idées de conception, c'est donc un peu plus complexe.

Le jaune peut fonctionner sur un fond noir, mais c'est tout autant sur les polices et où la couleur est utilisée qui affectent l'aspect général du site. Assurez-vous d'utiliser des polices facilement lisibles et n'utilisez que du jaune pour la mise en surbrillance, comme vous l'avez fait. Essayez également de ne pas utiliser de blanc pur, mais optez pour un gris clair plus doux tel que #ebebeb.

Les couleurs audacieuses telles que le jaune avec un fond sombre sont généralement observées avec la tendance actuelle du design plat , mais ce sont toujours une version atténuée ou plus douce de la couleur, et normalement pas une version principale de celle-ci. L'arrière-plan est également principalement un noir riche (# 252525 ou similaire) pas du vrai noir (# 000000). Cela facilite la visualisation tout en conservant l'idée originale d'un jeu de couleurs.

Ce site vous donne une idée de l'apparence des couleurs sur un fond, il est très utile de déterminer ce qui fait mal aux yeux et ce qui ne le fait pas.

Ce magnifique kit d'interface utilisateur de Simon Eramo vous donne une bonne idée de la façon d'utiliser des couleurs vives sur un fond sombre

Kit d'interface utilisateur Flat Bold par Simon Eramo

Ce site donne un très bel exemple de la façon d'utiliser le noir et le jaune, en utilisant le blanc pour compenser la dureté potentielle du jeu de couleurs.

Fernando Henrique Site par Diego Curuma

Le jaune ici est primaire mais utilisé uniquement pour mettre en évidence.

Si vous avez tendance à plus d'or et de jaune orangé comme # f39c12 ou # ffbb33 sur des arrière-plans doux noirs ou gris foncé comme # 333333 ou # 555555, vous devriez trouver que c'est facile pour les yeux.

KitP
la source
Merci d'avoir répondu; il y a une question de suivi ici .
llllllllllllllllllllllllllllll
10

Bien que ce soit un commentaire assez drôle, le texte jaune sur fond noir n'est pas un crime de haine de concepteur. Voici quelques sites qui jouent avec ce concept. Il est important de noter que ce que vous trouverez dans tous ces excellents sites, ce sont des thèmes cohérents.

  • Ils ne sont jamais pleins, vrai fond noir
  • Ils n'utilisent jamais de texte jaune comme texte de paragraphe où ou où il y a du contenu, il est principalement utilisé comme en-têtes et sous-titres.

Rexona Site Rexona

Cinematik Cinematk

Devstars.com DevStars

Typographie servie - Ce site contient également des dessins de typographie jaune juste pour montrer des exemples qui ne sont pas limités au Web. Typographie desservie

Le concept est facile à bâcler, mais s'il est exécuté correctement, je pense qu'il peut faire un design visuellement frappant. Je ne pense pas que cela soit autant lié aux valeurs hexadécimales que de comprendre comment utiliser le jaune partout. Je voudrais cependant m'assurer de ne pas utiliser un fond noir complet # 000 car je pense que le jaune est écrasant pour les yeux.

Adam Schuld
la source
1
+1 pour des exemples de sites jaunes et noirs. Breakbeat.co.uk
Matt Fletcher
1

Je pense qu'une teinte plus foncée serait mieux. Plus comme l'or ou l'orange jaune

Caitlin
la source
2
Pouvez-vous expliquer pourquoi une teinte plus foncée serait préférable? BTW: Bienvenue dans GD.SE!
Mensch