software1

Explorando la belleza y el poder de los fondos volumétricos en diseño web


Un ingenioso producto de la creatividad del diseñador y notables habilidades de desarrollo, las animaciones generadas digitalmente han liderado el espectáculo durante varios años seguidos. ¿Recuerdas todas las escenas que se pueden explorar en diferentes dimensiones? Bueno, parece que la corriente principal no se está desacelerando o desvaneciendo. Los fondos volumétricos prueban esto. Es una nueva ola que es realmente inspiradora y cada vez más técnica.

Típicamente, tales animaciones se utilizan para tomar las posiciones de liderazgo en las interfaces web. Sin embargo, este no es uno de estos casos. En este enfoque, se trasladaron a un segundo plano y dejaron paso a otros elementos integrales de la interfaz de usuario, como el eslogan, la navegación o el logotipo.

Esto puede parecer ilógico e indudablemente valiente. Sin embargo, tiene sus propios méritos. Igual al contenido, las animaciones 3D pueden proporcionar un diseño equilibrado y una experiencia armoniosa.

The Web Designer Toolbox

Descargas ilimitadas: más de 1,000,000 de plantillas web, temas, complementos, elementos de diseño y mucho más.

Art and Science es el sitio web oficial de la compañía de diseño de marca con sede en Japón. Como muestra la práctica, un sitio web que se origina en la Tierra del Sol Naciente se distingue de la competencia por su increíble carisma, diseño complejo, características excepcionales y, por supuesto, amor por todo lo avanzado. Esto no es una excepción.

Aquí, una hermosa esfera poligonal que gira alrededor de su eje marca el área heroica. Aunque es increíblemente grande, tiene un color púrpura brillante y ocupa casi la mitad de la pantalla, el eslogan de la izquierda sigue siendo imprescindible para nosotros. El equipo ha logrado lograr un equilibrio perfecto entre el fondo volumétrico y el contenido.

Además, el sitio estaba lleno de detalles modernos como subtítulo vertical líneas finas y navegación de esquina . Esto muestra que no todo se basa en el fondo volumétrico y global.

 Ejemplo de arte y ciencia

Deca Digital es otro ejemplo fantástico que aprovecha esta tendencia. A diferencia de su predecesor, el equipo convence al público con una hermosa estética oscura, en la que el negro especifica fácil y fácilmente un tono refinado. Aquí puedes ver otra forma 3D.

Esta vez es una pirámide, aunque no la habitual. Está hecho de superficies vítreas y brillantes, que están sazonadas con partículas. Similar a la esfera poligonal en el arte y la ciencia, también está cargada de movimiento.

Observe nuevamente que el eslogan de la izquierda está en marcado contraste con el fondo animado. El equipo ha logrado esto gracias a dos cosas. En primer lugar, han utilizado algunos trucos probados en el diseño, como: Por ejemplo, el color blanco y negro, una generosa cantidad de espacio y, por supuesto, una posición del lado izquierdo, que es un punto de partida natural para el lector. En segundo lugar, utilizaron facetas transparentes para la pirámide, reduciendo así su peso visual.

 Ejemplo de Deca Digital

Similar a Deca Digital, Revolve Studio tiene una hermosa estética oscura. El fondo muestra un globo poligonal morphing y una montaña generada digitalmente. Gracias a los tonos de escritura gris y blanco, estos dos objetos 3D, sin embargo, juegan un papel puramente decorativo y permanecen como un elemento de soporte.

Revolve Studio nos muestra cómo podemos lograr el compromiso entre el fondo volumétrico y el contenido utilizando objetos 3D que se pierden en contraste con los elementos de primer plano.

 Ejemplo de Revolve Studio

Unshift es otro ejemplo en el que la apariencia transparente del fondo hace que la animación 3D sea menos gruesa y desordenada. Una vez más, el equipo confía en un color blanco y negro tradicional, conocido por su capacidad de crear el contraste perfecto entre las partes.

A pesar de estar sentado en el corazón de la pantalla y moverse en diferentes direcciones, el cubo 3D no atrae toda la atención. El logotipo y la navegación se destacan ligeramente de la corriente y llaman la atención desde el principio.

 Ejemplo de Unshift

¿Piensa? El festival utiliza fondos volumétricos en toda la página de título. La sección de héroe muestra una animación que muestra una combinación de paralelogramos de varios tamaños que se extienden de arriba a abajo. El resto de la página está llena de bocetos de polígonos 3D.

De esta manera, el equipo agrega diversidad al diseño y al mismo tiempo une todo para crear consistencia en las secciones.

 Ejemplo de Think? Festival

Hay algunos otros ejemplos fantásticos, por ejemplo Prior Holdings y Encry.

El primer ejemplo tiene una estética elegante con colores neutros y una tonelada de espacios en blanco que crean una sensación de hecho. Sin embargo, el sitio web no parece soso o trivial debido a la inteligente solución de fondo.

Tiene una larga cinta 3D que acompaña a los visitantes en su camino a través del proyecto. Ayuda a crear una experiencia continua y a crear el estado de ánimo adecuado. Aunque la racha juega un papel importante en el fondo, el contenido sigue siendo una estrella del espectáculo.

 Ejemplo de inventario anterior

El equipo detrás de Encry demuestra que eres tú No tienes que cruzar los límites para crear algo digno de mención. Una pequeña animación 3D en el fondo puede ser más que suficiente para hacer una declaración.

En su caso, el fondo es un lienzo blanco simple con un pequeño cubo inspirado en Minecraft. Sirve como una herramienta para apoyar el tema y la idea detrás del sitio web. Simboliza perfectamente la tecnología blockchain y le da al área de héroes un toque moderno.

 Ejemplo de Encry

La ​​tendencia no solo se puede utilizar como parte decorativa del fondo. sino también como parte de la identidad de la marca. Echa un vistazo a Akufen.

El sitio web destaca entre la multitud por su apariencia sofisticada y de alta calidad. Tiene un factor sorpresa que convence a la audiencia en línea desde el primer segundo. Aquí el fondo volumétrico subyace al logotipo. Tenga en cuenta que no solo se sigue moviendo todo el tiempo, sino que también se puede jugar un poco con él. Simplemente excelente

 Ejemplo de agudos

Volumen perfecto

Aunque las escenas volumétricas son el foco del reino heroico funcionan perfectamente como bailarines de respaldo. Dado que la audiencia en línea está mimada con soluciones extravagantes, ideas complejas y experiencia de usuario interactiva, este enfoque es bienvenido.

Los usuarios están dispuestos a considerar la animación 3D como un elemento de apoyo que mejora la impresión general y al mismo tiempo. Por lo tanto, si desea agregar algo grande y sustancial y aún así considerar el contenido como el rey, no dude en poner el contenido en su lugar El sol toma.

Los ejemplos anteriores muestran cómo se hace esto en la práctica. Obtenga algunos puntos válidos de ellos y haga realidad su idea.



Control de obras 3000 de Cea Ordenadores

Comentarios desactivados en Explorando la belleza y el poder de los fondos volumétricos en diseño web