Brutalismo en el diseño web: ¿Qué lo hace popular?

Cada diseñador se esfuerza por superar todo lo convencional cuando se trata de diseño web. Para atraer y comprometer, a veces los diseñadores abandonan las mejores prácticas de diseño web y recurren a algo llamado brutalismo de diseño web.

El principio de diseño relativamente nuevo implica abandonar las prácticas tradicionales como la interfaz de usuario intuitiva en favor de algo que sea completamente disruptivo.

Descifrando el principio de diseño web brutalista

El diseño web brutalista entró en escena cuando Pascal Deville introdujo esta tendencia de diseño en el campo del diseño web. Como fundador de una cartera en línea de sitios web brutalistas, documenta diseños web que muestran una falta de preocupación por parecer fácil o cómodo.

De hecho, el brutalismo en el diseño web se puede ver inspirado en un movimiento arquitectónico en la década de 1970 en el que los arquitectos dejaron expuesta la construcción de edificios de hormigón para representar la aspereza y la tosquedad. El mismo principio en el diseño web es de lo que se trata el brutalismo: un enfoque que se describe como una reacción distintiva de los diseñadores web de próxima generación hacia el minimalismo y los diseños optimistas.

Allanyu.nyc : un sitio web brutalista común

El brutalismo en el diseño web puede ser una práctica nueva, pero fue un estilo común durante los años 50 y 60 para diseñar gráficos impresos, arte y carteles.

Brutalismo y paisaje digital moderno

En una era de disminución de la capacidad de atención, el brutalismo puede ser un negocio para las marcas que buscan atraer la atención del cliente. Dado que los sitios web brutalistas se reducen a necesidades básicas, se sabe que el diseño promueve una navegación fácil, una carga rápida y menos distracciones para los visitantes.

Esencialmente, el diseño web brutalista elimina elementos innecesarios de una página web como video, gráficos de alta resolución y CMS de carga lenta para prometer un sitio web rápido que ofrece solo lo que el visitante necesita. El diseño brutalista recorta el exceso de diseño para mejorar el rendimiento del sitio web y reducir el tiempo de carga de la página.

Demarcando los límites entre el diseño web brutalista y el antidiseño

La asimetría ha convencido a la gente de confundir los principios del brutalismo con el antidiseño. Sin embargo, existen diferencias notables y el brutalismo no puede descartarse simplemente como antidiseño.

El brutalismo se trata de dejar una identidad muy personalizada y no estándar en una página web, un alejamiento de los diseños web estandarizados y basados ​​en plantillas que dominan Internet en la actualidad. No se trata solo de caos, sino de originalidad inspirada en un principio de diseño arquitectónico del pasado.

Al comparar esto con el antidiseño, se observa que el antidiseño solo se trata de desmantelar la interfaz de usuario para crear interfaces desorientadoras o feas. Aunque estos también usan colores ásperos y patrones desorientadores, el antidiseño está destinado a distraer, lo cual es todo lo contrario al brutalismo.

El brutalismo es un principio concreto con un legado. No es la ausencia de diseño sino un enfoque diferente del diseño lo que mejora el rendimiento de las páginas web al eliminar todo lo innecesario. Aunque pueda parecer feo para cualquiera que lo vea por primera vez, el diseño web brutalista es algo que ha estado en el centro de algunos de los sitios web más grandes como Craigslist en el mundo.

La creciente popularidad de los diseños web brutalistas

Los diseñadores web brutalistas utilizan gráficos de la era de los 90 y HTML codificado a mano para crear marcos de sitios web. Como el diseño brutalista representa la honestidad, la practicidad y el realismo, se está volviendo cada vez más popular entre los usuarios, a pesar de los malos gráficos. El texto fuera de lugar y los gráficos de mal gusto tienden a llamar la atención de manera más eficiente que los diseños minimalistas y aerodinámicos. Toda la idea del brutalismo es romper las convenciones y sobresalir.

Además, como se discutió anteriormente, el diseño brutalista acelera el sitio web. En el contexto moderno, esto es extremadamente beneficioso ya que los sitios web con tiempos de carga de página más altos sufren altas tasas de abandono. Entonces, a su vez, la posibilidad de mayores conversiones está conduciendo a una mayor popularidad del brutalismo en el diseño web.

Craigslist : el sitio web más popular y exitoso con un diseño web brutal

En todo el mundo, cada vez más marcas y empresas se adelantan para probar diseños brutalistas. Craigslist es un glorioso ejemplo de un sitio web popular que ha adoptado el brutalismo en su oferta principal.

Las mejores prácticas de diseño web brutalista

Si bien es posible que no esté convencido de la eficacia del diseño web brutalista, hay miles de entusiastas y defensores brutalistas en el ecosistema del diseño web. Si también te intrigan los beneficios del diseño brutalista y quieres usarlo para tu próximo proyecto, aquí tienes algunas prácticas recomendadas para seguir el principio del diseño brutalista:

• Utilice un fondo destacado y distintivo en blanco o negro sin sombras ni texturas.
• Deshazte de las sofisticaciones de diseño como sombras, degradados o patrones.
• Use una sola fuente en todo el sitio web o tipografía monoespaciada
• Siga un patrón de diseño abarrotado con elementos sin relleno y textos colocados muy cerca
• No use una jerarquía distinta para la colocación de contenido
• Superponer elementos de una manera que parece involuntaria
• Use elementos de diseño de estilo analógico de épocas pasadas
• Siga patrones y marcos asimétricos, en todas partes
• Disímil paleta de colores comunes que da protagonismo al verde y al rojo
• Evite las animaciones y opte por imágenes inconformistas
• Siga el diseño de una página con navegación simple o sin navegación
• Use imágenes distintas en tonos monótonos o en blanco y negro
• Comprométete a diseñar un sitio web que parezca tener muchas inconsistencias visuales y errores como sobreimpresión y falta de alineación.

Primeros pasos con el diseño web brutalista: ¿Qué y cómo hacer?

Ahora que conoce las mejores prácticas, puede pensar en implementar este concepto de diseño en su próximo proyecto. Debido a aspectos prácticos, no querrá optar por un diseño brutalista crudo para un proyecto, ya que a su cliente / empresa podría no gustarle lo mismo. En su lugar, puede pensar en experimentar con varios elementos brutalistas e integrarlos en sitios web profesionales o comerciales. El brutalismo tiene que ver con la personalización y la adición de un sentido de personalidad a una página web mediante el recorte de todos los elementos innecesarios. Entonces, piense en una página web como su lienzo y comience a crear una obra maestra de memoria.

Puede optar por un diseño web brutalista de dos maneras. Puede elegir un tema brutalista de WordPress para un sitio web como base o puede codificar manualmente su sitio web desde cero utilizando una herramienta de creación de páginas. Ambos enfoques tienen sus pros y sus contras.

Uso de temas brutalistas de WordPress

Los temas de WordPress ahorran tiempo, esfuerzo e inversión por parte de un diseñador o una empresa, ya que ofrecen elementos listos para iniciar el proceso de diseño web. Aunque podría ser una buena idea, no hay muchas opciones cuando se trata de temas brutalistas. Algunos temas que puedes probar son FlowMag , Brutal y Glitch .

Pero es mejor que talles tu propio diseño web brutalista. Así podrás personalizar cada elemento. Tome un tema minimalista como base y comience a tallar a mano su diseño codificando bajo el capó.

Codificar a mano un sitio web desde cero

La codificación manual de un sitio web puede llevar mucho tiempo, pero si desea optar por un diseño web brutalista, esta podría ser su mejor opción. Alternativamente, si no desea esforzarse mucho, puede usar una poderosa herramienta de creación de páginas como Elementor para perfeccionar un diseño web brutal. Hay más de una razón para esta elección.

En primer lugar, presenta un tema predeterminado de pizarra en blanco que le brinda el poder de personalizar y perfeccionar su diseño desde el principio. En segundo lugar, ofrece muchas opciones de personalización que le brindan la libertad de experimentar con diferentes elementos en la página.

Consejos útiles de brutalismo para diseñadores web

Conozca a su audiencia

Aunque no existen reglas estrictas y rápidas cuando se trata de brutalismo, debe comprender y conocer a su audiencia en profundidad. El brutalismo no es para todos los negocios o marcas. Solo debe adoptar un enfoque de brutalismo si confía en que la estrategia de diseño se alinea con sus objetivos comerciales. Si ese diseño está alejando a tu audiencia, deberías deshacerte de tu amor por los diseños brutalistas.

Desequilibrar. Desequilibrar. ¡Desequilibrar!

Probablemente, lo primero que haya aprendido es equilibrar los espacios en blanco para crear un diseño web relajante e intuitivo para los usuarios finales. Pero si está buscando probar su brutalismo práctico, tendrá que desequilibrar los espacios en blanco en una página web usando bloques de colores diferentes y grandes. Tendrás que olvidarte de todas las convenciones cuando se trata de placer estético.

Deshazte de la belleza sobre la practicidad

El brutalismo tiene que ver con ser pragmático. Si está buscando crear el diseño web brutalista perfecto, debe evitar los clichés de diseño y concentrarse en una sola cosa: la conversión. Evite el uso de elementos bonitos en su página web y, en su lugar, mantenga todo simple y directo.

Usar formas diferentes

Los diseños web brutalistas están inspirados en las tendencias arquitectónicas del siglo XX que hicieron uso de formas excéntricas y abstractas de todos los tamaños. A mediados del siglo XX, las formas disímiles en tonos de un solo color eran populares cuando se trataba de edificios. Lo mismo se aplica al diseño web brutalista de hoy en día. Cuando siga el enfoque brutalista, use formas que no coincidan.

Intrigantes ejemplos de diseño web brutalista de la vida real

Los diseños brutalistas no encajan en los principios de diseño web estándar. Sin embargo, algunas empresas, sitios web y plataformas populares han estado utilizando este concepto con gran éxito. Además de los ejemplos mencionados anteriormente, aquí hay algunos ejemplos más de la vida real. Aunque estos pueden no parecer atractivos, todos han implementado principios brutalistas con absoluta perfección.

1. Noticias de piratas informáticos

noticias.ycombinator.com

Hacker News es una plataforma popular que ha eliminado con éxito los elementos voluminosos de su sitio web para que sea crudo, nítido y claro. Puede ver cómo les funciona el diseño brutalista observando las interacciones y el nivel de compromiso.

2. Planta22

planta22.co

Plant22 ha adoptado con éxito un enfoque alternativo al brutalismo mediante el uso de coloridos ladrillos modulares. El diseño brutalista basado en cuadrículas está de moda y hace maravillas en cuanto a capacidad de respuesta. Este tipo de brutalismo que acelera el sitio web sin ser duro con los ojos es algo que vale la pena adoptar.

3. FOTO(S) AHORA

fotos ahora.org

En el sitio web de Pictures Now , se pueden ver varios elementos de brutalismo, como un color de fondo sólido, un fondo no jerárquico y un texto de gran tamaño en el medio de la página web. Todos estos representan principios fundamentales del brutalismo.

Diseño web brutalista: observaciones finales

Aunque los diseños web brutalistas prometen un mayor número de conversiones debido a su fuerte impacto, no es adecuado para todas las empresas o marcas. El elemento clave para decidir a favor o en contra del diseño web brutalista es realizar un análisis profundo de los pros y los contras, ver si el brutalismo se alinea con la imagen de su marca, la industria en la que trabaja y las aspiraciones de su público objetivo.

Aunque muchas empresas de diseño y desarrollo de aplicaciones web personalizadas están propagando el enfoque brutalista, es importante tomar una decisión acertada al evaluar todos los aspectos relacionados con los requisitos de diseño web moderno. Y cuando esté en un cambio, asegúrese de ponerse en contacto con algún experto que pueda ayudarlo a tomar una decisión informada. No se limite a precipitarse en el bombo. Manténgase informado y elija algo que agregue valor a la huella en línea de su empresa. ¿Entonces, Qué esperas? Empiece a pensar en el diseño brutalista hoy y vea si realmente puede ser útil para su sitio web.