Sombra inconsistente en Material Design Guide

Tengo un problema con la directriz de diseño de materiales. Algunas referencias sobre elevación/sombra me parecen inconsistentes:

En un punto ( https://material.io/design/environment/elevation.html#elevation-in-material-design ), dice "la elevación es la distancia relativa entre dos superficies" y "Pueden aparecer superficies con la misma elevación diferente cuando otras superficies están detrás de ellos".

ingrese la descripción de la imagen aquí

Luego, en este ejemplo, la sombra de la superficie B es más pequeña que la de la superficie A, ya que se proyecta sobre la superficie C, que es "más alta" que el fondo. Esto tiene sentido, así es como funciona la luz/sombra en el mundo real.

Pero luego, un poco más tarde, en la misma página, se muestra una superficie que se superpone a otra superficie y al fondo. La superficie inferior se eleva del fondo. La superficie superior proyecta una sombra sobre la superficie inferior y el fondo. De las referencias anteriores, asumiría que la parte de la sombra proyectada sobre el fondo es mayor, ya que la distancia relativa es mayor. Sin embargo, la sombra tiene el mismo tamaño en ambas partes.

ingrese la descripción de la imagen aquí

No veo cómo esto tiene sentido, parece inconsistente.

¿Es realmente inconsistente, o me estoy perdiendo alguna información?

Si no es inconsistente, ¿cómo se vería una animación, donde una superficie se mueve sobre otra, mientras permanece en el mismo nivel z? ¿La sombra se encogería gradualmente, pero siempre tendría el mismo tamaño en todas las partes?

Si es inconsistente, ¿por qué? Solo podía pensar en estas explicaciones bastante improbables:

  1. Es una limitación técnica. Calcular sombras de esa manera es más complejo, por ejemplo, no creo que esto se pueda hacer fácilmente con sombras de cuadro CSS. Esto parece poco probable, porque Material Design no es solo un concepto, está destinado a ser implementado.

  2. Es un error en la guía. Parece poco probable, la directriz tiene aproximadamente 4 años y es bastante popular, ya se habría notado un error de este tipo.

  3. Existe una explicación, pero no está o está mal documentada.

  4. Es un problema conocido, pero no existe solución, y no la habrá pronto, ya que a nadie le importan detalles tan pequeños.

Respuestas (1)

La segunda imagen muestra sombras exageradas, para ilustrar mejor el concepto. No se adhiere a las pautas de diseño descritas en el artículo.

La imagen completa de la que recortó esto no muestra bordes redondeados o colores particularmente oscuros, como en los otros ejemplos del artículo.imagen referenciada completa

Compare su imagen con una más abajo en el texto ; verá que esto muestra contenido real (pseudo) para ilustrar el uso en la vida real.