Estoy tratando de seguir las pautas de diseño de materiales de Google. Uso la misma configuración para el color del texto, pero el texto es difícil de leer porque en los ejemplos tienen un fondo casi blanco.
http://www.google.com/design/spec/style/color.html
El valor alfa estándar para texto sobre fondo blanco es 87% (#000000).
El texto secundario, que está más abajo en la jerarquía visual, debe tener un valor alfa del 54 % (#000000).
Las sugerencias de texto para los usuarios, como las de los campos de texto y las etiquetas, tienen una prominencia visual aún menor y deben tener un valor alfa del 26 % (#000000).
Mi color de fondo es #efefef y el color del texto de la etiqueta es negro con un 26 % de opacidad, por lo que es difícil de leer. ¿Tiene alguna sugerencia sobre cómo ajustar el color del texto (tal vez una regla general) para que pueda usar este fondo?
De acuerdo con las pautas, el 26% de opacidad está destinado a texto de sugerencia y texto deshabilitado. Las etiquetas más destacadas deben ser 87 % negras o 54 % negras dependiendo de si se consideran texto primario o secundario.
En la directriz que citó:
Las sugerencias de texto para los usuarios, como las de los campos de texto y las etiquetas, tienen una prominencia visual aún menor y deben tener un valor alfa del 26 % (#000000).
Tenga en cuenta que se referían a "sugerencias de texto" y dijeron que se supone que tienen "una prominencia visual aún menor".
La última versión de las pautas sugiere un poco más de opacidad para el texto claro sobre fondos oscuros, pero por lo demás son iguales:
El texto y los íconos sugeridos y deshabilitados tienen una opacidad del 26 % para texto oscuro sobre fondos claros y una opacidad del 30 % para texto blanco sobre fondos oscuros.
Las pautas actuales se pueden ver en la aplicación de color de la interfaz de usuario . (Esa sección es un poco confusa, ya que enumeran los colores oscuros usando una tabla que tiene diferentes colores de texto y de fondo que en realidad no siguen las pautas).
DA01
bemdesign
vovahost