El brutalismo en internet y porque algunas marcas podrían aprovecharlo.

Como todos sabemos, existen muchas corrientes artísticas, las cuales, se caracterizan por ser muy propositivas, innovadoras y con detalles muy particulares. Algunos ejemplos muy conocidos son el Minimalismo que, como su nombre lo indica,  lleva a su mínima expresión todos los elementos gráficos que la conforman; el Realismo que destaca las cosas más puras y semejantes a la realidad; y así como estos movimientos existen muchos otros.

Existen marcas que adoptan estas corrientes visuales que se adaptan perfectamente a la filosofía y su posicionamiento de marca, ejemplo: El minimalismo se adapta perfectamente a Apple, mediante la reducción de elementos logran transmitir mucho con poco, algo que podemos observar desde el sistema operativo, el diseño de su empaque, sus tiendas y medios digitales.

Pero hoy, hablaremos de una en especial: “El brutalismo”. Es una corriente artística conocida por nacer en la arquitectura llamada “Brutalista” que deriva de su expresión en Francés “Beton Brut” que significa “Cemento en bruto” tal término fue impulsado por el arquitecto Le Corbusier. Si desean profundizar más sobre la arquitectura Brutalista les dejamos un artículo de Katarimag que explica a detalle sus orígenes y algunos ejemplos arquitectónicos. 

Esta corriente posee características muy fáciles de identificar.

  • Concreto en crudo.
  • Exploración mínima o nula de color. 
  • Formas geométricas básicas e irregulares.
  • Repetición de formas.

La pregunta importante es: ¿Qué pasaría si utilizáramos este mismo concepto a los sitios web que consumimos día a día? Pues nosotros decidimos responder, así que hicimos algunos ejercicios con algunas marcas que podrían adaptarse fácilmente a este estilo Brutalista ya que están muy apegados al estilo y personalidad de la marca.

Chanel:
La industria de la moda no puede quedarse atrás, son una de las áreas con mayor innovación a nivel visual y marcas como Chanel siempre imponen tendencias. La propuesta que hicimos utiliza formas sencillas y se limita al blanco y negro; utilizamos “Manrope” (variable font) como tipografía principal y unos detalles como trazados desde el boceto.

Chanel diseño web brutalista

Vans:
Esta marca tiene la capacidad de adoptar el brutalismo sin complicaciones, mediante el uso de grises, una cuadrícula que hace referencia a “wall” y sobre ella adaptar tipografías con mucha personalidad como “Inconsolata” (variable Font). Los recortes rápidos y poco detallados hacen un diseño muy particular, he aquí el resultado.

Vans diseño web brutalista

Está claro que las corrientes artísticas poseen características particulares que funcionan como herramientas de comunicación para algunas marcas, pero muchas veces los “lineamientos” o estándares nos cierran un poco las puertas, es importante también, recordar que el internet no se hace solo, nosotros hacemos el internet, las marcas hacen el internet y como tal no debemos adaptarnos a todo lo establecido, siempre y cuando sea posible. 

¿Ustedes conocen alguna marca que pueda adaptarse al brutalismo? ¿Pueden asociar alguna corriente artística a una marca o sitio web? Compártenos tu idea.

 

Netflix – Análisis

Netflix es una marca, que es simple porque empezó siendo una marca simple. No cayó en la tendencia, sino que la tendencia de estas marcas “minimalistas” o gráficamente austeras, la alcanzó. Netflix es un logo que dice lo que es en una tipografía sin patines (ahora propietaria, pero antes genérica), con el nombre en altas y fin.

No necesita ser más. Seguramente porque no tenía competencia y no había que sobresalir hasta hace un par de años. Lo mejor de Netflix es el nombre, y es un GRAN nombre NET (RED) + FLIX, o sea FLICKS (PELIS); los estadounidenses tienen una larga tradición en este tipo de generación de nombres y Netflix lo demuestra; es un nombre que hace sentido, que crees que ya has oído aunque sea la primera vez que lo haces.

Hoy en día, su negocio es un poco más complicado, aunque todavía son líderes en la industria con más de 165 millones de suscripciones. Según algunas fuentes, se ven más de 140 millones de horas al día; otras dicen que se ven un promedio de dos horas por usuario al día.

Evolución de marca Netflix

Hoy, como antes, es una marca consistente, pero falta de innovación en su esencia gráfica. Sabe lo que hace y lo hace bien; es lo importante: consistente, simple y se enfoca en el usuario y el contenido. Esto no es fácil de decidir, pero sí es fácil de hacer/implementar [una oda al KISS: Keep It Simple Stupid].

En algún momento (2014 o 2015) Gretel desarrolló la gráfica para la comunicación (con Gotham, de Hoefler & Frere-Jones [hoy Hoefler&Co.]). Esta gráfica giraba en torno a un “montón” (stack) de tarjetas, cada una con un elemento característico de la marca o el contenido (serie, película, documental, etc.) y aunque los elementos son sencillos, se utilizan de una manera interesante, que permite una infinita generación de retículas, animaciones, cortinillas, formatos, etc. De esas ideas sencillas pero con un mucho potencial para nunca aburrir, para nunca verse monótonas.

Grafica para la comunicación de Netflix

En el 2018 Dalton Maag desarrolló “Netflix Sans” siguiendo una decisión más económica que creativa: pagar las licencias de Hoefler ya resultaba muy caro. El departamento interno hizo toda la gráfica, aunque creemos que con algo de dirección o supervisión de Dalton Maag.

Tipografía: Netflix Sans

Hoy, la animación que empieza cuando se inicia la aplicación nos acerca a la N y nos comunica, por medio de líneas de muchos colores, el espectro de contenidos con los que cuenta la compañía (y si le quieren interpretar más, los creadores, fans e idiomas). Irónicamente, el material más sencillo de su identidad, es el más complejo visualmente cuando se descompone en esta animación. Aunque sigue siendo fiel a su filosofía de la simpleza gráfica.

Antonio Serrano.

Gustos tipográficos

Elegir un tipo de letra: Ese instante del proyecto que todo creativo vive intensamente, donde el corazón y los gustos combaten contra la sugerencia del cliente o peor aún, contra la petición del mismo. Parece una tarea simple, sin embargo la elección tipográfica determinará en gran medida si un proyecto funciona o no. Así de simple y complicado resulta elegir.

En muchos casos resulta tan sencillo como elegir alguna de las favoritas del gremio: algunas por su funcionalidad, otras por su aspecto visual y dentro de ellas encontramos algunos nombres como: Gotham, Futura, Helvética, etc.

Sin embargo, en la vida como en el diseño existen los gustos extraños que son difíciles de entender, algunos van desde “free fonts”, los usos inadecuados o similitudes a otras tipografías. Es por ello que nos dimos a la tarea de buscar esas excepciones tipográficas y tratar de entender qué es lo atractivo en ellas. A continuación les compartimos una lista y ejemplos que obtuvimos al preguntar a un grupo de diseñadores, algunos trabajan en [BAMF], otros son independientes.

  1. Lobster: “Tiene la mezcla entre clásico, bold y con hermosas ligaduras”

Diseñada por Pablo Impallari en 2010, una tipografía script, bold y de uso libre, lo cual ha permitido que todo el mundo la use a tal grado que algunos sitios la empiezan a llamar “la nueva Comic Sans”. Sin embargo, eso no le resta funcionalidad.

BAMF_BLOG_AH_TIPOS_01_lobster

  1. Arial Rounded: “Solo tienes que arreglar el kerning y ella hace el resto”

Traída al mundo por Robin Nicholas y Patricia Saunders, es probable que la hayas visto en algunos logotipos, en “myspace” del 2003, por ejemplo. Cabe mencionar que el diseñador dice que ama esta tipografía en su versión bold.

BAMF_BLOG_AH_TIPOS_02_arialRounded

  1. Campton: “Geométrica, limpia, es ideal para grandes títulos y párrafos cortos”

Una Sans Serif creada por René Bieder en 2014, su geometría y las variantes que ofrece son extraordinarias, eso permite aplicarla en editorial, empaque, web y muchas otras áreas; no es una tipografía tan común y eso la hace especial.

BAMF_BLOG_AH_TIPOS_03_campton

  1. Raleway: “Es amigable y sus caracteres son perfectos para diseño web”

Como ya mencionamos anteriormente, fue creada por Robin Nicholas y Patricia Saunders en 1982. Es tan popular como Helvetica debido a su disponibilidad en la paquetería de Microsoft. Existe una gran discusión sobre su originalidad, sin embargo, la diferencia radica en que Arial posee un diseño más redondeado, sus trazos son suaves y no tan forzados como el caso de Helvetica.

BAMF_BLOG_AH_TIPOS_04_raleway

  1. Calibri: “Es amigable y formal al mismo tiempo, sus pequeñas curvas en cada terminación la hacen irresistible para frases cortas”

Diseñada por el tipógrafo Lucas De Groot y posteriormente adquirida por Microsoft en 2002. Para los que usamos la plataforma de Microsoft Office, la conocimos en el 2007, cuando fue incluida para toda su paquetería. Resulta ser una Sans Serif con las variantes suficientes para armar bloques de texto limpios y modernos; es una de las mas usadas en diseño web y libros de texto.

BAMF_BLOG_AH_TIPOS_06_calibri

  1. Klavika: “La conocí con Facebook y no he parado de usarla desde entonces”

Creada por Eric Olson en 2004, una tipografía Sans para el siglo 21, su personalidad y aspecto moderno la hacen atractiva. El poder adquirido por Facebook hizo que muchos la voltearan a ver y la comenzaran a usar en muchos proyectos.

BAMF_BLOG_AH_TIPOS_07_klavika

  1. Avenir: “Logotipos, párrafos y sistemas de identidad, no existe material para el que no funcione, es geométricamente hermosa y la versión bold es mi favorita”

El señor Adrian Frutiger la diseñó en 1988 y hoy en día es una de las más vendidas a nivel mundial. Su geometría y sus 12 variantes la hacen un top de grandes marcas que la han adoptado para el trabajo visual.

BAMF_BLOG_AH_TIPOS_08_avenir

  1. Bebas: “Logotipos, frases cortas y portadas de película. Nunca falla, solo hace falta intervenirla un poco para que no se vuelva común, aunque ya lo es”

Esta tipografía de uso libre es un gusto bastante extraño. Creada por Ryoichi Tsunekawa, es muy usada para diseño web, impreso y en el arte. Tiene pocas variantes pero sus trazos elegantes y limpios la hacen muy funcional en muchas piezas gráficas (incluyendo memes).

BAMF_BLOG_AH_TIPOS_09_bebas

  1. Georgia: “La usé en mi primer trabajo formal. Eran unas invitaciones y fue perfecta, aunque ahora ya la uso de una mejor forma”

Matthew Carter diseñó esta tipografía para Microsoft en 1993. Una tipografía Serif, sus características ofrecen una gran legibilidad, es usada de forma recurrente en el ámbito editorial.

BAMF_BLOG_AH_TIPOS_10_georgia

  1. Century Gothic: “Cuando te piden algo minimalista y no hay tanto presupuesto, esta es la confiable”

Tipografía geométrica, minimalista, Sans Serif creada por Monotype, Sol Hess y Morris Fuller Beton. Cuenta con una gran cantidad de variantes e idiomas. Resulta sin duda alguna una tipografía gratuita que te puede salvar el día.

BAMF_BLOG_AH_TIPOS_11_centuryGothic

  1. Garamond: “Inicié mis clases de tipografía en la universidad y la maestra nos hizo hacer planillas del abecedario con Garamond. Fue amor a primera vista”

Diseñada originalmente por Claude Garamond, y posteriormente adquirida por Adobe, la cuál fue trabajada por Robert Slimbach, esta tipografía en especial es una de las más influyentes de la historia. El cine la adoptó para una gran cantidad de portadas de películas. Posee una gran cantidad de variantes y está adaptada a más de 30 idiomas. Garamond es un referente histórico de la tipografía.

BAMF_BLOG_AH_TIPOS_12_garamond

  1. Rockwell “Me encanta hacer sellos e insignias, y siempre me saca de apuros”

Nació en 1910 a cargo de Fundación Inland, con el nombre “Litho Antique” y posteriormente fue intervenida por American Type Founders, Morris Fuller Benton y en el año 1934, Monotype Design Studio, con Frank Hinman Pierpont lanzaron su propia versión con el nombre “Rockwell”. Es una tipografía flexible y te da la oportunidad de crear pequeños párrafos; es un gran aliado al momento de hacer títulos, hoy en día es muy empleada para editorial, identidad, web, etc.

BAMF_BLOG_AH_TIPOS_13_rockwell

  1. Trajan: “Me incomoda verla en muchas portadas, pero no puedo resistirme a sus patines, sus delicados y finos trazos”

Creada por Carol Twombly en 1989, inspirada en las inscripciones talladas en la base de la columna que conmemora la conquista de Dacia por el emperador Trajano ubicada en Roma. Esta tipografía llena de historia, elegancia y legibilidad remite al espectador a tiempos pasados. Uno de sus usos más frecuentes es en portadas de películas, es un recurso muy usado y también se ha abusado de el.

BAMF_BLOG_AH_TIPOS_14_trajan

  1. Bodoni “Es común encontrarla en invitaciones y revistas; me entristece verla en cualquier parte y mal aplicada”

Por último, debo aceptar que no me gustaba, pero con el tiempo le he adquirido un gusto muy peculiar. La creación del tipógrafo Italiano Gianbattista Bodoni, una Serif que ha sobrevivido al paso de las tendencias y épocas. Sus trazos modernos, combinación entre líneas finas y gruesas, remates delgados y rectos hacen que tenga un gran contraste. Bodoni es ahora una de mis tipografías favoritas.

BAMF_BLOG_AH_TIPOS_15_bodoni

¿Qué es una marca?

“it’s not what you say it is, it’s what they say it is.”
-Marty Neumeier (The brand gap)

Escuchar personas que confunden palabras algo tan común todos los días, parece insignificante y un poco divertido, pero deja de serlo cuando confunden terminos y afectan de forma profesional y económica. Tal situación sucede con: Logotipo, marca e identidad.

Existen personas que confunden estos términos, e inclusive lucran con este asunto, mercadologos que dicen hacer branding, cuando en realidad solo inventan un nombre, una personalidad de marca y una estrategia de posicionamiento; diseñadores que dicen hacer marca cuando en realidad solo hacen un logotipo, una identidad corporativa, administradores que solo hacen un plan de negocios y crean un valor de marca.

Mitos
Para continuar con este asunto vamos a aclarar un par de asuntos, una marca no solo es un logotipo, ni mucho menos una identidad.

Un logotipo y una identidad no son una marca.

Qué es una marca?
Una marca es un grupo de características que definen el aspecto visual, emocional, físico y operativo de una idea o negocio.

En palabras de Antonio Serrano, uno de nuestros directores creativos y fundadores: “Una marca es un producto o servicio con una personalidad clara y definida; con valores humanos, con historias, con símbolos, con emociones”.

Para comprender un poco más acerca de lo que implica una marca tenemos el siguiente gráfico del libro: designing brand identity de Alina Wheeler.

 

Una marca es

Una vez definido lo que es una marca, es necesario explicar lo siguiente:

Logotipo: Es el termino más entendible para todo el público, sin embargo existe una gran diferencia entre imagotipo, isotipo y logotipo; Miguel Basurto nos explica cada uno.

Logotipo: Es el termino utilizado cuando se usa únicamente tipografía para identificar a una empresa, marca o institución.

Logotipos

Imagotipo: Combinación entre tipografía y un icono, dicha composición puede tener variantes utilizando cada elemento por separado.

bamf_blog_octubre_imagotipo

Isotipo e Isologo: Se denomina asi al icono, es la parte simbólica de una marca.

bamf_blog_octubre_isotipo

Identidad: Es el conjunto de materiales creados a partir del logotipo, esta serie de elementos se personaliza acorde al medio o sustrato que se requiera, la cantidad de aplicaciones puede variar dependiendo el giro del negocio. Para tener una identidad es necesario contar con un logotipo, con los colores definidos, así como su tipografía y los usos correctos e incorrectos que se le darán. Teniendo lo mencionado anteriormente se puede pasar a desarrollar lo siguiente:

Papelería – Hoja membretada, tarjetas de presentación, sobre, etc.
Editoriales: Cartel, folleto, manual, carta, tríptico, etc.
Empaque: Individual, paquete, mostrador, etc.
Uniforme: Vestimenta del equipo de trabajo.
Señalética: Interior y exterior.
Mensaje: Tono de voz, formas de expresión, etc.
Digital: Animaciones, audio, video, etc.

En palabras de Carlos Losan: La identidad gráfica es la carta de presentación de la empresa, es la que nos representa como empresa y trámite nuestros valores, virtudes, historia etc. Nos da forma física por así decirlo, y representa también el giro, de lo que somos y ofrecemos.

bamf_blog_octubre_identidad

Entender el significado de cada termino hará una diferencia enorme, por ahí dicen que: “no es lo mismo que lo mesmo”