He traducido parte de un artículo que publica Smashing Magazine el cual me pareció muy interesante y que todo buen diseñador web debe aplicar en sus diseños, el articulo en mención habla sobre el efecto de luz y la sombra ya que estos nos ayudan a tener sentido de lo que nos vemos y nos ayuda a entender la textura, la dimensión y la perspectiva.Es así, como nosotros intentamos hacer nuestros diseños en la Web cada vez más naturales, móviles e intuitivos, una buena utilización de luz y sombra es muy importante.Aquí nos hablan de 5 maneras de mejorar la luz y la sombra y la forma de aplicarlos en nuestros diseños web para hacer que resalten en la pantalla.Usando una fuente de luzQuizás una de las partes más importantes de nuestro trabajo con la iluminación es saber de dónde la luz está viniendo. La herramienta favorita en estos casos es Photoshop, y podemos utilizar el efecto “global light” de modo que todos nuestros efectos luminosos sigan la misma dirección.Controlar las fuentes de luz en nuestros diseños (incluso si es un efecto gradiente linear o radial) esto puede ayudar a crear la atmósfera en el diseño de la página.DegradeEn el mundo real, muy pocas cosas tienen un tono plano. La luz y la sombra están en todos lados.Este efecto de luz puede ser de un modo sutil usando gradientes está una genial manera de expresarle profundidad a nuestros diseños y hace que las cosas revivan en la pantalla.La clave con gradientes es no exagerarlos. Si se utiliza Photoshop puede hacer uso de los estilos de capa para sus gradientes, esto le da la libertad para modificarlos en cualquier momento; también significa que si redimensionamos nuestra capa, el gradiente reescala también.ResaltarResaltar puede ayudar a las sombras les proporciona un balance y se deben utilizar en los bordes de los objetos más cercanos a la fuente de luz. Estos efectos son pasado por alto muy a menudo porque cuando es utilizado eficazmente, incluso ni se nota que está allí.Un borde resaltado minúsculo puede hacer la diferencia en el diseño de una plantilla. Un buen truco para agregar bordes resaltados es trabajar en 400% o más, porque en 100% puede ser duro ver lo que se está haciendo claramente.Efecto de Sombra BásicoLas sombras realmente pueden añadir profundidad visual y textura cuando se utiliza de forma correcta. La clave es no exagerar. Las cualidades de una sombra dependen de la dirección de luz y la intensidad, así como la distancia entre el objeto y la superficie donde la sombra es emitida.Efecto de sombra AvanzadoSe puede hacer mucho más que una sombra básica para dar el efecto de una tercera dimensión, las sombras son una gran forma de cambiar la relación espacio entre los objetos de una página.Enlace : http://www.smashingmagazine.com/2009/04/20/5-simple-tricks-to-bring-light-and-shadow-into-your-designs/