Cores para usar com fundo preto?

16

O uso de texto amarelo em uma BG preta é ruim, como Mike apontou aqui ? Se sim, que cores devo usar (valores RGB ou hexadecimal)?

insira a descrição da imagem aqui

lllllllllllllllllllllllllllll
fonte
A fonte está muito apertada.
bjb568

Respostas:

21

Alguns anos atrás, se você tivesse feito essa pergunta, a resposta teria sido um retumbante sim! No entanto, temos redefinido os estilos e idéias de design recentemente, agora é um pouco mais complexo.

O amarelo pode funcionar em um fundo preto, mas é tanto sobre fontes quanto onde a cor é usada que afeta a aparência geral do site. Certifique-se de usar fontes facilmente legíveis e usar apenas amarelo para realçar, como você fez. Tente também não usar branco puro, mas opte por um cinza claro mais suave, como #ebebeb.

Cores ousadas, como o amarelo com fundo escuro, são comumente vistas com a tendência atual do design plano ; no entanto, essas são sempre uma versão mais suave ou mais suave da cor e, normalmente, não são uma versão primária. O fundo também é principalmente um preto rico (# 252525 ou similar) e não um preto verdadeiro (# 000000). Isso facilita a visualização, mantendo a ideia original de um esquema de cores.

Este site dá uma idéia de como as cores são em um plano de fundo; é muito útil descobrir o que machuca os olhos e o que não machuca.

Este maravilhoso kit de interface do usuário de Simon Eramo fornece uma boa idéia de como usar cores brilhantes em um fundo escuro

Kit de interface do usuário em negrito plano por Simon Eramo

Este site fornece um exemplo muito bom de como usar preto e amarelo, usando o branco para compensar a dureza potencial do esquema de cores.

Fernando Henrique Site por Diego Curuma

O amarelo aqui é primário, mas é usado apenas para realçar.

Se você tende a ter mais dourados e amarelos alaranjados, como # f39c12 ou # ffbb33 em fundos suaves de preto ou cinza escuro, como # 333333 ou # 555555, deve achar que é fácil para os olhos.

KitP
fonte
Obrigado pela resposta; há uma pergunta de acompanhamento aqui .
Lllllllllllllllllllllllllllll
9

Embora tenha sido um comentário muito engraçado, o texto amarelo em fundo preto não é um crime de ódio de um designer. Aqui estão alguns sites que brincam com esse conceito. É importante observar que o que você encontrará em todos esses ótimos sites são alguns temas consistentes.

  • Eles nunca ficam cheios, fundo preto verdadeiro
  • Eles nunca usam texto amarelo como texto de parágrafo, onde ou onde há conteúdo, é usado principalmente como títulos e subtítulos.

Rexona Site da Rexona

Cinematik Cinematk

Devstars.com DevStars

Tipografia veiculada - Este site também possui designs de tipografia amarela, apenas para mostrar exemplos que não se limitam à Web. Tipografia servida

O conceito é fácil de danificar, mas se executado corretamente, acho que pode criar um design visualmente impressionante. Eu não acho que tenha tanto a ver com os valores hexadecimais quanto entender como usar o amarelo o tempo todo. Gostaria, no entanto, de não usar um fundo preto # 000 completo, pois acho que o amarelo é avassalador para os olhos.

Adam Schuld
fonte
11
+1 para exemplos de sites amarelos e pretos. Outro bom exemplo é breakbeat.co.uk
Matt Fletcher
1

Eu acho que um tom mais escuro seria melhor. Mais como ouro ou laranja amarelo

Caitlin
fonte
2
Você pode explicar por que um tom mais escuro seria melhor? BTW: Bem-vindo ao GD.SE!
Mensch 5/15