Patrones de diseño: la mayor tendencia web de 2015 hasta ahora
2015 ha heredado muchas tendencias de años anteriores, ha habido una evolución constante de ideas, por ejemplo, diseño plano en diseño de materiales, pero nada tan revolucionario como el diseño receptivo.
Sin embargo, estamos comenzando a ver tendencias que se sienten frescas, ya sea a través de nuevos tratamientos o porque son formas genuinamente nuevas de abordar viejos problemas. El más extendido de estos hasta ahora ha sido el uso de patrones en el diseño web.
Los patrones sirven para una variedad de propósitos, desde comunicar el valor de una marca, hasta agregar movimiento a una interfaz, hasta dar vida a los simples bloques de color que favorece el diseño plano. Y el uso de patrones, aunque no se puede categorizar científicamente, cae en una de cinco categorías amplias e interrelacionadas …
Patrones generativos
La combinación de diseño y código que conforma la Web ha significado que siempre será un entorno fértil para el arte generativo y los diseñadores que trabajan con las matemáticas. Desde los primeros días de la Web, los diseñadores estaban experimentando con sistemas de partículas, pero en los últimos meses hemos visto un énfasis cada vez mayor en las partículas que existen dentro de un patrón más formal. Estos patrones geométricos son una evolución natural de la forma, gracias al hecho de que depende en gran medida de las unidades de diseño y los bucles de código.
Lo que es realmente nuevo es que, en 2015, vemos cada vez más empresas que adoptan este tipo de patrones como un elemento integral de su marca.
Patrones de datos
La preocupación constante de las empresas por el concepto de big data se visualiza cada vez más como patrones, a pesar del hecho de que es muy poco probable que el big data produzca un patrón similar a una cáscara. Esta idea de formas matemáticas simples que se encuentran entre datos complejos está indisolublemente ligada a la idea de conocimiento, poder e intuición. A las empresas que quieren parecer que tienen una comprensión única de un concepto abstracto les gusta emplear la metáfora.
Esto, junto con el crecimiento de SaaS (Software as a Service) cuando las empresas venden no un producto sino un concepto abstracto, ha llevado a una serie de sitios con el tipo de patrón que un niño con un Espirógrafo estaría orgulloso.
Patrones artesanales
2015 ha sido considerado durante algún tiempo como el año en que las artesanías analógicas regresan a las carteras de diseño, y los patrones están desempeñando un papel importante en eso.
Ya sean patrones geométricos o más orgánicos, que rompen el molde digital enfatizan una habilidad artesanal y hablan de la autenticidad del diseño. La clave de este tipo de patrón es la variación en la repetición, que agrega un elemento cálido y humano al diseño.
Patrones de animación
Los patrones no se repiten simplemente visualmente. Durante años, los diseñadores han estado colocando GIF animados en bucle para crear un patrón repetitivo a lo largo del tiempo. Esta técnica se usa cada vez más junto con SVG para producir animaciones épicas y atractivas que aún son prácticas en una conexión móvil.
La repetición de este tipo de patrón varía, desde un fondo en bucle hasta una serie de animaciones que se ejecutan juntas a diferentes velocidades para crear un patrón de movimiento que cambia infinitamente. En 2015, a medida que los dispositivos móviles continúan creciendo, los SVG en bucle proporcionan una forma práctica de animar una animación sin comprometer la velocidad.
Patrones de cuadrícula
Los patrones siempre han sido una parte integral del diseño web, como lo demuestra el hecho de que podíamos colocar un fondo en CSS antes de poder colocar un elemento.
En el último año, comenzamos a ver a los diseñadores jugando con patrones tradicionales, y especialmente con la cuadrícula, para animar los diseños. Los elementos se colocan fuera de una cuadrícula formal, pero siguen el mismo patrón de repetición. o la propia cuadrícula está resaltada con el bloqueo de color preferido por los aficionados al diseño plano.
