Poly Shapes: una nueva tendencia de diseño que amamos
Hay una nueva forma favorita en el diseño en estos días: el polígono. Estas cariñosamente llamadas "formas polivinílicas" están apareciendo en sitios web, carteles y en proyectos impresos. Y una de las mejores partes de esta tendencia versátil es que cada uno de estos diseños es muy diferente.
Los polígonos son formas que se definen en geometría elemental como una "figura en planta que está limitada por una cadena finita de segmentos de línea recta en un bucle para formar una cadena poligonal cerrada". Las formas pueden tener cualquier número de lados u orientación, pueden estar rellenas o huecas y pueden tener trazados y trazos que se crucen. Los polígonos son típicamente formas bidimensionales planas, aunque en los proyectos de sitios web algunos polígonos animan el movimiento y parecen tener más características tridimensionales.
Los polígonos son una técnica divertida para nuevos proyectos o pueden dar nueva vida a un diseño que se siente un poco rancio. Aquí hay algunos proyectos con formas polivinílicas para ayudar a impulsar su próxima sesión de lluvia de ideas.
Crear un fondo en negrita
Las formas polivinílicas pueden ser una gran herramienta de diseño cuando estás atrapado con imágenes mediocres. La forma puede agregar un factor sorpresa instantáneo al diseño con pilas y orientaciones interesantes. Y trabajan solos o combinados con imágenes y texto.
Los dos ejemplos anteriores muestran formas polivinílicas en diferentes formatos pero con el mismo resultado: un contorno visualmente intrigante. Las formas pueden ayudar a agregar profundidad, proporcionar la noción de movimiento e incluso señales direccionales para los usuarios.
Como beneficio adicional para los diseñadores, los polígonos no son difíciles de crear y se pueden incorporar en cualquier estilo y casi cualquier paleta de colores o tipografías. (Una de las opciones más populares es agregar gradientes sutiles a las formas polivinílicas para quitar parte del borde duro y plano en 2D). se perfila o encaja perfectamente con diseños ocupados y más pesados.
Hacer iconos o divots interesantes
Use formas polivinílicas para un nuevo giro en los elementos de la interfaz de usuario, como iconos o divisiones de navegación. No hay reglas para el tamaño de los polígonos en el diseño e incluso las piezas de conexión súper pequeñas pueden ser un elemento único divertido. Conectar formas y líneas también puede generar interesantes combinaciones de profundidad y color que ayudan a dibujar el ojo.
Chop Chop Agency utiliza un polígono de color amarillo para crear una flecha que dirige a los usuarios directamente al navegador principal. (Además, la animación de carga de todas las piezas que aparecen en su lugar es bastante clara.) El ícono amarillo brillante en el esquema de diseño minimalista llama la atención y agrega un elemento visual fácil sin saturar la pantalla. Como una ventaja adicional, los polígonos individuales cambian a otras formas a medida que te desplazas por el sitio web.
Los polígonos son interesantes y familiares para los usuarios. Las formas de conexión son algo que la mayoría de las personas e identifican visualmente y entienden de un vistazo, independientemente del tamaño. El uso de formas polivinílicas para elementos pequeños de la interfaz de usuario es una manera simple de hacer algo un poco diferente del círculo o cuadrado estándar con el mismo efecto general y conducir al mismo resultado.
Mostrar a los usuarios algo
Las formas polivinílicas pueden ser una gran herramienta cuando se trata de proporcionar una explicación de cómo funciona algo. Debido a las raíces en matemáticas y geometría, los polígonos se pueden usar para ayudar a proporcionar mapeo, instrucciones e información adicional para ayudar a los usuarios a comprender algo. En proyectos de diseño, esto a menudo se ve como contornos polivinílicos encima de otra imagen.
Tanto Ditto como Choudhary Lab usan formas polivinílicas de esta manera, aunque los usos son algo diferentes. Ditto utiliza formas polivinílicas de una manera muy literal para mostrar cómo funciona su herramienta de medición de gafas. Las formas polivinílicas comunican cómo funcionan las medidas y las herramientas de reconocimiento de forma de la cara. Choudhary utiliza formas polivinílicas para comunicar más de lo que hace la empresa, lo que demuestra que es un sitio web de base científica con el uso de iconos animados con forma polivinílica.
Lo común es que ambos ejemplos usan contornos de formas polivinílicas para ayudar a explicar mejor el contenido a los usuarios. Ambos ejemplos usan cierto grado de animación para ayudar con esta comprensión también. Los efectos animados son muy agradables y aparentemente dan vida a las superposiciones y contribuyen a la experiencia general del usuario.
Emparejar con color
Las formas polivinílicas son un ajuste natural cuando desea crear un diseño con alto color. Desde un esquema general de colores brillantes hasta acentos que resaltan, los polígonos y el color parecen ser una combinación perfecta.
Y las oportunidades de combinación de colores son bastante infinitas. Pruebe algunas de estas ideas:
- Paleta de colores del arco iris polígonos
- Formas de polietileno en blanco o negro sobre fondo brillante, como Creamfields, arriba
- Polígonos con gradientes
- Polígonos como un acento de color, como Bailey y French, arriba
- Formas de polietileno con rellenos o como contornos
Crea un acento
Algunos de los mejores usos de las formas polivinílicas pueden ser los más pequeños. Si bien algunos de los ejemplos anteriores señalan el uso de formas polivinílicas para iconos o elementos de interfaz de usuario, también pueden ser efectivos para los acentos más pequeños. Considere una forma basada en polietileno para un tratamiento de logotipo pequeño para agregar énfasis a su nombre en un sitio de cartera o vaya en grande con un acento de estilo polivinílico para ayudar a atraer a los usuarios a un diseño.
Los ejemplos anteriores muestran ambas instancias de acentos en forma de poli. Grande o pequeño, el concepto llama la atención. Lo que es aún mejor es que este es un uso que puede agregar a un diseño existente sin una revisión a gran escala. La técnica de diseño simple puede agregar una sensación moderna a un patrón estético que comienza a sentirse rancio y ayuda a proporcionar una pizca de tendencia sin mucho gasto o compromiso de tiempo.
Conclusión
Las formas polivinílicas son una tendencia divertida que es bastante fácil de implementar en una variedad de proyectos de diseño. Funcionan para una serie de aplicaciones, desde un elemento visual puro hasta una herramienta informativa o direccional.
Además, los polígonos son un elemento que casi todos entienden. Las formas son algunos de los bloques de construcción más básicos en diseño. Las formas polivinílicas agregan un poco más de interés visual porque son los rectángulos y círculos de uso común que aparecen en la mayoría de los proyectos de diseño. Los polígonos son formas de concepto abierto con las que puedes divertirte mucho. (Soy un gran admirador de esta técnica en este momento, así que si tienes un proyecto polivinílico, comparte un enlace conmigo en Twitter).