Superficies y profundidad
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Las superficies contienen contenido. Proporcionan puntos focales claros dentro del campo de visión del usuario, que pueden contener contenido o acciones.

La profundidad crea una sensación de comodidad y jerarquía
La profundidad en los lentes es la combinación de la ubicación en el espacio Z y las sombras para establecer una sensación de jerarquía a través de diferentes niveles de énfasis.
Usa variantes de color de la superficie para enfatizar la profundidad
Usa variantes de color de la superficie, como Surface Container Low, para crear un efecto de contraste mayor para la profundidad.
Las sombras deben ser completamente negras y opacas para lograr el efecto.
Las superficies siempre deben ser transparentes para maximizar el contraste en la mayoría de los entornos.
check_circle
Qué debes hacer
Asegúrate de configurar el modo de fusión en pantalla para obtener una vista previa de cómo se mostrarán las superficies de la IU en pantallas transparentes.
cancel
Qué no debes hacer
Usa el modo de fusión normal durante el diseño, ya que no brindará una percepción realista.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-12-08 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-12-08 (UTC)"],[],[]]