Muevase a un costado brutalismo, hay una nueva tendencia de diseño web en la ciudad. Bienvenido al neubrutalismo teatral, que es una combinación refrescante de la tendencia brutalista, así como la tendencia moderna y minimalista que adorna nuestras pantallas desde hace muchos abriles.

Siga leyendo para conocer las características esencia de este nuevo diseño, que incluyen qué agenciárselas, ejemplos del mundo auténtico, encima de algunas plantillas de diseño web inspiradas en neubrutalistas de TemaBosque.

Perfectamente, entonces, ¿qué es en realidad el neubrutalismo?

Los amigos (o enemigos) de la tendencia del diseño web brutalismo sabrán que es un estilo que ganó su nombre conveniente a su afinidad con el brutalismo en la bloque, es proponer, rechaza la pompa decorativa y la ceremonia en cortesía de superficies ásperas e inacabadas, formas inusuales, materiales sólidos. y pequeñas características contrastantes. El Barbican de Londres, de hormigón pesado, es un ejemplo clásico de bloque brutalista.

Ciertamente no será del regusto de todos, pero se puede considerar que el diseño web brutalista rechaza la web más popular y suave y, en cambio, adopta formas ásperas, crudas o incómodas. Para ver más ejemplos de sitios web brutalistas, consulte brutalistwebsites.com.

El neubrutalismo lleva las tendencias recientes de sitios web al ulterior nivel: conserva su superioridad al mismo tiempo que combina el estilo inusual con estándares más modernos de animación, ilustración y texto. Aunque neubrutalismo es un término no oficial en este momento, ya se deje de él en el mundo del diseño web y es el tipo de cosa que se mantiene, ¡así que es perspicaz adelantarse a la curva!

Si eres nuevo en el neubrutalismo, aquí hay algunos rasgos que debes tener en cuenta:

  • Feo (más o menos): Ya sea que ames u odies este estilo, agrega variedad a la insignificante novedoso estilo que ha sido popular durante muchos abriles. El neutralismo favorece las imágenes que se ven “un poco fuera de oportunidad”, ya sea a través de colores inusuales o elecciones de diseño. En última instancia, claridad la atención al destacarse de las tendencias modernas de diseño web que se han producido antiguamente.
  • Colores que chocan: Esta es una tendencia del sitio web que no tiene miedo de destacar: los colores a menudo chocan pero están apagados. Ciertamente no sigue la filosofía de ‘menos es más’.
  • Sin gradientes: Esta ha sido una gran tendencia en los últimos abriles, pero el neubrutalismo favorece los colores planos en un estilo casi pop-art.
  • tipografía moderna: Aunque el brutalismo a menudo opta por una tipografía extraña, estirada o complicada, el neubrutalismo tiende a seguir las reglas de la tipografía moderna para permitir una legibilidad más ligera. Piense en fondos y colores extraños que se encuentran con texto geométrico y descifrable. Más sobre esto en un momento.
  • Animaciones: A pesar de que el estilo se remonta al pasado en su ingenuidad universal, la aditamento de animaciones modernas ayuda a modernizar una vez más el aspecto.

Una palabra sobre la tipografía neubrutalista

Cuando se desplaza por los ejemplos de sitios web neubrutalistas a continuación, probablemente notará la tipografía utilizada para los encabezados: casi todos usan tipos de pago grotescos extravagantes.

Suelen estar un poco más allá de lo que definiríamos como irrisorio (o irrisorio) y se desvía alrededor de el maestro el mundo de las fuentes, pero como quiera que las definas, sin duda tienen un impacto. ¡Obtenga golpe ilimitado a muchas fuentes web grotescas en Envato Elements ahora mismo!

Una fuente sans serif grotesca carece de una serifa, que es un pequeño trazo adicional que se ve comúnmente al final de algunos tipos de pago. Tiene, en cambio, un borde más rudo.”-Daisy Ein

Ejemplos del mundo auténtico de neubrutalismo

Siga leyendo para conocer 10 ejemplos de diseño neubrutalista que llegan a la web en este momento. ¿Cuál es tu predilecto?

1. Camino de resina

Echa un vistazo a los colores apagados, contrastantes y sin degradados combinados con contornos negros gruesos. La tipografía es moderna y ligera de ojear, lo que la distingue de los estilos a menudo más toscos que se prefieren en el interior del diseño brutalista. Las animaciones incluso ayudan a modernizar el diseño brutalista.

Figura 2

Figma, uno de los ejemplos más famosos de diseño web neutralista, evita las sombras en todas las imágenes y, en cambio, opta por líneas negras más nítidas y oscuras que rodean las formas. Los tonos que chocan como el naranja y el amarillo incluso se sienten un poco desafiantes a la instinto, lo que los ayuda a sobresalir.

3. Agencia Goodkids

Tan pronto como pones un pie en el sitio web de Goodkids, es irrealizable producirse por detención las animaciones 404 de gran tamaño que se apilan de guisa desigual una encima de la otra para satisfacer la pantalla. Los emojis sonrientes tienen un tono similar al fondo ocre del sitio web, lo que los hace comprobar un poco discordantes y, por lo tanto, extrañamente llamativos.

niños buenosniños buenosniños buenos

4. Readymag

Al canalizar las tendencias de diseño retro, se le perdonaría pensar que el sitio web de Readymag proviene directamente de los abriles 90. ¡Las animaciones sutiles ayudan a memorar al legatario que esta es, de hecho, una opción de diseño novedoso! Los recadero de navegación planos y grises son llamativos por su simplicidad.

5. pizzería pizzería

Confiado en su simplicidad, Pizza Pizza opta por un rojo plano contra el sable: se siente un poco difícil a la instinto, pero no puedes evitar seguir mirando. La errata de imágenes en la página de inicio incluso va en contra de la mayoría de los sitios web ricos en imágenes.

Pizza Página de inicio de pizzaPizza Página de inicio de pizzaPizza Página de inicio de pizza

6. Guiacirugiacardiaca.com

Imágenes planas y apagadas contra una tipografía minimalista y moderna, la Monitor de cirugía cardíaca es un ejemplo clásico de diseño web neutralista. La simplicidad sorprendente se combina con toques modernos como el cursor cuando se desplaza sobre las piezas de contenido y el logotipo que tournée cuando el legatario se desplaza.

7. Christou 1910 Días

El texto blanco en negrita contra los bloques de colores que chocan es difícil de ojear, ¡por lo tanto, presta particular atención! Animaciones modernas como nubes felices que caminan llenan este divertido sitio web, una gran yuxtaposición contra el esquema de colores planos.

8. Más

Naranja y violáceo? ¿Amarillo citrón y celeste auténtico? Combinaciones atrevidas, pero el sitio web de Plus las combina todas para una apariencia innegablemente neubrutalista. Las animaciones audaces y los cursores novedosos casi gamifican este sitio revolucionario.

9. Mafanfa

A medida que te desplazas, divertidas animaciones entran en batalla en el interior de este sitio web neubrutalista. Se ha pensado mucho en cómo el legatario interactúa con el sitio: cuando el mouse pasa sobre ciertos utensilios, muchos cambian de color o se mueven. Hasta cierto punto, el legatario crea el sitio web que le gustaría ver.

MáfanaMáfanaMáfana

10 Cástor y Pólux

Un sitio con mucho texto, Castor & Pollux está salpicado de color a medida que el legatario se desplaza. Incluso los recadero para compartir en redes sociales evitan la iconografía clásica que cabría esperar en cortesía de una señalización de texto simple.

Plantillas web inspiradas en el neubrutalismo

1. Remake – Tema insignificante

Con más de 10 máscaras prefabricadas para mostrar su trabajo, Remake es un tema de diseño web versátil. El tema Kyona, por ejemplo, usa una pizca de colores brillantes contra tonos más apagados. Las plantillas incluso vienen con páginas de un solo esquema y estudio de caso, perfectas para mostrar su trabajo con estilo.

Rehacer demostración de WordPress

Rehacer el tema de WordPressRehacer el tema de WordPressRehacer el tema de WordPress

2. Trito – Plantilla Figma para Sitio Web de Portafolio Personal

Los colores planos se combinan con imágenes modernas e ilustraciones contemporáneas en esta plantilla de diseño web neubrutalista. Una plantilla de cartera personal de una página, que ha sido diseñada especialmente para que los desarrolladores o diseñadores muestren sus habilidades. Viene con un modo claro y dudoso, para que puedas editar tu plantilla según tus gustos. Arrojado en mayo de 2022, está claro que Trito ha sido diseñado teniendo en cuenta las últimas tendencias de diseño web.

Trito Figma plantillaTrito Figma plantillaTrito Figma plantilla

3. Orido – Plantilla Figma para Sitio Web de Portafolio Personal

Además animado en mayo de este año, Orido viene con modo claro y dudoso, así como fuentes e íconos gratuitos. El vigoroso esquema de colores amarillo y morado y las opciones de fuentes legibles son guiños a la última tendencia de diseño web.

Orido - Plantilla Figma para Sitio Web de Portafolio PersonalOrido - Plantilla Figma para Sitio Web de Portafolio PersonalOrido - Plantilla Figma para Sitio Web de Portafolio Personal

4. Khulna – Plantilla HTML de agencia digital minimalista colorida

Una plantilla de diseño web simple y ligera de seguir, consulte los colores elegidos en la sección de cartera. Esta plantilla viene con características que incluyen la revolución del control deslizante para contenido principal de forma rápida y sencilla, así como un diseño de diseño receptivo. Las páginas del blog incluso están perfectamente diseñadas.

Khulna - Plantilla HTML de agencia digital minimalista coloridaKhulna - Plantilla HTML de agencia digital minimalista coloridaKhulna - Plantilla HTML de agencia digital minimalista colorida

¡A ti!

Ahora que aprendió todo sobre la tendencia del sitio web de neubrutalismo y exploró algunos de mis mejores temas y plantillas web, ¡es hora de ser creativo! Elija un tema de esta publicación que funcione para usted o diríjase a TemaBosque y encuentra o crea el tuyo propio. ¿Qué tendencias de sitios web son tus favoritas en este momento?

Deja una respuesta