¿Colores para usar con fondo negro?

17

¿Es malo usar texto amarillo en un bg negro como Mike señaló aquí ? En caso afirmativo, ¿qué colores debo usar (valores RGB o hexadecimales)?

ingrese la descripción de la imagen aquí

llllllllllllllllllllllllllllll
fuente
La fuente es muy apretada.
bjb568

Respuestas:

22

¡Hace unos años, si hubiera hecho esta pregunta, la respuesta habría sido un rotundo sí! Sin embargo, hemos estado redefiniendo estilos e ideas de diseño últimamente, por lo que ahora es un poco más complejo.

El amarillo puede funcionar sobre un fondo negro, pero se trata tanto de las fuentes como del uso del color que afecta el aspecto general del sitio. Asegúrese de estar usando fuentes que sean fácilmente legibles y solo use el amarillo para resaltar, como lo ha hecho. También trate de no usar blanco puro, pero opte por un gris claro más suave como #ebebeb.

Los colores llamativos, como el amarillo con un fondo oscuro, se ven comúnmente con la tendencia actual del diseño plano , sin embargo, estos siempre son una versión apagada o más suave del color, y normalmente no es una versión primaria del mismo. El fondo también es principalmente un negro rico (# 252525 o similar) no negro verdadero (# 000000). Esto hace que sea mucho más fácil de ver, manteniendo la idea original de un esquema de color.

Este sitio le da una idea de cómo se ven los colores en un fondo, es muy útil para determinar qué lastima sus ojos y qué no.

Este maravilloso kit de interfaz de usuario de Simon Eramo te da una buena idea de cómo usar colores brillantes sobre un fondo oscuro

Kit de interfaz de usuario plana y audaz de Simon Eramo

Este sitio ofrece un muy buen ejemplo de cómo usar el negro y el amarillo, usando el blanco para compensar la dureza potencial del esquema de color.

Sitio de Fernando Henrique por Diego Curuma

El amarillo aquí es primario pero se usa solo para resaltar.

Si tiende a más dorados y amarillos naranjas como # f39c12 o # ffbb33 en fondos negros suaves o grises oscuros como # 333333 o # 555555, entonces debería encontrar que es fácil para los ojos.

KitP
fuente
Gracias por la respuesta; Hay una pregunta de seguimiento aquí .
llllllllllllllllllllllllllllll
10

Aunque fue un comentario bastante divertido, el texto amarillo sobre un fondo negro no es un crimen de odio de diseñador. Aquí hay algunos sitios que juegan con ese concepto. Sin embargo, es importante tener en cuenta que lo que encontrará en todos estos excelentes sitios son algunos temas consistentes.

  • Nunca se llenan, verdadero fondo negro
  • Nunca usan texto amarillo como texto de párrafo donde o donde hay contenido, se usa principalmente como encabezados y subtítulos.

Rexona Sitio Rexona

Cinematik Cinematk

Devstars.com DevStars

Tipografía servida : este sitio también tiene diseños de tipografía amarilla solo para mostrar ejemplos que no se limitan a la web. Tipografía servida

El concepto es fácil de estropear, pero si se ejecuta correctamente, creo que puede hacer un diseño visualmente llamativo. No creo que tenga tanto que ver con los valores hexadecimales como con entender cómo usar el amarillo en todas partes. Sin embargo, me aseguraría de no usar un fondo negro completo # 000, ya que creo que el amarillo es abrumador para los ojos.

Adam Schuld
fuente
1
+1 para ejemplos de sitios amarillos y negros. Otro buen ejemplo es breakbeat.co.uk
Matt Fletcher
1

Creo que un tono más oscuro sería mejor. Más como oro o amarillo anaranjado

Caitlin
fuente
2
¿Puedes explicar por qué un tono más oscuro sería mejor? Por cierto: ¡Bienvenido a GD.SE!
Mensch