La verdad sobre el brutalismo en el diseño web

Publicado: 2019-11-14

Cuando intenta hacer crecer un negocio en línea, "monetizar el sitio web" debe estar en la parte superior de su lista de tareas pendientes. El primer paso es diseñar un gran sitio web que mantenga los ojos de los visitantes pegados a sus pantallas. Pero sobresalir entre la multitud no es fácil. Para mantenerse por delante de los demás, debe ampliar continuamente su conocimiento de las mejores prácticas de diseño.

Tabla de contenido ocultar
¿Qué es el brutalismo?
¿Cómo se traduce el brutalismo en el diseño web?
¿Cuáles son las características de los sitios web brutalistas típicos?
son legibles
Están construidos para la velocidad.
No contienen decoración innecesaria.
Los hipervínculos son obvios
Se basan en colores e imágenes llamativos y de alto contraste.
Tienen una estética agresiva, conflictiva, a veces nostálgica.

Si ha caído en una rutina de diseño, es hora de aprender y experimentar con algo nuevo. El diseño web brutalista podría ser la inspiración que necesitas. En este artículo, veremos qué es el brutalismo, cómo ha influido en el diseño web moderno y por qué debería considerar basarse en sus principios en sus proyectos futuros.

¿Qué es el brutalismo?

Los diseños brutalistas enfatizan la sustancia sobre el estilo; sin embargo, esta filosofía produce un trabajo que tiene un aspecto distintivo. Coloca el contenido en primer lugar y la estética en segundo lugar. El término (también conocido como “Nuevo brutalismo”) se usó originalmente para describir un estilo de arquitectura que se desarrolló en las décadas de 1950 y 1960. Los edificios brutalistas generalmente estaban hechos de bloques que mostraban las materias primas del edificio, generalmente hormigón o ladrillo.

Las estructuras brutalistas se construyen teniendo en cuenta la funcionalidad, y los arquitectos brutalistas se especializan en bibliotecas, hospitales, universidades y otros edificios grandes. En algunos casos, los diseñadores resaltan las utilidades al dejar expuestas las tuberías, los tanques de agua y otros componentes. El brutalismo se enorgullece de su falta de pretensión y compromiso con la transparencia.

¿Cómo se traduce el brutalismo en el diseño web?

En la arquitectura brutalista, las materias primas expuestas son una característica del diseño. El mismo principio se aplica a los diseños web brutalistas: exponen y enfatizan deliberadamente el contenido de un sitio web. Los elementos decorativos o visualmente atractivos son una consideración secundaria o pueden omitirse por completo.

Los sitios web brutalistas se mantienen fieles a la finalidad original de los sitios web: mostrar contenido importante y proporcionar una plataforma a través de la cual los visitantes puedan comunicarse con el creador. No existe un diseño brutalista único, solo un conjunto de principios a seguir. Aunque muchos sitios brutalistas parecen minimalistas, no siempre es así.

¿Cuáles son las características de los sitios web brutalistas típicos?

  1. son legibles

Los sitios web existen para entregar contenido. Por lo tanto, según los principios brutalistas, todo el contenido debe optimizarse cuidadosamente para pantallas de escritorio y móviles de todas las formas y tamaños. El contenido debe establecerse de manera clara y lógica. El usuario debe poder desplazarse hacia abajo en la página web para ver el contenido.

  1. Están construidos para la velocidad.

Cuanto más rápido cargue una página, mejor. Los diseñadores web brutalistas empatizan con el usuario y entienden que su tiempo es precioso. Cuanto más tiempo tenga que esperar un usuario, más probable es que se vaya a otra parte. Los sitios web brutalistas se crean utilizando un código mínimo con el menor marcado posible.

  1. No contienen decoración innecesaria.

La vanidad no tiene cabida en el diseño brutalista. La tipografía ornamentada y las ilustraciones elaboradas restan valor al contenido y, por lo tanto, se omiten. Este enfoque es robusto y utilitario. No se trata de crear un sitio web bonito, solo uno que tenga un propósito y lo haga bien.

  1. Los hipervínculos son obvios

Las áreas en las que se puede hacer clic se resaltan como tales, y todos los enlaces tienen un propósito. Por ejemplo, los hipervínculos de texto suelen estar subrayados y de un color diferente al del texto que los rodea. Los botones en los que se puede hacer clic deben diseñarse para que funcionen exactamente como esperaría un visitante. Esto incluye el botón Atrás. Algunos sitios brutalistas usan cursores novedosos, flechas tan grandes que se transforman cuando pasa el mouse sobre un enlace, para enfatizar aún más la funcionalidad.

Un usuario puede encontrar el diseño o el mensaje del sitio web sorprendente o incluso discordante, pero la experiencia debe ser perfecta. Si un sitio tiene varias páginas, los menús de navegación son simples y fácilmente distinguibles de otro texto.

  1. Se basan en colores e imágenes llamativos y de alto contraste.

El blanco y negro es una opción popular, pero algunos sitios usan una paleta limitada de colores contrastantes para lograr un alto impacto visual. Las imágenes se utilizan con mucho cuidado. Un sitio web de estilo brutalista típico tendrá solo un par de imágenes, que pueden tener un significado literal o metafórico. Las imágenes crudas y sin filtrar normalmente se prefieren a las fotografías profesionales. Se prefieren las imágenes estáticas a las animaciones.

  1. Tienen una estética agresiva, conflictiva, a veces nostálgica.

El brutalismo ha crecido en popularidad como una reacción violenta contra los principios de diseño web convencionales que enfatizan los colores y tipos de letra armoniosos. Estos sitios pueden tener una sensación retro que se remonta a los primeros días de Internet, cuando los diseñadores tenían acceso a una cantidad mínima de fuentes, como Arial y Times New Roman. Las paletas de colores crudos son otra forma de crear un ambiente de "vieja escuela".

En el mundo de la arquitectura, el brutalismo está asociado con la política socialista anticapitalista del siglo XX. En la web, algunos diseñadores utilizan diseños brutalistas como una rebelión contra las llamadas “mejores prácticas” del siglo XXI. Probablemente haya notado que muchos sitios web ahora tienen el mismo aspecto y dependen de un conjunto similar de plantillas y herramientas de diseño de arrastrar y soltar. El diseño brutalista puede conceptualizarse como una forma de luchar contra la homogeneización de Internet. Celebra la expresión en lugar de la adhesión a conceptos corporativos anodinos.

Los sitios web brutalistas son populares entre los autónomos, los creativos y las marcas que quieren atraer a un público contemporáneo. Una página web simple puede ser una plataforma eficaz y memorable para un mensaje importante o una breve introducción a una persona o empresa. Este enfoque también es una opción inteligente si está organizando un evento o exhibición único y desea una página web que comunique los detalles clave y los horarios de apertura.

Sin embargo, el brutalismo no es para todos. Algunas personas encuentran fríos los sitios web brutalistas. Este estilo es para diseñadores valientes que saben que su trabajo no atraerá a todos los públicos. Debe pensar en su público objetivo antes de tomar esta ruta. Si está tratando de llegar a una audiencia conservadora o a un grupo demográfico que aprecia un estilo de sitio web más tranquilo, el brutalismo probablemente no sea apropiado.

Resumen:

Esta escuela de diseño web ofrece una experiencia de usuario novedosa y refrescante. El brutalismo no funciona para todas las marcas, pero se puede adaptar a la mayoría de los nichos. Si está vendiendo productos o servicios en línea, es posible que le interese saber que este estilo puede aumentar las tasas de conversión, principalmente porque los sitios web que se cargan más rápido atraen a los compradores y mantienen su interés.

Algunos concursos de diseño web, como Awwwards, ahora tienen categorías especiales para sitios brutalistas. Son el punto de partida perfecto si desea ver estos principios en acción. Si desea obtener más información sobre cómo estos diseños difieren de otros paradigmas similares, eche un vistazo a los sitios en las categorías Retro y Minimalista.

Incluso si su diseño no cumple con todos los principios brutalistas, aún puede aprender mucho del brutalismo. Cualesquiera que sean sus preferencias de diseño, un sitio web intrigante y fácil de navegar siempre debe ser su objetivo final.