La tendencia de diseño de usar triángulos en el diseño web

Publicado: 2020-04-23

Quizás te preguntes: “¿Qué pueden tener de especiales los triángulos? Es simplemente una forma geométrica simple y primitiva. Ni siquiera un círculo o un cuadrado que tenga un toque de perfeccionismo”. Y tienes toda la razón (al principio). No hay nada especial al respecto.

Sin embargo, es el primer polígono. Consta de un número divino de lados y ángulos: Tres. Y es bastante raro en la vida real ya que nos rodean cuadrados y rectángulos. Solo mire bien a su alrededor: paredes, ventanas, puertas, televisores, teléfonos móviles e incluso las teclas de su teclado: todo es cúbico o paralelepípedo.

Por eso los triángulos son tan especiales. Siempre llaman la atención. Solo recuerda el edificio Flatiron: es absolutamente increíble. En el mundo real, es un desafío encontrar la implementación adecuada para esta forma. Pero en las extensiones en línea nada es imposible, especialmente cuando se trata de diseño web.


Globos y esferas interactivos y estáticos pueblan muchos proyectos en estos días, jugando muy bien con las soluciones modernas de alta gama. El uso de triángulos como decoración en esta cadena de eventos tiene sentido. Es simplemente un resultado natural. Y, para ser honesto, ha hecho un debut bastante notable.

Colectivo Cap Gun

Desde hace varios años, las formas geométricas emocionan las mentes de los diseñadores. La geometría es tendencia, eso seguro. Fuimos testigos de un aumento de plazas no hace mucho tiempo. No solo las pantallas divididas todavía están aquí, sino que también se renovaron. Solo considere Cap Gun Collective. Su equipo se alejó de las pantallas divididas tal como las conocemos y ofreció una visión radicalmente nueva. Implica dividir una pantalla en dos mitades utilizando una diagonal, lo que da como resultado dos formas triangulares distintivas. Se trata de una solución original que sirve como decoración y, al mismo tiempo, como herramienta para delimitar visualmente los mensajes.

Colectivo Cap Gun

Huru

En primer lugar, cuando se trata de la utilización de triángulos como decoración, esperamos que se utilicen como parte de un séquito. Por ejemplo, considere el caso de Huru. Un triángulo rectángulo clásico con líneas ultrafinas y mucho aire fresco en el interior, banal, ¿no? No esta vez. Aquí, el triángulo es una parte integral de la estética que combina perfectamente con los demás detalles decorativos. Agrega una capa adicional a la interfaz y contribuye a la simetría, reflejando las letras de la izquierda. En algún momento, incluso nos recuerda que una mochila que se anuncia aquí, por no hablar de apoyar toda la ideología de la simplicidad y la ligereza que llena todo el proyecto.

Huru

Bild Werk / Cworks

Los otros dos usos triviales se presentan en la pantalla de inicio de Bild Werk y Cworks. El equipo del estudio interdisciplinario con sede en Viena nos recuerda que los triángulos se pueden usar como ilustración principal para enriquecer el área del héroe. Su triángulo es más complicado que el del ejemplo anterior. Y es incluso tridimensional. Note cómo el triángulo equilibra la parte textual. Sí, llama la atención. Pero gracias a un estilo de líneas frágiles y mucho espacio en blanco, eso da como resultado una sensación de ligereza. Además, no solo retrata la multidisciplina inherente al estudio sino también la creatividad con cierta calidad de ingeniería.

Obra de arte

En cuanto a Cworks, su equipo creativo aprovecha el triángulo como parte de un fondo. Se destaca en contraste con el lienzo naranja monocromático general, llamando naturalmente la atención hacia la parte central de la pantalla. Por un lado, es una característica lúdica que le da un toque de entusiasmo al diseño. Por otro lado, es un punto focal discreto. El equipo mata dos pájaros de un tiro.

Cworks

Takeshi Oid / Consultoría Detaen

Llevemos las soluciones anteriores al siguiente nivel y hagámoslas más intrigantes y cautivadoras. Considere la cartera personal de Takeshi Oid y Detaen Consulting, correspondientemente.

La portada del portafolio personal de Takeshi Oid está marcada por un tipo de ilustración moderna que tiene una especie de espíritu abstraccionista. Un triángulo plano da la bienvenida a los visitantes en línea como cargador. Luego se convierte en una pirámide y ocupa el centro del escenario. Como era de esperar, todo se pone en marcha; y gracias al efecto de paralaje, el área del héroe se siente tridimensional.

Takeshi Oid

Al igual que en el ejemplo anterior, el efecto de paralaje se encuentra en el corazón de la solución. El equipo detrás de Detaen Consulting combina dos técnicas populares: enmascaramiento y paralaje, lo que da como resultado un resultado fantástico. Es sencillo y a la vez original.

Detaen Consultoría

Aluxe / Reach Digital / Bonnefooi Roosendaal

Como mencionamos anteriormente, los triángulos se pueden usar como elemento decorativo de un fondo. Considere Aluxe, Reach Digital y Bonnefooi Roosendaal. Los dos primeros muestran una versión interesante de una pantalla dividida, donde uno de los lados se divide en dos partes usando triángulos. En ambos casos, cada triángulo tiene un color sólido que contrasta con el otro. En el primer ejemplo, el eslogan está ubicado en el centro de la pantalla, lo que hace que los triángulos y la imagen sean casi iguales. En este último caso, los triángulos sirven como telón de fondo para el eslogan, lo que le da al texto un enfoque adicional.

lujo

alcance digital

En el caso de Bonnefooi Roosendaal, un triángulo sirve como base sólida para el logotipo y el menú, estableciendo el estado de ánimo y la dirección de estos elementos. Separa todo del fondo de la imagen y enriquece la estética general. Como resultado, el encabezado superior adquiere un toque artístico donde la forma del triángulo desempeña su papel fundamental.

Bonnefooi Roosendaal

Círculo Squarespace

Por último, pero no menos importante, Circle Squarespace. Aunque aquí no hay triángulos obvios, si observa más de cerca, notará que el área del héroe presenta una composición de papelería en forma de triángulo. No solo es un buen truco que agrega un toque de creatividad, sino que también el ángulo de la composición parece una flecha que apunta discretamente hacia el eslogan.

Círculo Squarespace

He aquí el poder del triángulo

Hemos visto todo tipo de tendencias en las interfaces web. Algunos de ellos van y vienen; otros se quedan y se convierten en los clásicos. El uso de formas geométricas es una de esas tendencias que tiene su propio motor.

Después de todo, el esqueleto de cualquier interfaz es una mezcla bien pensada de bloques geométricos que, en algunos casos, no se pueden ver a simple vista. Otros, por el contrario, están expuestos al público. Al igual que los círculos y los rectángulos, los triángulos se combinan muy bien con la estructura cuadrada de los diseños de sitios web. Tienen ese cierto encanto que les permite destacarse y agregar un toque de particularidad a la impresión general.