Efecto Bokeh en diseño web: 30 excelentes ejemplos y tutoriales

A menos que hayas estado viviendo bajo una piedra durante el último año o algo parecido, no te sonará de nada el termino "bokeh", pero si eres lector de este blog, al publicar varios artículos sobre este efecto, ya estarás al tanto de lo que significa el término bokeh. Para llos despistados solo recordar que es un concepto japonés que significa desenfoque. En fotografía se utiliza este concepto para referirse a la calidad subjetiva de un objetivo por la estética de las zonas desenfocadas que produce en una fotografía. Por lo tanto es un termino que aplica a la fotografía que aparece fuera del área de enfoque en una imagen producida por una lente de una cámara, utilizando una determinada profundidad de campo (poca profundidad de campo). Es un efecto interesante que logra que el fondo quede desenfocado, unos objetivos muestran los objetos desenfocados como manchas circulares, otros lo hacen en otras formas, colores y contrastes. Estas formas como manchas suaves de color que toman los objetos desenfocados es lo que caracteriza el bokeh de un objetivo. Por lo tanto una foto de ese tipo puede emplearse perfectamente para un fondo, por eso me ha gustado mucho el artículo Bokeh Effect in Web Design: 30 Excellent Examples and Tutorials, de SpyreStudios, nos muestra el mencionado efecto en diseño web de fondos de colores brillantes y audaces sobre el sutil blanco y negro. Algunos incluso van tan lejos como para realizar un efecto bokeh animado, que se ve realmente impresionante. Lo que me impresionó es que no son mucho los que emplean estos fondos en el diseños de sitios web que utilizan este efecto. Espero que disfruten de ellos y encontrar algo de inspiración a través de ellos.