5 ideas modernas de fondo de sitios web para 2017
Los fondos blancos y marcados son tan 2016. Es hora de darle a su sitio web una actualización rápida con un tratamiento de fondo nuevo y más moderno.
Si bien todavía hay muchos estilos mínimos, la falta de color no lo es. Los diseñadores optan por los grises y los colores brillantes. Los efectos de fondo también están empujando más límites con una geometría genial, patrones asimétricos y arte abstracto. ¡Hoy nos estamos adentrando en las tendencias de fondo del sitio web moderno, lleno de ejemplos e inspiración!
Explore los recursos de diseño
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 atraer a los usuarios.
Si bien no son un fondo en sí, en la mayoría de los casos, las imágenes de gran tamaño son de fondo en la página de inicio. Las imágenes tienen capas de texto, elementos de navegación y llamadas a la acción (de ahí el uso como fondo).
Lo nuevo de las imágenes de héroes es la superposición de imágenes con elementos geométricos geniales para una imagen más interesante. Desde remolinos hasta rectángulos y elementos que se sienten más táctiles, los diseñadores están agregando formas básicas al diseño.
Lo que hace que esto funcione es usar geometría con un propósito. No puede simplemente dejar algunos hexágonos limpios en una foto y esperar que funcione. Se deben colocar elementos geométricos para ayudar a atraer la atención hacia la parte derecha de la imagen o llevar 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 marcado para alentar este movimiento ocular. Las formas también se pueden usar para ayudar a enfatizar la identidad de la marca, particularmente si las mismas formas están en su logotipo, para crear una conexión más fuerte.
2. Shades of Grey
Cambiar un diseño de estilo minimalista es tan fácil como agregar un poco de gris. En lugar de un fondo blanco y árido, aparecen más sitios web con fondos de color gris pálido con un patrón de diseño completamente mínimo.
Lo mejor de los fondos grises es que el color puede ser rico y cálido o más fresco. Los matices pueden combinar los colores de la marca o las imágenes circundantes. O bien, elija un gris pálido a base de negro para obtener un tono que sea casi plano.
Cualquiera que sea la variación de gris que elija, recuerde que los elementos a su alrededor ayudarán a dar forma a cómo se siente el color para los usuarios. Se ve 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 cartera de S. Dallyn.
3. Capas de color brillante
Así como las formas geométricas se pueden usar para crear fondos en capas, los bloques de color pueden tener el mismo efecto. Las opciones de colores brillantes son una opción de fondo audaz e interesante.
Estos fondos coloreados pueden servir para múltiples propósitos, desde atraer a los 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 impactado el diseño recientemente. Muchos de los colores y capas tienen una sensación de diseño de materiales (o algo de arrastre de estilos de diseño plano). Esta fusión y cambio de tendencias es una evolución natural y 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 no todo sea tan simétrico).
Un fondo no tiene que tener racimos de pequeños elementos o patrones que se alineen perfectamente. No tiene que ser un color sólido o una imagen.
Puede ser una combinación de estos elementos, posicionados de manera de crear un equilibrio perfecto que no se puede cortar por la mitad. 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 que muestra 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 desplazamiento sutil 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 combina, piense en el fondo en términos de equilibrio, pero no en el cortador de galletas. Probar algo diferente. La asimetría a menudo es audaz, sorprendente y visualmente interesante (especialmente con tantas opciones perfectamente simétricas disponibles).
5. Arte abstracto
¿No tienes una gran idea de fondo? Prueba algo abstracto. Combina colores, formas y colores para crear una imagen divertida que podría no parecerse 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, los usuarios podrían no tener ninguna razón para quedarse.
Dales algo ordenado para mirar. Combínalo con un texto irresistible que los haga querer participar en el diseño. Atrévete a ser audaz, diferente e interesante.
Conclusión
¿El diseño de su sitio web tiene un estilo de fondo antiguo, obsoleto 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 pueda estar fuera de su nivel de comodidad.
