Diseño Mexicano
Para llevar...
N
o es un secreto que en el ámbito del diseño dentro de nuestro país, contamos con un número bastante amplio de talentos que, incluso, han llegado a ser reconocidos a nivel mundial y han colaborado con marcas internacionales de gran importancia. Desgraciadamente, muchos de estos rostros son desconocidos para la mayoría de nosotros y pasan desapercibidos sin que podamos reconcoer su trabajo ni saber exactamente quién realizó esa ilusstración de revista que tanto nos gustó, o quién es el autor de aquel fotomontaje tan surrealista y magnífico para la publicidad de nuestra marca de relojes favorita. Por eso, en esta ocasión te traemos un top de mexicanos cuyos diseños seguramente habías visto, pero no sabías quién lo había realizado, ¡Comencemos!
Gabriel Martínez Meave Gabriel Meave es diseñador gráfico y tipográfico, ilustrador y calígrafo, nacido y radicado en la Ciudad de México. Su trabajo abarca el diseño editorial y de libros, identidad corporativa, logotipos, obra gráfica, caligrafía y diseño de fuentes y familias tipográficas. Ha ilustrado libros de narrativa, fantasía y ficción, para autores como Gabriel García Márquez, Juan Villoro y Cornelia Funke. Ha diseñado tipografías especiales para empresas como Telcel, el diario financiero El Economista, Jumex y los almacenes El Palacio de Hierro, así como la fuente institucional del gobierno federal de México. Sus tipografías originales Arcana y Orgánica son distribuidas internacionalmente por Adobe Systems.
Ha realizado proyectos de diseño y marca para Mexicana de Aviación, Corona, P&G, McMillan, Pearson Educación, Fondo de Cultura Económica, Ogilvy & Mather y diversas agencias, editoriales y firmas de diseño. Su obra caligráfica y de ilustración ha sido exhibida en diversos foros y espacios, entre ellos la muestra individual «La mano que mece la pluma» en el Museo Mural Diego Rivera en el centro histórico de la Ciudad de México. Además, su trabajo ha sido publicado en las principales revistas internacionales de diseño, tales como Communication Arts, Novum, Ètapes, Typo y How. Phaidon Books, en su libro Area_2, publicado en 2009, incluyó a Meave como uno de los cien diseñadores emergentes más importantes hoy en el mundo.
Quique Ollervides Diseñador con especialización en diseño tipográfico por Cooper Union. Co-fundó y dirigió el estudio Hula+Hula (19962010) 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. Es egresado de la carrera de Diseño Gráfico de la Universidad Intercontinental En 2014 diseño un cartel para la multipremiada ópera prima de Alonso Ruizpalacios. Se usó en la gira de Festivales únicamente. Mantuvieron el logo que había diseñado a partir de impresos de tipos móviles en carteles viejos de lucha libre. Hace unos días terminó de publicar un proyecto bastante interesante en su cuenta de instagram. El proyecto consistía en publicar el diseño de un
logotipo, un símbolo o un monograma y propuestas de diseño que él hubiera deseado que el cliente aceptara. Lo del ejercicio es que podemos ver muchos logotipos que son muy conocidos en muchas partes, pero que probablemente nunca hubiéramos sabido el nombre de su diseñador, si ni existiera éste proyecto. Otra cosa interesante del proyecto 30 días 30 logos, es la justificación de cada uno de los diseños. Habla de la historia de cada uno de los clientes o como fue el contacto con los artista antes de diseñar los logos.
Gonzalo García Barcha Nacido en México en 1962 e hijo del escritor colombiano Gabriel García Márquez, Gonzalo García Barcha es tipógrafo y diseñador gráfico, con larga experiencia ya en la imprenta y en los títulos de crédito del cine. Gonzalo García Barcha estudió 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 fundó El Equilibrista, casa editorial de libros de vanguardia sobre diseño gráfico, cine y artes visuales.
Además de los estudios sobre tipografías antiguas, otra de sus especialidades es la creación de tipos adaptados para títulos y créditos de cine. Su pasión por la edición también lo llevó a fundar El Equilibrista y Balacamán, editoriales que difunden el arte del diseño en su contexto histórico. pintor activo, en 2012 expuso Panorama, una serie de pinturas que primero dibujó en su ipad y que después trasladó al óleo, demostrando su versatilidad tanto manual como tecnológica.
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. 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. Escribió el libro Dibujo para diseñadores gráfi-
cos y tiene experiencia como docente impartiendo talleres y conferencias en diversos congresos internacionales. Actualmente trabaja en inlightdesign, estudio que realiza proyectos de comunicación visual y multimedia.
Carlo Olivares Paganoni Originario de Cuernavaca, México, estudió durante dos años la escritura de guiones en la UCLA, y más tarde asistió al Art Center College of Design, en Pasadena, se graduó con un Maestría en Cine. Su tesis cortometraje “cámara de cartón” ganó un Emmy de estudiantes. Carlo se trasladó a Estados Unidos para trabajar para Cartoon Network fue productor ejecutivo de: “Santo Contra Los Clones”, Ahora es escritor / productor de Disney XD, y realiza campañas promocionales para Star Wars Rebels, Las Nuevas Crónicas de Yoda y Súper Chico durante el Mes de la Hispanidad.
Ahora es escritor / productor de Disney XD, y realiza campañas promocionales para Star Wars Rebels, Las Nuevas Crónicas de Yoda y Súper Chico durante el Mes de la Hispanidad. Como creativo, su obra ha sido reconocida por Cannes Lions, The One Show, Art Directors Club, el Festival de New York, FIAP, los Premios Hispanos de Anuncios, el Círculo de Oro México, El Ojo de Iberoamérica, Premios de Licencias LIMA, Promax América Latina y Promax BDA. Como director, su trabajo ha sido reconocido por varios festivales de cine incluyendo, LA Shorts Fest, Cortos Yahoo en “Yahoo en Español,” y el Festival de Cine Latino de San Diego. Carlo vive en Los Angeles, CA.
Benito Cabañas Benito Cabañas es diseñador Gráfico por la Universidad de las Américas Puebla. Trabajó con la Agencia de Comunicación Anatome en las ciudades de Marsella y París, Fr. (1999-2001). Actualmente es Director de la Agencia Abracadabra y consultor gráfico de la UNESCO en París, Fr. Premio Quórum (1999-2000). Obtuvo el Coup de Coeur, premio especial en participación con Anatome (2000). Ganó una mención en la 8va. Trienal Internacional del Cartel Político en la ciudad de Mons, Be., (2000). Conmemorando los 60 años de la UNESCO, fue seleccionado para la exhibición 60 años-60 carteles, en París, Fr., (2005). Ganó una mención en la Primera Competencia Internacional del Cartel Anti-AIDS-Ukraine, en Ukrania, UA. Fue
finalista en El Proyecto Quanto en Venezia, It. (2006). Ganó uno de los diez lugares dentro del proyecto del cartel Good 50x70, celebrado en Milán, It. y una mención honorífica en el Concurso Internacional de Cartel Latinoamerica Hoy (2009). Ha impartido conferencias y talleres en más de 16 ciudades dentro de la República Mexicana y también en Francia, Rumania, Chile, Argentina y Costa Rica.
Eduardo Barrera México, 1974 Cursó la carrera de diseño gráfico en la Facultad de Artes y Diseño (antes ENAP) de la UNAM. Trabajó como coordinador de publicaciones para la Bienal Internacional del Cartel en México y la revista Lúdica, bajo la dirección de Xavier Bermúdez. Cursó varios workshops de diseño de cartel con Jukka Veistola (Finlandia), Takashi Akiyama (Japón), Marna Bunnel (Canadá), Peter Pocs (Hungría) y Uwe Loesch (Alemania). En las agencias de publicidad Leo Burnett México y Magic Moments Agentür für Kommunikation Viena, Austria, fungió como director de arte y director creativo, respectivamente. Desde 2001, Barrera trabaja como diseñador independiente en diferentes vertientes
del diseño gráfico y comunicación visual, desarrollando imagen corporativa, publicidad, fuentes tipográficas, carteles, diseño editorial, empaques, sitios web, motion graphics y presentaciones multimedia para diversos clientes, empresas, instituciones y agencias. Su trabajo de cartel personal con temas político-sociales ha representando a México en las selecciones oficiales de concursos, bienales y exposiciones colectivas en más de 30 países. Fue premiado con medalla de bronce en la Bienal Internacional del Cartel en México en 2000, y en la Trienal de cartel ecológico “4th Block”, en Kharkov, Ucrania, en 2006. Con el artista plástico Erick Beltrán desarrolló la publicación ‘Ergo Sum’, para la Fundación Tápies en Barcelona, que ganó en 2008 el Grand Prix de la Bienal de Diseño Gráfico en Brno, República Checa. Vive y trabaja en la Ciudad de México.
Ricardo Luévanos Es ilustrador y diseñador gráfico. Estudió diseño para la comunicación gráfica en la Universidad de Guadalajara. Cuenta con 3 exposiciones en solitario y más de 25 colectivas. Crea ilustraciones a base de fotografías intervenidas con terminados digitales, siempre con una propuesta donde la nostalgia y el anhelo juegan un papel fundamental. Su obra siempre va de la mano con el título de la misma, creando una conexión directa entre el ojo y el corazón del espectador. 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. Su trabajo ha sido publicado en revistas como
Nylon, Cream, Posh, Blink así como la revista francesa Pose, es el encargado de la imagen gráfica de Belanova y actualmente prepara su próximo exposición en solitario, en Sala Juárez para Noviembre de 2016.
Vicente Rojo Vicente Rojo nació en Barcelona (España). Realizó estudios de dibujo, cerámica y escultura. en 1949: Llegó a México. Fue asistente en la Oficina de Ediciones del Instituto Nacional de Bellas Artes (INBA), Realiza estudios de pintura y sus primeros diseños gráficos. Es nombrado jefe de la Oficina de Ediciones del INBA, institución con la que seguirá colaborando en años posteriores. Trabaja como diseñador gráfico de la Dirección de Difusión Cultural de la UNAM. Realiza trabajos de diseño gráfico para el Departamento de Artes Plásticas del INBA y la UNAM. Es nombrado director artístico y encargado del Departamento de diseño gráfico. Se presenta en
el Museo de Arte Moderno (INBA) la exposición Grupo Madero: Diseño gráfico en La Cultura. Es cofundador y director artístico de Artes de México. Diseñador gráfico de Nuevo Cine. Es director artístico de la Revista Bellas Artes (INBA). Es director artístico de la Revista de la UNAM. Es director artístico de Artes Visuales (INBA). Crea el diseño de La Gaceta del Fondo de Cultura Económica. Realiza el diseño de portadas para Vuelta. Realiza el esquema gráfico para Imágenes. Idea el diseño gráfico de la Revista de Bellas Artes (INBA).
Domingo Noé Martínez Diseñador mexicano. Especializado en diseño de revistas, libros, ediciones especiales, web, pósters e identidad visual. Universidad Autónoma Metropolitana / Azcapotzalco Licenciatura en Diseño de la comunicación gráfica Santiago, Ch. (2007) San José, CR (2007) Cluj Napoca, Ru. (2009) Valencia, Es.(2009). En 1990 trabajó como Director de Arte para la Galería Metropolitana; después, trabajó en Editorial Televisa como Director de Arte de la revista Harper’s Bazaar, edición México y Latinoamérica
y como Coordinador General de Diseño de revistas internacionales. A partir de 1997 fundó junto con Alvaro Rego la Revista Matiz. Junto con Yolanda Garibay fundó el estudio La Fe Ciega y ambos participan en el diseño de la revista de rock La Mosca en la Pared.
Luis Almeida 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. Las obras son 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.
Javier Ramírez “El Chá” 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. El comienzo de su carrera musical con Fobia fungió, también, como inicio de un proceso de
aprendizaje en el diseño, ya que estuvo muy involucrado en la producción de los flyers para las presentaciones del grupo y en la imagen de sus primeros discos, sobre todo en el segundo disco, Mundo Feliz, logrando fusionar su amor por la música y el diseño. En 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.
Alejandro Magallanes Nace en México en 1971 Estudia en la Escuela Nacional de Artes Plásticas de la UNAM diseño gráfico Trabaja para instituciones sociales y culturales Desarrolla proyectos editoriales, animaciones y carteles Ha recibido varios premios, algunos son: Medalla Jozef Mozrack en la XV Bienal Internacional de Cartel en Varsovia // Premio Golden Bee (en diseño editorial) en la Bienal de diseño gráfico en Rusia // Mención en el New Horizons de la Feria del libro de Bologna La obra de Magallanes es muy diversa. No tiene una técnica o un estilo único. Utiliza para hacer sus imágenes tintas, acrílicos, fotos, collage, dibujo,
objetos. Siempre hay un hay tanto procesos análogos como digitales en una misma proporción. Sus imágenes se caracterizan por tener siempre presente el juego y un sentido del humor. Dice que sus imágenes tienen que ser directas y parecer fresca y espontaneas. Tienen que tener el impacto que te causa “ver un graffiti en la puerta de un baño” cuando te gusta.
Felipe Covarrubias Nació en Guadalajara, Jalisco, México, en 1945. Realizó la licenciatura en Arquitectura y estudios de fotografía y tipografía en Inglaterra, ha trabajado en el área de diseño gráfico y editorial. -Director de diseño en el Departamento de Bellas Artes de Jalisco. -Director de la Revista Magenta de diseño. -Socio fundador de Trama Visual, asociación organizadora de la Bienal Internacional del Cartel en México. -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. Obtuvo en 1984 el Premio México de Diseño. Al final de los 90’s, el Premio en Artes en Jalisco.
“No poseo ninguna fórmula como común denominador; pero puedo mencionar que en las primeras horas del día se encuentra la mente más apta para comprender el problema. Con atención, impasible y de buen humor es menos difícil vislumbrar la solución.”
¡Eso fue todo! ¿Qué te parece?
¡Apoyemos al diseño Mexicano!
Diseño multidispositivo Facilitando la interacción del usuario con la interfaz
S
on ya tantos los medios de acceso a la información que existen en el mundo virtual, que crear tantos diseños para una sola página web resulta obsoleto y poco práctico. Por lo que hoy en día se comenzó a implementar el diseño multidispositivo; un diseño que se puede adaptar tanto a web en pantallas de ordenador, tablet o teléfono móvil. Facilitanto así, la interacción y el acceso del
para ver la rápida penetración; en cambio, el mercado parece estar ya saturado, y según la ITU, en cuatro de las seis regiones del mundo “la adopción de la tecnología móvil celular se está desacelerando considerablemente y su tasa de crecimiento está en sus niveles más bajos, tanto en el mundo en desarrollo como en el desarrollado”. El diseño web multidispositivo adaptativo, o en ingles; Respon-
usuario a las plataformas virtuales que desea visitar. La tendencia a la utilización de teléfonos móviles es creciente. Los datos que proporciona la ITU, organismo de las Naciones Unidas, así lo muestran: a finales de 2013 un 96 % de la población mundial tendrá acceso al teléfono móvil —128 % en el mundo desarrollado y el 89 % en los países en desarrollo—. Basta con echar la vista atrás un par de años o tres
sive Design, permite que el sitio web se adapte al dispositivo que el usuario elija. Es decir, el tamaño de la pantalla no supone ningún obstáculo, ya que tanto el contenido como la estructura de la web se adaptan a los diferentes formatos: ordenadores de escritorio,
portátiles, móviles, smartphones o tabletas (iPad y tablets Android). Se trata de que la web se adapte al visitante y no al revés. Implica: El usuario puede acceder al mismo sitio web desde cualquier dispositivo y lugar. Su experiencia de navegación y de lectura es satisfactoria y práctica, el usuario encuentra la información que está buscando. El costo de desarrollo y de mantenimiento de del sitio web son menores, ya que suponen una única inversión, ya no hay múltiples versiones del mismo sitio Web. Una única dirección URL es suficiente. Ya podemos olvidarnos de los subdominios y de las aplicaciones móviles. Mejor posicionamiento en buscadores, Google premia los sitios adaptativos.
Aplicaciones Web Progresivas ¿Qué son?
P
robablemente, durante estos últimos meses hayas podido ver en más de un lugar la denominación “Aplicación Web Progresiva” o PWA, por sus siglas en inglés. Lo cierto es que mucha gente no le da la importancia que se merece a esta tecnología, y son pocos los usuarios que, aún conociendo las ventajas que ofrecen, han decidido dar el salto de las aplicaciones convencionales a este tipo de apps. Por ello, hoy queremos explicar con más detalle qué son este tipo de aplicaciones y por qué deberías comenzar a utilizarlas en tu smartphone Android ahora mismo, además de darte algunas opciones con las que sustituir a las apps “de toda la vida.
Apareció un nuevo tipo de apps, las aplicaciones web progresivas de las que hablamos hoy. Este tipo de aplicaciones basadas en la web, hacen uso de las últimas tecnologías disponibles en los navegadores, para ofrecer una experiencia lo más completa posible, con una interfaz y una cantidad de funcionalidades que muy poco tienen que envidiar a las de las apps nativas. Esto se suma a un rendimiento que suele estar bastante por encima gracias a que son capaces de consumir una menor cantidad de recursos, y en muchas ocasiones, existe la posibilidad de trabajar con ellas sin necesidad de conexión a Internet.
Por supuesto, este tipo de aplicaciones son capaces de enviar notificaciones push al usuario, así como aparecer en la pantalla de inicio del dispositivo como si de una aplicación “normal” se tratase. De esta forma, a la hora de utilizar apps progresivas, obtendrás varios beneficios si las comparamos con las aplicaciones convencionales que todos tenemos instaladas. Entre ellos, encontramos los siguientes: ·Mayor rendimiento. ·Carga de contenido casi instantánea. ·Utilización de una menor cantidad de recursos –almacenamiento, RAM, etc.–. ·Menos trabajo y necesidad de inversión a la hora de desarrollarlas.
Animación en Ma
Curso imparitdo por el Profes Aprende a crear tu personaje desde un sencillo bocetaje hasta los complejos moviemientos que tú decidas agregarle.
¡No te quedes atrás! (Cupo limitado)
Informes: Mail: profesteban@gmail.com Facebook: /ProfeEstebanOficial Twitter: @ProfeEstebanO
aya con esqueleto
sor Jorge Esteban Hernรกndez
Microinteracciones
U
na 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. Crear buenas microinteracciones no es fácil. Las buenas microinteracciones separan los productos exitosos de la multitud. El menú de hamburguesa, los botones de ‘Me Gusta’ de Facebook, el Autocomplete de Google se han ganado una reputación como ejemplos clásicos de grandes microinteracciones. Veremos más y más microinteracciones alrededor de la web, pero no sólo porque son geniales. Bien utilizados, añaden una función al sitio o la aplicación, así como una sección de comentarios para los usuarios. Las microinteracciones le permiten al usuario saber que su acción ha provocado un cambio, y no necesita hacerlo de nuevo. Para funcionar correctamente, necesitan tener un único propó-
sito, deben ser relevantes y necesarios para tu sitio o aplicación. Si el usuario no obtiene nada de la interacción, su usabilidad sufrirá, en lugar de mejorar. La microinteracción también puede sustituir fácilmente procesos o interacciones más largos.
Pedir la opinión del usuario es un caso así, donde una elección entre tres o cuatro emoticones puede suprimir la necesidad de llenar un aburrido formulario en línea.
Re cu tí las
¡Sal de la cuadrícula!
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!
L
os elementos que rompen los límites de las cuadrículas rectas tradicionales se convertirán en el nuevo estándar. Incluso los sitios corporativos en las industrias más tradicionales comenzarán a adoptarlos, haciendo que los sitios web que aún se adhieren a la vieja cuadrícula luzcan un poco desgastados.
Diseños verticales
y divididos
D
espué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.
F
uncionan 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 (ver más abajo).
contenido en varias facetas, lo que las hace perfectas para la navegación del sitio, además de ser una solución de escaparate de contenido, mejor que los Incluso puedes utili- antiguos controles deslizar más de dos módulos zadores. verticales. Esto divide tu
Para un concepto bastante similar, revise los grandes menús fotocéntricos, que pronto serán ampliamente adoptados por los sitios de comercio electrónico.
Imágenes SVGs
L
os 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.
E
sto es sin duda excelente para los logos y cualquier elemento de marca. Crea tu logo una vez, de la manera que lo desees, y siempre se verá genial, no importa en qué tamaño. Un ejemplo: el nuevo logotipo de TNW es un archivo SVG, como puedes ver aquí y puedes hacer zoom en tu navegador tanto como quieras – el logotipo no se va a pixelar.
En cuanto a la velocidad de página, los archivos SVG no realizan ninguna solicitud http. Esto se debe a que todo el contenido de un archivo SVG es sólo texto, lo que lo hace muy rápido para que los navegadores lo lean. Y como sabe, en una web cada vez más móvil, la velocidad de la página importa y mucho. Pero hay aún más razones para su reciente popularidad: pueden ser animados, y son perfectos
para crear fondos geométricos (otra gran tendencia, por cierto) sin añadir más tiempo de carga. ¿qué hay de negativo realmente sobre los archivos SVG?
L
os cinemagraphs o imágenes cinéticas son todavía imágenes donde una pequeña parte tiene un movimiento repetitivo, creando un bucle animado. El ojo humano es inmediatamente arrastra-
Cinemagraphs do a la parte de contraste, movimiento, a medida que el fondo se queda quieto.
te utilizado por sitios de comercio electrónico y para publicidad en banners.
Debido a su capacidad para destacarse, se vuelven viral muy fácilmente, y pronto será ampliamen-
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 no se hacen bien, los CTA todo lo que puedas! animados resultan molestos. Esto no es lo mismo ¿Te gustaría obtener que un aviso emergente inspiración para animar pop-up o un de subida tus botones? Aquí hay fly-in. Los botones CTA mucha (y todo se hace animados significan que con CSS). el movimiento está dentro del botón, lo que te atrae a hacer clic en él. Pero ten cuidado; cuando
Gradientes y duotonos
E
n 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
E
l 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 de los años 90.
fondo plano, siguiendo un patrón establecido (horizontal, circular, etc). Mientras que el duotono se utiliza frecuentemente para describir el efecto de aplicar sólo dos colores a cualquier imagen dada. La técnica de superposición de dos colores proviene de la industria de la imprenta. Ahora, como parte de una tendencia general en la que todas las cosas no digitales están resurgiendo, es hora de adoptar de nuevo el degradé y las superposiciones de dos colores.
haya elegido un par de colores como el color del año 2016 no dolió tampoco. Como demuestran las campañas de Spotify, los duotonos son perfectos para proceso de branding y por eso están siendo tan rápidamente aceptados por las marcas y editores de todo el mundo.
Es justo decir que Spotify fue el actor más grande que lideró el camino para los duotonos, en 2016. El hecho de que Pantone
Retro / Brutalismo En este sentido, todo un movimiento llamado Retro Wave ha traído de vuelta el estilo gráfico de los años 80: colores de neón, fondos de palmeras y todo lo que te recuerda a la era de Miami Vice. Incluso hay una herramienta en línea gratuita para generar efectos de texto y fondos ochen-
tosos, el impresionante Retro Wave Generator. Los extremistas en esta tendencia de diseño son los Brutalistas: anhelan una web sin ninguna concesión al diseño – igual que el texto y los sitios de principios de los 90’s. Craigslist te suena familiar?
E
Diseño textil
l 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.
El diseño textil trae una mezcla de diferentes metáforas de diseño, en su mayoría con características 3D. El objetivo es comunicar cómo se sentirían los objetos si pudiéramos tocarlos en lugar de simplemente verlos. Es como un puente entre el diseño material y el diseño skeuomórfico (un estilo donde todo luce como su contraparte en el mundo real). Esto podría llevarnos a la forma en que la web lucía hace 15 años. Ahora que lo pienso, a los brutalistas no les gustará eso.
Minimalismo en Branding y Logos
E
l minimalismo ha reinado durante algunos años en todos los campos del diseño gráfico. Podemos ahora ser testigos de los últimos días de esa supremacía, al menos para el diseño web. Pero hay un uso específico en el que el estilo minimalista no se desvanece, sino que se hace más fuerte: logos y branding. Entre otras razones, esto puede ser explicado de nuevo por el hecho de que toda la web pronto lucirá como una aplicación. En la interfaz de una aplicación, el logotipo y otros elementos de mar-
ca no deberían competir por la atención a expensas de funciones importantes para el usuario. Esta es la razón por la que el minimalismo para las marcas tiene sentido y vas a ver más y más de él en el futuro. Para una explicación más técnica de por qué a veces “menos es más” en lo que respecta a los logotipos, revisa este estudio sobre la importancia visual (compromiso con el ojo humano) de algunos de los logos de las empresas más grandes de tecnología del mundo.
Colores vivos y tipografía
E
sta es otra tendencia que comenzamos a ver en 2016, alimentada por las paletas de color vivas defendidas por Google Material Design. Si bien aún no se adoptan ampliamente, sólo se harán más fuerte en 2017. Espera ver un montón de home y landing pages donde el color audaz y la tipografía sean los elementos principales. El espacio blanco ya no tiene que ser tan blanco. Todavía se utilizará como una forma de dejar que
Lettering
N
o todo pueden ser ángulos rectos y patrones racionales. Tómalo como una reacción necesaria al estilo geométrico del diseño material: las tipografías de caligrafía manual serán más populares que nunca, y vendrán en más formas y tamaños que nunca antes. Esa es la belleza de usar una tipografía similar a la caligrafía manual: es más fácil transmitir un estilo único y personal. Simplemente no uses los que has visto presentados docenas de veces hasta ahora (Brush Script viene a la mente) y estarás bien.
los elementos brillen y darles espacio para respirar, pero ahora bien puede estar lleno de colores ricos y hermosos. Sin embargo, un poco de precaución: No todos los diseños pueden o deben usar paletas audaces de colores. De hecho, como sucede con todo lo que se vuelve una corriente principal, habrá una reacción a la tendencia: bastantes rebeldes se mantendrán fieles a los colores suaves y pasteles. Algo que de hecho irá mejor con otras grandes tendencias del año, como la Tipografía a Mano y las Texturas.
AI (Inteligencia Artificial) para el diseño
¿
Un diseño web automatizado? Seguro que es una opción para el futuro, ¿pero no es 2017
un poco demasiado pronto para esto?
en aplicaciones y para todos los presupuestos). Tienes suficientes opciones para que reflexiones durante horas si debes contratar a un diseñador humano o a un bot.
En realidad no. El diseño web basado en AI ya existe, y no es nada malo – ¡para consternación de unos cuantos freelancers! The Grid (creado por un ex Googler) es quizás el ejemplo más conocido de una plataforma de diseño web AI, pero hay más (basados en la web, basados
Diseñando para una interacción de gesto y voz
L
o sé, lo sé, las interfaces de gesto y voz no son algo nuevo. Pero están a punto de volverse muy populares. 2017 será el año en que la mayoría de los usuarios dejarán de sentirse “extraños” al hablar con Google, Alexa, Siri o cualquier otra aplicación. Del mismo modo, los gestos para la interacción del usuario se convertirán en menos de una rareza. Esto es obvio, pero ¿cómo diseñarlo? ¿Dónde debería estar tu icono de voz, o cómo hacerle saber al usuario que puede controlar su aplicación haciendo ciertos gestos – sin abrumarlo con infor-
mación que puede ser no deseada en ese momento? Otro reto para los diseñadores y expertos es la usabilidad. En resumen: a partir de este punto, las interfaces gráficas no serán con todo lo que un diseñador UX debe luchar.