5 ideas de fondo de sitio web moderno para 2017

Los fondos blancos y rígidos son tan buenos para el 2016. Es hora de darle a su sitio web una actualización rápida con un tratamiento de fondo nuevo y más moderno.

Mientras que muchos estilos mínimos todavía están en, la falta de color no lo es. Los diseñadores están optando por los grises y colores brillantes en su lugar. Los efectos de fondo también están empujando más límites con geometría fresca, patrones asimétricos y arte abstracto. ¡Hoy estamos ahondando en las tendencias modernas de fondo de sitios web, llenas de ejemplos e inspiración!

1. Geometría en Fotos

Las imágenes e ilustraciones de héroes siguen siendo uno de los estilos de diseño de fondo más populares. Las imágenes grandes son atractivas y son una buena forma de dibujar usuarios.

Si bien no son un fondo en sí, en la mayoría de los casos, las imágenes de ancho completo son el telón de fondo en la página de inicio. Las imágenes se superponen con texto, elementos de navegación y llamadas a la acción (de ahí su uso como fondo).

Las novedades de las imágenes de héroes son las imágenes en capas con elementos geométricos geniales para una visualización más interesante. Desde remolinos a rectángulos hasta elementos que se sienten más táctiles, los diseñadores están agregando formas básicas al diseño.

Lo que hace este trabajo es usar la geometría con un propósito. No puedes simplemente dejar algunos hexágonos ordenados en una foto y esperar que funcione. Los elementos geométricos deben colocarse para ayudar a atraer la atención hacia la parte derecha de la imagen o para guiar a los usuarios a una acción específica. La geometría puede agregar un toque de color en un diseño oscuro o más rígido para estimular este movimiento del ojo. Las formas también se pueden usar para enfatizar la identidad de marca, especialmente si las mismas formas están en su logotipo, para crear una conexión más fuerte.

2. Sombras de gris

Cambiar un diseño minimalista es tan fácil como agregar un poco de gris. En lugar de un fondo estéril y blanco, aparecen más sitios web con fondos de color gris pálido con un patrón de diseño completamente minimalista.

Lo bueno de los fondos grises es que el color puede ser rico y cálido o más frío. Los tonos de fondo pueden coincidir con los colores de la marca o las imágenes circundantes. O, ve con un gris pálido basado en negro para un tono que es casi plano.

Cualquiera que sea la variación de gris que elija, recuerde que los elementos que la rodean ayudarán a dar forma al color que los usuarios sienten. Parece bastante suave, por ejemplo, en el sitio de Paul Valentine cuando se combina con un rosa pastel, pero mucho más moderno en el sitio de portafolio de S. Dallyn.

3. Capas de color brillante

Al igual que las formas geométricas se pueden usar para crear fondos en capas, los bloques de colores pueden tener el mismo efecto. Las opciones de colores brillantes son una opción de fondo audaz e interesante.

Estos fondos de colores pueden servir para múltiples propósitos, desde dibujar usuarios al diseño hasta agregar interés visual a un espacio que puede carecer de imágenes u otros elementos visuales.

La base de esta tendencia está enraizada en otras tendencias de color que han tenido un gran impacto en el diseño recientemente. Muchos de los colores y capas tienen una sensación de Diseño de Material (o algo de los estilos de diseño plano). Esta fusión y cambio de tendencias es una evolución natural y es fácil de incorporar porque puede ser más un ajuste a un sitio web existente que una revisión completa.

4. asimetría

¡Sal de la red! (O al menos ajústelo para que todo no sea tan simétrico).

Un fondo no tiene que tener un montón de pequeños elementos o patrones que se alinean perfectamente. No tiene que ser un color sólido o una imagen.

Puede ser una combinación de estos elementos, posicionados de manera que se pueda crear un equilibrio perfecto que no se pueda cortar en el centro. Las opciones pueden incluir una imagen de héroe que no ocupa todo el ancho de la pantalla con más espacio en blanco en un lado que en el otro, de la manera mostrada por Nap Luxury Guesthouse. Puede parecer un CMMNTY, donde los elementos de texto y el espacio en blanco tienen contrapesos iguales para un efecto que casi obliga a los usuarios a mirar las letras. Puede ser el sutil desplazamiento de una imagen de producto de gran tamaño con texto y una llamada a la acción, como un jarrón.

Sin embargo, el diseño se une, piense en el fondo en términos de equilibrio, pero no en un cortador de galletas. Intentar algo diferente. La asimetría es a menudo audaz, sorprendente y visualmente interesante (especialmente con tantas opciones perfectamente simétricas).

5. Arte abstracto

¿No tienes una gran idea de fondo? Intenta algo abstracto. Combina colores, formas y swashes para obtener una imagen visual divertida que puede que no se parezca a nada.

Cuando se trata de diseñar su sitio web, necesita un diferenciador visual para que cuando los usuarios visiten el sitio web haya algo interesante que les llame la atención. Si el diseño se parece a todo lo demás, es posible que los usuarios no tengan ninguna razón para quedarse.

Dales algo limpio para mirar. Combínalo con texto irresistible que haga que quieran participar en el diseño. Atrévete a ser audaz, diferente e interesante.

Conclusión

¿Su diseño de sitio web sufre de un estilo de fondo antiguo, desactualizado o usado en exceso? (Está bien admitirlo; nos sucede a todos en algún momento).

Ahora es el momento de actualizar el diseño con un estilo de fondo más moderno. Use los ejemplos anteriores como inspiración para probar algo diferente y crear algo que incluso podría estar fuera de su nivel de comodidad.