Las tendencias de diseño web cambian todo el tiempo . En el momento en que encuentre un diseñador con el que pueda trabajar, decida un estilo con el que todos estén de acuerdo, haga el trabajo y finalmente comience a funcionar, lo que es genial, fresco y moderno ha cambiado. Ingrese a los sitios web brutalistas.
¿Qué es eso, preguntas? Es cuando te resistes a las tendencias y diseñas a propósito tu sitio web para que sea feo. Y si no es directamente feo, al menos está libre de elementos de diseño frívolos/superfluos.
Los sitios web brutalistas son algo relativamente nuevo entre los diseños con un propósito, pero muchos de ellos se inspiran en los primeros días de Internet. Los días en que Angelfire y Geocities eran el pináculo de la genialidad. Los días en que el único HTML que necesitaba saber era un href y un img src .
La web ha evolucionado desde entonces, pero el diseño bueno (¿o quizás bueno-malo?) no. Por un lado, el brutalismo tiene que ver con la función sobre la forma. Si funciona, que funcione. Por otro lado, se trata de ser punk y hacer que el usuario trabaje para lo que obtenga de su sitio.
No importa de qué manera quieras hacerlo, estoy seguro de que puedes encontrar una manera de embrutecer tu próximo proyecto de diseño después de que hayas visto estas gloriosas monstruosidades.
Ustedes, Craigslist es feo . No, no lo defiendas. es un monstruo Texto negro, enlaces azules, fondo blanco. No es lindo. Pero no tiene que ser así.
Porque funciona. Eso es lo importante. Parte del brutalismo es UX, y CL lo domina. Puede encontrar lo que necesita para comprar o vender sin complicaciones, desorden o piezas móviles extrañas.
2. Konsept83.com
Al igual que Craigslist, Konsept83 busca inspiración en los primeros días de Internet . Fondo gris, fuente de máquina de escribir (un elemento básico del sitio web brutalista) y todos los enlaces que explican exactamente en qué estás haciendo clic.
Las páginas interiores son igual de sobrias, solo tienen imágenes incrustadas.
3. show de imágenes.tv
Pictureshow.tv solo funciona en modo horizontal en dispositivos móviles (o en computadoras de escritorio). Es una serie de videos diseñada para verse y sentirse como una vieja cinta VHS. Incluso hace clic en las otras páginas y actúan como si fueran menús de configuración de VCR.
¿Pero sabes que? El sitio funciona, sabes qué hacer y no te pierdes ni un momento.
Pero hombre. es feo Y hermosa a la vez tiempo. Y la mejor parte es que no tienes dudas sobre cómo usarlo.
4. chris.bolin.co
¿ Alguna vez has visto un sitio web fuera de línea ? ¿No? Yo tampoco. Y entonces encontré esta belleza.
Chris Bolin diseñó este sitio para que fuera lo más brutal posible para los usuarios de la web: tienes que desconectarte para conectarte. Automáticamente, el contenido aparece y ves un mensaje simple sobre la simplicidad presentado de manera simple.
Brutalismo, hombre.
4. stephaniemarx.com/conversaciones
Una de sus charlas (y la forma en que conocí su trabajo ) se llama Todo lo que aprendí sobre diseño web, aprendí de Geocities .
No creo que necesite decir nada más.
5. wolftonechambers.com
Habla de brutales . Aquí hay contenido. Montones. Buena información que está bien escrita. Pero está casi oculto para nosotros por un mar de ASCII.
No se puede decir que esto sea visualmente atractivo, ni que sea terriblemente funcional. Pero es memorable. Está extrañamente limpio a pesar de todo el desorden, y la parte más rara es que después de desplazarte un poco, ves cómo funciona y cómo encontrar información sin direcciones. Lo que significa que, extrañamente, así es como debería funcionar UX.
#encogerse de hombros
6. allanyu.nyc
Parte de la belleza de escribir y publicar en la web es que sus usuarios no ven las revisiones y los cambios que realiza en sus cosas. Puede publicar contenido nuevo o ajustar el contenido antiguo, y nadie se dará cuenta (a menos que verifique los archivos de Wayback Machine ).
Sin embargo, Allan Yu usa el brutalismo para mostrar las revisiones que hace a su sitio como si fueran revisiones físicas en un cuaderno. Hace que la experiencia general sea menos limpia en general, pero el desorden se suma a la experiencia del usuario para que todos sepan que no solo crece en estilo, sino también en habilidad y creatividad.
No es un diseño que encontraría en un importante medio de comunicación (¿no sería divertido ver marcas editoriales en CNN?), pero para un diseñador o agencia que tiene actualizaciones relativamente lentas, este estilo probablemente funcionaría bien.
7. Rediseños brutalistas
Hacer sitios web brutalistas es mucho, mucho más difícil de lo que piensas . Porque es fácil hacer un sitio web feo. También es fácil hacer un sitio web simple. Y es fácil hacer que un sitio web parezca anticuado.
Pero es difícil hacer todo eso a la vez. Entonces, Pierre Buttin tomó algunas de las aplicaciones más limpias y populares (como Facebook, Instagram y Snapchat) y las rediseñó como ejemplos de cómo puede mantener la forma y la función mientras elimina el flash superfluo que no agrega nada a la experiencia.
8. morgane.com/pixel-lab
http://morgane.com/pixel-lab
(Tal vez nuevas fotos en la computadora portátil de toda la página).
Los desarrolladores de videojuegos independientes son un grupo peculiar. La gente de Pixel Labs no se desvía de esa descripción. Su sitio web es de una sola página que parece haber sido escrito a principios de los 90, y la paleta de colores probablemente lo fue .
Dicho esto, saben lo que están haciendo. Tienen una muestra de su trabajo, una invitación a su servidor de Slack y el deseo de ayudar a otras personas.
Su uso del diseño web elimina cualquier obstáculo entre ellos y su audiencia.
9. wekflatm.kr
Creo que este puede ser el sitio web perfecto. En serio. Estoy considerando seriamente hacer que la página que muestra mis novelas funcione así.
Es comercio electrónico en su forma más fundamental y perfecta: aquí hay una silla. Cómpralo. ¿Quieres un sofá? Bueno. Puedes comprarlos por ahí.
Sin listas de deseos, sin búsquedas, sin variaciones o reseñas de usuarios. Solo artículo, precio, compra.
No es bonito, pero tampoco es feo. Es sencillo. Y tiene personalidad. Es todo lo que necesita en un sitio web y nada que no necesite.
10. keyaar.in
Apuesto a que lo primero que harías en este sitio es hacer clic en una forma. Porque formas . Luego leerá las etiquetas, que en realidad no le dicen mucho.
Sin embargo, la cosa es que sabes más o menos qué es cada uno cuando haces clic en él. El trabajo es una galería de, lo adivinaste, trabajo. NSFW es un blog, pero incluso antes de eso, sabes que te estás metiendo en algo personal, si no íntimo. ¿Y KL11 ? La propia agencia de diseño. Toda la información que necesitas está ahí.
¿Qué más quieren ustedes de un sitio web?
Brutal, shmutal
Es posible que no desee un conjunto de sitios web brutalistas en su cartera. Está bien. Este esquema de diseño no es absolutamente para todos, y algunos clientes seguramente se resistirán cuando presente un sitio feo.
Pero hay muchas lecciones de diseño que puede aprender de estos sitios.
Sin embargo, te desafío a que intentes hacer un sitio brutalista. Hervir todo hasta llegar a lo esencial te hará confrontar tus ideas preconcebidas, así como tus fortalezas y debilidades. Claro, será brutal, pero saldrás como un diseñador más fuerte.
Y tal vez una persona más fuerte, también.
¿Qué opinas de los sitios web brutalistas? Háganos saber sus pensamientos sobre esta tendencia en los comentarios.
Miniatura del artículo de Kaleo / shutterstock.com