Escaparate: texturas en diseño web
Los fondos texturizados en el diseño del sitio web son comunes, especialmente en diseños grunge. Pero también se utilizan en una variedad de otros estilos de diseño.
Las texturas pueden agregar interés visual a un diseño que de otro modo sería minimalista, o pueden agregar ese detalle adicional que realmente hace que el diseño salte.
Las texturas de papel son con mucho las más comunes, pero otras texturas vistas regularmente incluyen piedra, hormigón, óxido y tela. Y tampoco se utilizan solo para fondos. Algunos sitios incorporan texturas en cada aspecto de su diseño, mientras que otros simplemente los usan para acentos.
A continuación hay más de treinta excelentes diseños de sitios web que hacen uso de texturas. Siéntase libre de compartir sus favoritos, ya sea que aparezcan aquí o no, en los comentarios ...
Kohette WebDesign
Un fondo con textura de piedra se distingue por un sutil colorido en el encabezado. La textura se repite en todo el fondo.
Abrazos para monstruos
Hugs for Monsters utiliza una textura de piedra audaz en todo el fondo de su sitio. Incorporarlo en el encabezado agrega una sensación de cohesión al sitio.
Festival de música de Forest Edge
El sitio Forest Edge Music Festival es un llamativo y colorido diseño grunge, con múltiples texturas utilizadas en todas partes. Una textura de cartón es la más destacada, aunque también hay texturas de papel más sutiles.
IR Mamut
La textura de papel sucio en el fondo se repite en otros elementos de la página, incluido el menú de navegación. Agrega interés visual a lo que de otra manera sería muy moderno estéticamente.
Pigeon & Pigeonette
Las texturas pesadas usadas aquí casi se parecen a una pared pintada de esponja. El uso intensivo de texturas como esta se debe hacer con precaución para no saturar el contenido. Aquí funciona porque el contenido es muy mínimo.
Benestar
El sitio web de Benestar utiliza una combinación de texturas de papel, tela y madera, junto con una variedad de patrones sutiles. Crea un diseño muy rico y multicapa.
Marie Catribs
Repetir texturas similares en un sitio, como se hace aquí con texturas de papel hechas a mano en varios colores. Los elementos dibujados a mano acentúan aún más la textura del papel.
Crush + Lovely
Las texturas sutiles como las utilizadas aquí pueden tener un efecto muy rico en un diseño de sitio minimalista. Mezclar texturas manteniendo un esquema de color monocromático mejora ese efecto.
Pensar. Hacer. Crear.
Las texturas no tienen que usarse en todo el sitio para tener un impacto. Aquí, las texturas de papel solo se usan en el encabezado y la barra lateral, dejando la mayor parte del fondo en blanco.
Impresión usable
Cuando las texturas sutiles se combinan con patrones sutiles, el resultado final es refinado y elegante, con ese algo extra que hace que un diseño se destaque.
Conexión costera
Una textura de papel grueso, como la que se usa aquí, hace una gran diferencia en la estética de un sitio. Sin la textura, este sería un sitio muy minimalista.
La rivalidad entre hermanos
Otro ejemplo de un sitio de estilo grunge que hace un uso intensivo de texturas de papel.
Lo que hace Katie
Lo que hace Katie es otro sitio que combina una textura de papel sutil con un patrón repetitivo (tanto en el fondo como en el encabezado). Otros elementos de diseño hacen eco del motivo del papel.
El Hipstery
The Hipstery utiliza un fondo de textura de papel detrás de su contenido principal, así como detrás del patrón de fondo. Se agrega a la sensación vintage del sitio.
Doublenaut
Este fondo combina un patrón y una textura, en la forma de lo que parece papel de gráfico desgastado. Agrega un interés extra a un sitio que de otra manera es muy minimalista.
Digital Podge 2009
Otro sitio que usa una textura de papel para su fondo. Sutil pero efectivo.
Infinitum
Un fondo claro con textura de piedra es lo suficientemente sutil como para usarse directamente detrás del texto. Tenga cuidado con el uso de texturas más audaces de esa manera, sin embargo.
TipoFaces
Otro fondo con textura de papel cuadriculado que es lo suficientemente sutil como para tener el tipo colocado directamente encima de él.
Ducado de Cornwall Nursery
El uso de diferentes tonos de color en la misma textura de fondo agrega profundidad e interés a un diseño.
Personajes cuestionables
El fondo con textura de hormigón aquí agrega un montón de interés visual y es un poco inesperado teniendo en cuenta que el resto del sitio utiliza elementos con temas de papel.
Servicio de guía de Sky
Aquí hay un sitio que utiliza una serie de texturas, incluyendo grano de madera y papel. Han agregado elementos como grapas y manchas de agua para acentuar aún más las texturas.
Pintor Bermon
Un fondo de papel ligeramente diferente, con manchas de agua y meteorización. Es sutil pero agrega mucho valor estético.
Paul Bennett
Otro sitio que utiliza una textura de papel sutil para el fondo con texto colocado directamente en la parte superior.
Matthew y Sara se casarán
El fondo de estilo de fondo de pantalla con textura aquí es algo un poco diferente de lo que normalmente se ve. Es una especie de combinación de textura y patrón, y funciona de manera brillante.
La sala de espera
Los sitios de estilo vintage ganan mucho al usar papel desgastado y de aspecto antiguo como fondo.
Christopher Calicott
Otro fondo con textura que también agrega un poco de un patrón en forma de cuadrados sutiles. La transparencia en el área de contenido principal resalta aún más la textura.
Desarrollo del diseño y la búsqueda de la felicidad
Otro ejemplo fantástico de un fondo con textura de papel, esta vez con un tono más gris que muchos de los que se ven arriba.
Fotografía Amy Herndon
El fondo aquí es una textura de lona monocromática. Se agrega al aspecto natural del sitio y tiene una sensación muy orgánica.
Rhett Canipe
El sitio de Rhett Canipe utiliza una variedad de texturas para una apariencia grunge. Mezclar los efectos de acuarela con texturas lo convierte en un diseño mucho más rico.
Diseños Fiore
Fiore Designs incorpora una variedad de texturas: el fondo es un lino sucio y las texturas de papel se utilizan a lo largo de los principales elementos de diseño. Es un resultado muy interesante visualmente que se siente muy elegante y exclusivo.
Cada vez que muero
La textura de piedra más audaz utilizada en todo el sitio Cada vez que muero se suma al aspecto general del grunge. Las texturas más fuertes como esta deben usarse con precaución, ya que pueden ser abrumadoras si no se incorporan adecuadamente. Aquí, los colores y gráficos llamativos lo compensan.
Estudio de Internet de Evan Stein
Una textura de papel sucio y en capas en el fondo es otro ejemplo de una textura fuerte. El esquema de color simple aquí, sin embargo, evita que sea abrumador.
InkByte
El sitio de InkByte utiliza una textura de papel manchado para su fondo, que se ve muy bien sin abrumar el contenido.
Kathryn Thurman
Una variedad de texturas de papel y cartón en todo el diseño de este sitio le dan un toque vintage y sucio al diseño.
Francesco Molezzi Diseño y Multimedia
Otro fondo sutil con textura de papel, que hace que todo el sitio parezca más retro, a pesar de que solo hay un gráfico realmente retro en la página. Observe también que otras texturas están sutilmente incorporadas, incluyendo una textura de mezclilla en el encabezado y más papel en la navegación superior.
Escrito exclusivamente para WDD por Cameron Chapman .
¿Tiene sus propios diseños de sitios web favoritos que utilizan bien las texturas, o tal vez algunos tutoriales que hablan sobre el buen uso de las texturas? Por favor, compártalos en los comentarios a continuación!