EEN EN
EL
DISEÑO
índice
02. alejandro magallanes 03. EDUARDO BARRERA 04. FELIPE COVARRUBIAS 05. LUIS ALMEIDA 06. VICENTE ROJO 07. JAVIER RAMIREZ (EEL CHA) 08. BENITO CABAÑAS 09. DOMINGO NOE 10. ERIC OLIVARES 11. RICARDO LUEVANOS 12. QUIQUE OLLERVIDES 13.GONZALO GARCIA BARCHA
16. 17 TENDENCIAS DEL DISEÑO GRAFICO
ALEJANDRO MAGALLANES Alejando Magallanes ha ilustrado más de 15 libros para niños, entre ellos: Cuando las ranas duermen (Gobierno de la Ciudad de México, 2000), Adivinancero (Nostra Ediciones, 2003), Jueguero (Nostra Ediciones, 2005) y Kikirikí (Nostra Ediciones, 2005). También ha escrito dos: Esto no es (Editorial SM, 2005) y Ven Hada (Editorial SM, 2006). Junto con Leonel Sagahón fundó La Máquina del Tiempo, un estudio que se dedica desde 1996 a la elaboración de proyectos de comunicación gráfica. Sus carteles han sido premiados en numerosos países. Hasta la fecha ha realizado más de 300, que han sido expuestos en Polonia, Japón, Canadá, Francia, Holanda, Argentina, República Checa, España, México y otros muchos lugares. Pertenece a los colectivos El Cartel de Medellín, La Corriente Eléctrica y Fuera de Registro, y desde 2004 es miembro de la AGI (Alliance Graphique Internationale).
The Elephant (in the room) tuvo una conversación con el diseñador Eduardo Barrera Arambarri, ockstar del cartel en México, quien nos habló largo y tendido sobre una de las ramas más apasionantesdel diseño gráfico.
EDUARDO BARRERA
¿Por qué decidiste dedicarte a hacer cartel? De entrada, en México es muy difícil que te puedas especializar exclusivamente en alguna vertiente del diseño gráfico, porque trabajas en esto para vivir. Tratas de sobrevivir en un mercado muy competido. Los carteles que me gusta hacer son los que promueven proyectos culturales: teatro, danza, música. El cartel de cine es aparte, es mucho más comercial y casi siempre tienes que poner las fotos de los actores. Difícilmente puedes hacer un cartel de concepto en una película, aunque hay maravillosas excepciones como el legendario c artel de Vértigo de Saul Bass.
¿El cartel es arte? ¿Por qué? Para empezar, los gringos causan confusión porque usan muy mal las palabras art y artist. Si trabajas en una agencia de publicidad, ellos se refieren al layout como ‘el arte’. El director de arte (o artist) en ese sentido erróneo, es quien toma las decisiones de diseño: formato, tipografías, colores, ilustración, fotografía, etc. El cartel está en esa delgada línea entre el diseño, que pertenece a las artes aplicadas, y el arte puro. Gente como Henri de Toulouse-Lautrec hizo carteles, pero es pintor. Murakami hizo carteles, pero es artista contemporáneo, Andy Warhol, Yoko Ono…
¿Qué te inspira? La música. Casi todo el tiempo estoy escuchando rock, rock raro, iconoclasta. Me gustan mucho Frank Zappa y Primus. Frank Zappa es uno de los músicos más completos que conozco. Era capaz de componer lo mismo una pieza sinfónica que un blues de tres acordes, o rock punk o disco. Era increíblemente irónico en sus letras, se metía con todo mundo, le valía madres todo. Lo mismo se burla de los blancos que de los negros y los judíos americanos, que de los ricos y de los pobres, etc.
“La manera de lograr un buen diseño es acariciarlo y acariciarlo hasta que empiece a ronronear como una metáfora”.
FELIPE COVARRUVIAS
Felipe Covarrubias Álvarez. Director de diseño en el Departamento de Bellas Artes de Jalisco y director de la Revista Magenta de diseño, así como socio fundador de Trama Visual, asociación organizadora de la Bienal Internacional del Cartel en México, y fundador y director de la Galería Azul en Guadalajara. Actualmente, desde 1993, es coordinador del Salón del Diseño en el Centro de Arte Moderno en México.
LUIS ALMEIDA Desde sus inicios, el hombre ha buscado comunicarse por medio de imágenes.
La pintura rupestre es una muestra clara de este lenguaje, mediante el cual se transmitieron conocimientos, se efectuaron rituales o se invocó a las fuerzas de la naturaleza. La imagen es un proceso de lectura que atiende a la interpretación de un espectador, quien decodifica su significado y, así, los sistemas de señales internacionales, que se manejan por encima de las diversas lenguas, son prueba de que la humanidad, sin importar su raza o credo, puede comunicarse de manera icónica. Por otra parte, existen imágenes universales, como Marilyn Monroe, Mao Tse-tung, el Che Guevara, la explosión atómica en Hiroshima, un puño cerrado, un rostro embozado, una paloma, etc., que nos brincan, como resortes, disparando asociaciones con información social o cultural y conformando a cada uno de nosotros, al provocar lecturas personales, diferentes de matiz en cada espectador. La imagen es la manera más rápida y eficaz de comunicar, de emocionar o de llamar nuestra atención, y esa es la materia básica del lenguaje del cartel. Su manejo consciente hace al constructor de ella, diseñador, fotógrafo o ilustrador, un narrador por excelencia, que buscará proponer las diferentes lecturas, la condición insólita. Esta búsqueda justifica el esfuerzo de tantos poetas visuales, que por este medio emparentan con el hombre de las cavernas y se proyectan hacia nuevas etapas de comunicación en el espacio cibernético. Texto del Catálogo de la Sexta Bienal Internacional del Cartel en México.
Los primeros pasos, Vicente Rojo en México.
POR:Dra. Luz del Carmen Vilchis
¿Cuándo llegaste a México? En el año 49, hace 60 años exactamente. En Barcelona, me gustaba mucho el cine, y la única visión estética que tenía era del cine; yo hacía anuncios para cine. Me gustaba mucho porque realizaba mis propios dibujos y mis composiciones, tenía 15 o 16 años. Yo llegué de 17 años, y en ese entonces no tenía idea de qué era el diseño gráfico, simplemente lo hacía porque me gustaba el cine, porque veía la prensa y hacían unos pequeños cartelitos, y yo dibujaba letras sin tener la menor idea de a lo que me iba a dedicar, sin tener idea de nada... ¿Cuando empezaste a trabajar con Miguel Prieto, tenías alguna noción de diseño? Cuando yo empecé, la carrera de Diseño Gráfico no existía. Lo que hoy podríamos llamar diseñador gráfico, en ese entonces se conocía como tipógrafo, maquetista; no se conocía como diseño gráfico. ¿Alguna vez supiste cuáles eran las influencias para Miguel Prieto? Él tenía un sistema propio… No sé cómo era en España, no tengo idea, yo no tuve referencias, pero veía unas publicaciones francesas en las que él había trabajado..., Prieto las tenía, yo las miraba y me decía: “en México, nosotros no podemos hacer eso”. A pesar de esto, no sé decirte sus referencias. ¿Qué te llamaba la atención? La tipografía… Cuando Miguel Prieto dejó la oficina en el cambio sexenal del 52, tuve la indicación del nuevo director del INBA de quedarme en su lugar. Yo tenía 22 años y mi única referencia era Miguel Prieto. También entonces empecé a trabajar en la incipiente Imprenta Madero, que no tenía tipógrafo; ahí inicié con la tipografía Bodoni, la Garamond, los clásicos…, yo escogía los tipos…, como trabajé un corto lapso en una imprenta que no sé cómo se llamaba, pero tenía unos tipos muy bonitos, como el Corvinus o el Empire, que utilizaba Miguel Prieto… Pero yo lo hacía por lo que observaba en revistas.
DE LA MUSICA AL DISEÑO El músico, diseñador, locutor y empresario Javier Ramírez, mejor conocido como
El Chá! por su trayectoria como bajista de las bandas Fobia y Moderatto, nació en 1968. De padres autoritarios, su pasión por el diseño se vio reflejada desde muy pequeño, pues su madre no lo dejaba salir a jugar, por lo que pasaba el tiempo en su cuarto leyendo y dibujando sus propios cómics. Al llegar a la etapa universitaria, entró a estudiar a la UNAM la carrera de Odontología. Poco tiempo duró en ella, ya que entre la música y su pasión por el diseño, decidió que quería estudiar una carrera para mantener su vida y tener a la música como un pleno hobbie. Como el diseño le llamaba la atención, decidió inscribirse en la carrera de Diseño Gráfico en la Universidad Continental, sin que su padre supiera, y fue allí donde creó Hula Hula
Hula Hula es un estudio de diseño formado en la ciudad de México en 1996, el que está enfocado, principalmente, a la industria del entretenimiento. Han trabajado para empresas como Sony, BMG, EMI, Warner, MTV, Doritos, Hard Rock Café, Festival Morbido, Cartoon Network, Coca-Cola, entre otras. Su trabajo se ha publicado en Communication Arts, Los Logos, Latin American Graphic Design y Diseño Gráfico en México: 100 años.
BENITO CABAÑAS Diseñador gráfico por la Universidad de las Americas Puebla, trabajó con la agencia de comunicación Anatome en la ciudad de Marsella y París, Fr (1999 - 2001). Actualmente es director de la agencia Abracadabra. A impartido conferencias y talleres en más de 16 ciudades dentro de la Republica Mexicana y también en Francia, Rumania, Chile, Argentina y Costa Rica. Su trabajo se ha expuesto de forma individual en más de 14 ciudades dentro de: -La Republica Mexicana -Marsella, Fr (2004)
¿Quién es?
DOMINGO DOMINGO NOE NOE
Domingo Noe es un diseñador mexicano especializado en diseño de revistas, libros, ediciones especiales, web, posters e identidad visual. Concluyo la licenciatura en diseño de la comunicación gráfica en la universidad Autonoma Metropolitana Azcapotzalco. En 1990 trabajó como director de arte para la galeria metropolitana, después trabajo en editorial televisa como director de arte en la revista Harper´s Bazaar, edición México y Latinoamerica y como coordinador general de diseño de revistas internacionales. A partir de 1997 fundo junto con Alvaro Rego la revista Matiz, junto con Yolanda Garibay fundo el estudio La Fe Ciega y ambos participan en el diseño de la revista de rock La Mosca En La Pared.
ERIC OLIVARES
Nació en la Ciudad de México en 1970. Diseñador, ilustrador, artista de performance y newmedia art. Es licenciado en Diseño Gráfico /Escuela de Diseño del Instituto Nacional de Bellas Artes, México D. F. y tiene una maestría en Artes Digitales/Universidad Pompeu Fabra, Barcelona. Fue discípulo de los diseñadores: Burton Kramer, Félix Beltrán, Jan Rajlich y Peter Pocs y colaborador de Günther Schmidt, Félix Beltrán y Enric Satué. Desde 1987 ha trabajado con instituciones y empresas nacionales e internacionales desarrollando proyectos de identidad corporativa, ilustración, cartel, editorial, espacios expositivos, museografía, escenografía, publicidad, multimedia, broadcast design y como director de arte. Su trabajo en arte y diseño cuenta con reconocimientos en América, Europa y Asia. Fue profesor de licenciatura y postgrado en la Escuela de Diseño del Instituto Nacional de Bellas Artes y de la Universidad Iberoamericana, en México, D. F.
RICARDO LUEVANOS Es ilustrador y diseñador gráfico. Sus fuentes de inspiración son la fantasía, los sueños, el romanticismo, los textos que lee, las personas cercanas a él, y especialmente la música, que marca cada uno de sus proyectos. Profesión: Licenciado en Diseño para la Comunicación Gráfica. ¿Has realizado estudios formales de arte o eres autodidacta? Estudié la licenciatura en Diseño para la Comunicación Gráfica en la Universidad de Guadalajara, así como talleres de técnicas de ilustración y apreciación cinematográfica. Háblanos un poco de ti. Tengo 26 años. Soy ilustrador y diseñador gráfico. He trabajado en varias empresas locales y nacionales dedicadas a la moda, donde he hecho gráficos impresos sobre tela. Actualmente soy el encargado de la imagen gráfica de Belanova. Muy pronto saldrá a la luz la línea oficial de productos de Denisse Guerrero, vocalista de Belanova, inspirada y diseñada por ella misma e ilustrada por mí. He trabajado también con Jesse&Joy en la creación del oficial de su gira Con quien se queda el perro. Tengo una exposición en solitario, Conservación de los recuerdos, en la Galería Jorge Martínez (2010) y tres colectivas: It´s Ok to Cry, en Humo Live Art (2009), Olio, en Casa Patrice (2010) y No puedo prometer nada, en la Galería Jorge Martínez (2011).
O
E U Q I U ES Q QUERVID LOLLL IQ
QUIQUE ERV UE IDE OLLERVIDES QUSI Q OLL
UE ERV IDE QUIQUE S
OLL QUIQ ERV UE IDE S Diseñador con especialización en diseño tipográfico por Cooper Union.
OLLERVIDES QUIQUE OLLERVIDES Q
Co-fundó y dirigió el estudio Hula+Hula (1996-2010) y la tienda/galería KONG (2006-2010), primera en México especializada en ilustración y diseño. Desde 2010 trabaja de manera independiente en proyectos de branding, ilustración y tipográficos. Nació en la Ciudad de México en 1974.
OLL UIQUE ERV S Es egresado de la carrera de Diseño Gráfico de la Universidad Intercontinental. I D E E E QUIDI S U En 2014 diseño este cartel para la multipremiada OUILQL RV QUE ópera prima de Alonso Ruizpala- cios. E E Q LL RVSID Se usó en la gira de Festi- vales únicamente. el logo que había diseñado a partir de O UE IDE EES Mantuvieron impresos de tipos móviles en carteles viejos de lucha U Q Q I V libre. U I Q R QU LLEOLLERVIDES También diseño los créditos de salida de la película. O QUIQUE
QUIQ OLLE UE RVID ES
OLLERVIDES QUIQUE QUIQUE OLLERVIDES OLLERVIDES QUI Q OLL U QUIQUE O Q L UE ERVOLLERVIDES LERIQUE V I
QUI DES O QU IDE OLL I S Q Q L L U U E E E E R R V V QUI I I D D OLL QUE E S E S E S E E D ER U QUIQUVEID E S S E D I V OLLER
U VI Q Q I S Q I E U U R I U D Q RVI E Q LL OLLERVQUE E
GONZALO GARCIA BARCHA Nacido en México en 1962 e hijo del escritor colombiano Gabriel Garcia Marquez, G o n z a l o Garcia Barcha es tipógrafo y diseñador gráfico, c o n larga experiencia ya en la imprenta y en los títulos de crédito del cine. Gonzalo Garcia Barcha estudio en la Parson School of Design, su trabajo se ha desarrollado en ciudades como París, Nueva York y la Ciudad de México. En esta última fundo El Equilibrista, casa editirial de libros de vanguardia sobre diseño gráfico, cine y artes visuales. Pintor activo, en 2012 expuso panorama, una serie de pinturas que primero dibujo en su iPad y despues traslado al oleo, demostrando su versatilidad tanto manual como t e c n o l ó g i c a .
LADY LOVE ANIMA ESTUDIO
CHINELIN
17 TENDENCIAS DEL DISEÑO GGRÁFICO
2017
111
El diseño web se convierte en diseño movil
2016 fue el año del diseño mobile-first (móvil primero). 2017 será el año de sólo móvil. ¿Estoy siendo demasiado radical? En 2015, la navegación móvil representó el 56% de todo el tráfico a los mejores sitios. Este porcentaje sólo ha subido. Aunque todavía no tenemos datos para 2016, los expertos piensan que el tráfico móvil puede superar el 60% del total (el móvil es el único dispositivo que sigue creciendo en tráfico). Ya los días de diseñar una experiencia web para los usuarios de PC, y luego adaptarlo a las pantallas de tableta y de teléfonos inteligentes, son cosa del pasado. Ahora ya se asume que el diseño móvil sea el que abarque a la mayoría de tus usuarios. Si hay algo que adaptar, será en la versión de escritorio de tu sitio. El diseño móvil es el nuevo estándar para el diseño web. Esto significa que las funciones móviles, como la hamburguesa/menú oculto o pantalla de ancho completo, pronto serán comunes en los sitios de escritorio también. Esta tendencia será un elemento común a la mayoría de los elementos de esta lista.
2
Aplicaciones web progresivas
¿Qué es una aplicación web progresiva (PWA)? Es como una aplicación normal (nativa), pero que vive en nuestros navegadores, lo que significa que no necesitas descargar nada en tu dispositivo. Son servidos desde la web, al igual que una página web. Al igual que las aplicaciones nativas de la tienda de aplicaciones, se pueden iniciar desde el escritorio o la pantalla de inicio del usuario, pero no necesitan de app store o play store para existir.
3
Diseños en esqueleto ¡Dile adiós a los spinners! El año pasado dije que todo era sobre usabilidad. Esta tendencia sigue vigente. Los diseños en esqueleto no se refieren a la apariencia de un sitio web o aplicación. Son acerca de la forma en que se cargan. Dile hola a esta última tendencia en la experiencia del usuario (UX). Las pantallas de carga en esqueleto son un sistema que asegura que tu experiencia en la web o la aplicación sea lo más rápida posible, y esto se logra cargando la página en etapas: desde los elementos más simples hasta los más complejos, pero siempre proporcionando al menos el esqueleto de la pantalla sobre la cual estás navegando.
4
Las microinteracciones
Las microinteracciones significan mucho: Una microinteracción es una pequeña señal visual que se activa cuando un usuario realiza una determinada acción. Las microinteracciones son los componentes básicos de la interacción del usuario. En cada dispositivo, cada vez que cambias una configuración, estás realizando una microinteracción. Es decir, cuando pasas el cursor sobre un botón, su color cambia. Cada vez que le das ‘like’ o marcas algo como ‘me gusta’, eso es una microinteracción también.
5
Sal de la cuadricula 2017 será el año en que finalmente tendremos una cuadrícula basada en CSS funcionando en casi todos los navegadores. Esto significa que la construcción de una cuadrícula impecable y sensible para el diseño de tu sitio web será más fácil que nunca. Irónicamente, muchos diseñadores se han cansado de adaptarse a una cuadrícula geométrica para organizar su contenido. ¡Es hora de salir de la cuadrícula!
6
Diseños verticales y divertidos 6. Diseños verticales y divididos: Después de bastantes años donde los módulos horizontales eran la norma, especialmente en las landing pages, la disposición vertical y dividida finalmente ha surgido como una alternativa fuerte. Funcionan bien tanto en la sección de home como en las landing pages. La razón es que ofrecen dos o más opciones diferentes para el usuario, sin la necesidad de presentar uno como más importante que el otro. A menudo verás este diseño del sitio emparejado con un montón de espacio negativo y tipografía en negrita.
7
Imagenes SVGs: Los archivos del formato de Gráfico de Vector Escalable (Scalable Vector Graphics o SVG) son un formato de imagen vectorial que ha existido desde 1999. Entonces, ¿cómo es que son una tendencia importante en 2017? Dos grandes razones: la resolución y la velocidad de carga de la página. Dado que los archivos SVG son escalables, significa que son independientes de la resolución y se verán perfectos en cualquier pantalla, sin importar el dispositivo o el tamaño. Esto soluciona el problema en el que a veces se tenía que preparar dos archivos de imagen diferentes para cada objeto, uno para las pantallas de resolución normal y otro para las pantallas de retina.
8 8. Animaciones activadas por desplazamiento e imágenes cinemáticas: Los elementos que se animan a medida que te desplazas hacia abajo no son exactamente nuevos. Pero en lugar de ser sólo un truco llamativo (¡mírame, soy una animación!), se han convertido en un elemento clave de la narración. Muy bien, cada animación que descubrimos a medida que nos desplazamos hacia abajo de la página debe contar una parte de nuestra historia. Apple lideró el camino con el increíble sitio de Mac Pro.
9
Botones de call to action animados: Y todavía no hemos terminado con las animaciones. Una vez que hayas probado todo para que tus botones de llamada a la acción (Call to Action o CTA, por sus siglas en inglés) se destaquen (estilos 3d, colores contrastantes …) ¿cuál será el siguiente paso lógico? Animarlos todo lo que puedas! Esto no es lo mismo que un aviso emergente pop-up o un de subida fly-in. Los botones CTA animados significan que el movimiento está dentro del botón, lo que te atrae a hacer clic en él. Pero ten cuidado; cuando no se hacen bien, los CTA animados resultan molestos. ¿Te gustaría obtener inspiración para animar tus botones? Aquí hay mucha (y todo se hace con CSS).
10
Gradientes y duotonos En lo que respecta a diseño gráfico, 2017 verá dos grandes reapariciones: el gradiente y el duotono. Los veteranos de Photoshop reconocerán instantáneamente estas dos palabras, ya que aparecen entre los efectos más populares durante años – hasta que el minimalismo y el diseño plano mataron la nota. Los gradientes (o degradés) y duotonos son de hecho el mismo efecto, que consiste en “imprimir” una imagen en dos tonos del mismo color, o negro y un tinte de color. Por lo general se denomina así cuando se aplica a un fondo plano, siguiendo un patrón establecido (horizontal, circular, etc). Mientras que el duotono se utiliza frecuentemente para describir el efecto e aplicar sólo dos colores a cualquierimagen dada.
11
Retro / Brutalismo
El diseño retro nunca pasará de moda. A medida que nuestra dependencia de herramientas y dispositivos en línea crece, toda una generación anhela cosas con las que sus padres o hermanos mayores jugaron, ya se trate de imágenes Polaroid, vinilos o videojuegos delos años 90. En este sentido, todo un movimiento llamado Retro Wave ha traído de vuelta el estilo gráficode los años 80: colores de neón, fondos de palmeras y todo lo que te recuerda a la era deMiami Vice. Incluso hay una herramienta en línea gratuita para generar efectos de texto y fondos ochentosos, el impresionante Retro Wave Generator.
12
Diseño textil
El Diseño Material (Material Design) fue el gran ganador de las tendencias de diseño web de 2016. Pero es la naturaleza de las cosas no permanecer igual durante mucho tiempo. Después de que Google y su forma material de entender el diseño en línea ha tomado el mundo – ¿qué sigue? Lo textil. La textura y la profundidad eran algo que Material Design puso sobre la mesa, después de haber sido una especie de algo “prohibido” por el Flat Design. Pero el diseño material dejó suelta a una bestia peligrosa.