brutalismo web

El brutalismo: la tendencia de diseño web del 2017

Hace poco, mientras los diseñadores de páginas web seguían basándose en las plantillas existentes de WordPress, otro estilo se estaba imponiendo poco a poco. Este año 2017, el “Brutalismo Web” de los años 90 está más presente que nunca, de hecho aquí se pueden encontrar algunos ejemplos que ilustran la base de esta tendencia tan sorprendente.

diseño web tweet viral

Esta web fue ideada por Pascal Deville, director creativo de la agencia Freundliche Grüsse en Zurich, que decidió agrupar el movimiento brutalista, que estaba surgiendo, en esa web a modo de protesta contra los modelos preestablecidos hasta el momento. Su propia definición, da visibilidad a un movimiento de las generaciones más jóvenes, que tratan de huir de la conformidad que hay en el actual diseño de estos sites. Este tweet de Jon Gold, un conocido diseñador y programador web, se viralizó en febrero del año pasado. En él quiso exponer, de forma muy sencilla, cómo dominaban dos o tres tipos de diseño. Como se puede observar en la imagen del tweet, hay elementos comunes que podemos encontrar fácilmente en estas webs como un texto de introducción en la parte superior, los botones de acción principal y secundaria, los iconos con breves textos explicativos, etc.

Si no has tenido la oportunidad de ver ninguna web inspirada en este estilo “brutalista”, te explicaremos en unas características muy resumidas en qué consiste, con ejemplos que te sacarán de dudas.

ejemplo brutalismo web

Su diseño se caracteriza por la falta de preocupación sobre la usabilidad de la web o la comodidad por la que podemos navegar por ella. De hecho, no trata de ocultar los hiperenlaces en azul y pueden llegar a suprimir los márgenes o el interlineado. Por definición, este estilo se basa en un diseño simple y austero y con un código de HTML bastante básico. Esta simplicidad también se refleja en las tipografías utilizadas.

diseno web simpleVuelven a utilizarse los emoticonos o los gifs, aunque otra opción que está surgiendo es una combinación de imágenes estáticas con algún elemento en movimiento, llamada cinemagraph.

Dentro de esta tendencia, saber dibujar e ilustrar va a ser fundamental para añadir personalidad y un toque distintivo a los diseños web, para así reforzar la identidad visual de las marcas.

diseño web retroEn cuanto al color, o son muy vibrantes y potentes o todo lo contrario, rescatando las webs en blanco y negro. Por lo general, se oponen a la tendencia minimalista que utilizaba hasta ahora colores básicos como el blanco o gris.

En contraposición con esos diseños caóticos, también hay otros que tratan de ordenar ese caos en bloques para delimitar los contenidos, dando más importancia al diseño modular. También es habitual ver este año pantallas divididas como si fueran un libro, dotando de naturalidad al site.

Se potencian mucho las microinteracciones, conseguir likes, campos de formularios, poder compartir mensajes, etc. a través de la web. El objetivo es potenciar esta interacción, mientras nos ofrecen información de calidad y, para ello, debemos llamar la atención con animaciones, fotografías y un diseño más creativo.

diseño web modular

Los menús también sufrirán cambios dejando de lado las sidebars o incluso eliminándolas totalmente. Este año van a aparecer nuevos formatos como los frame menu, los pop up menu o los desplegables y esta página web podría ser un perfecto ejemplo de ello. Hay numerosos y originales recorridos que hacer por este site, cuya única función es sorprender y entretener al visitante.

El desplazamiento tradicional mediante la barra de navegación tenderá a desaparecer a favor de otro personalizado, para adaptar la navegación a las necesidades y contenidos de cada marca. Cada vez se pueden disfrutar de más experiencias en 360º, por ejemplo arrastrando elementos de la propia página para ir descubriendo la información.

Ahora que ya conoces las características de la tendencia que parece estar arrasando en el diseño web, ¿te animas a unirte a ella? Desde Influencia, te animamos a diseñar una página web que llame la atención de tu negocio sin perder la usabilidad, que debe ser lo prioritario, y a contar con profesionales del diseño web que puedan asesorarte entre las tendencias del mundo del marketing digital.

POST RELACIONADOS