Tzek Blog de Diseño

Las revistas de chismes del espectáculo son popularmente adictivas. En México existe una gran circulación de este tipo magazines, siendo TV y Novelas una de las más representativas y con más trayectoria. Una característica distintiva de éstas es sin duda la portada, la cual tiene que gritar para llamar la atención de los lectores potenciales. Y que mejor manera de hacerlo con textos en caja alta, colores vibrantes, falta de aire en la composición y enunciados estridentes.

Portada de TV y Novelas

Lo importante tiene que aparecer en la portada. Pero, ¿qué es lo importante? ¿quién lo determina? Quizá a muchos nos cruza por la cabeza la palabra editor y más aún, podríamos determinar que “él decide, él dirige, y punto”.

Si hacemos la analogía con la Web, la portada vendría siendo la página de inicio. ¿Cuáles son las respuestas a las mismas preguntas? El editor o webmaster sería quien determina qué, en qué orden y dónde van las cosas ¿no? Sin embargo, la Web es una de las entidades donde el poder del usuario final tiene más peso para lograr el éxito ¿o no?

Supongamos que el webmaster es en sí el “diseñador web”: el que se encarga no sólo del mantenimiento sino que ha participado tiempo atrás, tanto en la estructura como en el layout. Este caso es fácilmente visible en freelancing o en trabajos donde un equipo pequeño (incluso de una o dos personas) se encarga de un sitio completo.

Pues bien, la premisa del “lado del diseñador” sería “poseo los conocimientos para determinar cómo indentificar la estructura del sitio y la interfaz de este”; ergo, “aquí está el sitio propuesto, úsese”. Sin embargo, existe una contraparte: los stakeholders o las personas interesadas (en el sitio). No estamos hablando del usuario final. Entre estas personas puede estar quien encarga el sitio (contratista), el jefe, un comité que determina qué información se estará presentando, etc. Lo “sabroso” se da cuando la mente (y el ego, por qué no) del diseñador se encuentra con la de los stakeholders para determinar, entre otras cosas, qué incluye y cómo debe ser la página de inicio, la “gran carta de presentación”.

En ese cruce de “aires”, cual formación de tornado, suele darse un “Síndrome de portada TV y Novelas” en el index o página de inicio, el cual corrompe terriblemente la posible propuesta óptima de interfaz web por parte del diseñador. Todo es importante y todo debe resaltar. Claro, las opiniones son muy sesgadas dependiendo del stakeholder en cuestión. Justo ahí es donde entra el grado de influencia de cada uno de ellos; sin embargo, todos quieren tener visible el nicho de información de su interés.

La “homepage TV y Novelas”, le pone al usuario todo a la mano, eso debe ser bueno. Se pueden encontrar banners animados en flash y muchos botones o imágenes por todas partes, textos de gran tamaño, menús desplegables con muchas pero muchas opciones, más de 5 logotipos (por eso de mostrar que el sitio es importante), etc. 

El ying-yang de este asunto puede describirse así: el diseñador web no preparó la estructura (navegacional y visual) del sitio “a prueba de balas” y tampoco se preocupó por sensibilizar a los stakeholders hacia una cultura de la usabilidad y fucionalidad (¿qué queremos con el sitio? ¿para qué servirá?); por otro lado, las personas interesadas sí quitan autoridad al diseñador (aunque se les explique), debido a que lo “importante” es lo importante y tiene que estar en el index, cuanto más opciones, mejor. No se trata de armar “pleito”, ni de ver quién tiene la razón, sino de darse cuenta que un sitio web va más allá de “presentar información”, porque en la mayoría de las veces están ahí para usarse.

¿Y a qué lleva el último punto? La respuesta es simple: cuando los usuarios usan el sitio (valga la redundancia), se topan con una página de inicio saturada, con demasiada información, muchas opciones para seguir navegando y que pobremente responde a sus necesidades. Después, cuando llega la retroalimentación, sobretodo en esas situaciones donde se apremia “la calidad en el servicio”, los stakeholders se dan cuenta que la página de inicio y todo el sitio, están mal.  Como parte de este síndrome entra su desesperación por no quedar mal y demostrar que sí hay aptitud, que se tiene un sitio web bueno, usable y relevante. Es posible que en este punto se recurra de nuevo al diseñador para que “corrija” tales desperfectos.

El síndrome puede evitarse, pero requiere de la participación de los stakeholders y que sepan hasta dónde llega su autoridad, dejando lo pertinente al diseñador web, que en teoría es el experto y sabe lo que conviene pensando en los usuarios del sitio. Lo complicado está que se involucran aspectos emocionales (en particular de egocentrismo) tanto en el diseñador como en las personas interesadas, por lo que “sanar” es más difícil de lo que parece.

El diseñador para ponerse frío, hay que reconocerlo, debe hacer su chamba, documentar en la medida de lo posible (wireframes y blueprints, esquemas y diagramas, todo lo válido para comunicar por qué se hacen las cosas) y ser claro ante los stakeholders sobre lo que se pensó, lo que se tiene, lo que puede ser y lo que se podría hacer. 

¿Complicado o díficil? Sí. Pero es parte del show ¿o no?

Hace un par de semanas, el buen Choper sacó un post titulado “Espíritu de Venado” en su blog personal. Este platicaba sobre una anécdota de darse tiempo para hacer cosas para uno mismo (diseño en general), sugiriendo dejar de pensar que si no nos pagan, no hacer algo.

Hacer algo ajeno al trabajo

Definitivamente yo no suelo hacer cosas personales de diseño, pero el post me dejó pensando: hacer cosas sólo de la chamba me pone en un estado no muy óptimo para diseñar, como enfadado o aburrido. Decidí entonces tomar un lápiz y dibujar antes de empezar algo del trabajo. Me dispuse a hacer un alebrije.

Alebrije (clic para ampliar).

Ponerme a dibujar es algo que solía hacer mucho y me ponía en un estado tranquilo. Contradictoriamente, me pongo a “garabatear” cuando supuestamente tengo que “poner atención”, como en una clase o mientras platico largo y tendido sobre algo relevante. Quizá por eso no me pongo a hacer cosas de diseño después de decirme “Hoy voy a hacerme algo de diseño”.

Ponerlo a colores

Me decidí a colorear mi alebrije, en fotochop… la neta, no me quedó como esperaba y eso de iluminar con el mouse requiere paciencia.

Alebrije a color (clic en imagen para ampliar).

Esta forma de iluminar simple (por favor ilustradores no se rían), va mas o menos así:

• Aplicar al dibujo escaneado la opción de Desaturar.
• Disponer de una capa encima del escaneado en modo Normal.
• Dar varios brochazos de color con un porcentaje menor al 100% de opacidad y con la brocha en modo Color.
  • Mezclar con el dedo, también con menor a un 100%. Esto para ir mezclando los brochazos.
  • Tomar diferentes porcentajes del borrardor y hacer borrones, para dar “luz”.
  • Repetir cuantas veces sea necesario.
• Cuando ya se haya terminado de iluminar la pieza, duplicar la capa que corresponde a los colores. Una de estas capaz ponerla en modo Color (queda como se hubiera hecho lápices de color) y la otra ponerla con una opacidad menor.
• Ajustar hasta obtener los trazos de lápiz en combinación con el color según como se desee.

En conclusión

Una parte definitivamente acepta que es un buen método para ponerse en blanco y luego concentrarse en el trabajo. Sin embargo, admito que resulta incómodo estar ahí bocetando para distraerte-despejarte sin levantar sospechas a quién pasa por tu escritorio.

Actualización: Argentina ha liberado la tercera parte de cómo registrar una marca en México. De verdad que un agradecimiento por compartir este tipo de información. Saludos y éxito.

Argentina, consultora gráfica del despacho VectorEs Divergentes, posteó en dos partes el proceso de cómo registrar una marca en México en forma concisa y digerible.

Pongo aquí estos útiles post:

• Cómo registrar una marca - Parte 1
• Cómo registrar una marca - Parte 2

En lo personal, agradezco el que compartan con la comunidad este tipo de información. Ahí está para cuando el cliente nos diga: Oye, ¿y tu te encargas también de eso del registro de marca?

PD. Mucho éxito a Argentina y a Hugo con VectorEs Divergente.

Me da mucho gusto comentarles que el emprendedor Pablo Deza, titular del podcast CeMeYeKa, nos invita a participar este año en la segunda edición de “Los leones no son como los pintan“. 

Este año la participación no va a ser con carteles sino con el diseño de una playera. La “temática es respeta y protege a los animales”. Este año, al igual que el pasado, los premios son muy atractivos. 

Así que si te late la propuesta social, la experimentación en tela y la construcción de mensajes, anímate a participar. Para mayor información visita el sitio oficial del concurso. ¡Mucha suerte!

El proyecto de tesis de Licenciatura en Diseño Gráfico de Ángel Vargas, estudiante de la Universidad Autónoma del Estado de México, consistió en la elaboración de un “Manual del Buen Diseñador Gráfico”, donde recopila información diversa sobre esta disciplina, desde referencias teóricas hasta anotaciones provenientes de la red.

Como parte del proyecto hay una sección que se llama “Estilos de Vida”. Ahí entrevista a 11 autores de blogs de diseño, incluyéndome.

Para mi fue muy grato y halagador que Ángel me entrevistara. Ahí hay más de uno de mis blogs favoritos y claro, el podcast de Pablo Deza. Pueden leer las entrevistas por separado o juntas. En mi caso, ahora que me leo veo que soy un rollero (decir mucho), ¡qué horror!; recuerdo que estaba en la cama y que traté de ponerme en un estado nirvanesco y me puse a teclear. Plop… ahora noto mis faltas de “punto y comas” y una redacción más sintética. Pido Ofrezco una disculpa.

Lo que sí, recomiendo las entrevistas a mis colegas. 

Gracias Ángel y saludos a todos….

Via Evasèe, encontré este flickr-pool sobre Otl Aicher.  Me encanta, es tan Lebendige Deutsch Gestaltung..!!! (gracias google..jejeje)

Cuando tomé identidad corporativa, tuve el chance de ver el manual… es un shock diseñístico. Esa “M”, tan modernista, te causa sentimientos encontrados, ¡en serio!

Y los otros cuyo análisis me han dejado pensando sobre el diseño y el sabor alemán. Claro, cuando los vi, pues no sabía ni siquiera quién era Otto Aicher, pero ese manejo de tipografía, sólidos, aire y enrejillado… super.

Nunca he dicho, voy a basarme en Otto, porque ni siquiera se mucho sobre él o su obra, como otros cuates que tengo. Pero sí me identifico con esa forma de dispoción/arreglo visual alemán, en particular la que evoca trabajo como la de él.

P.D. Por cierto, al principio siempre lo confundía con Otto Neurath, otro cuyo trabajo ISOTYPE admiro mucho. Además que me recuerda las gráficas de los libros de primaria mexicanos de los años 80’s.

Los carteles siempre me han llamado la atención, aunque admito que cuestionaba su efectividad comunicativa. Chistosamente, desde hace más de un año que llegué al CIRIA (donde trabajo), he realizado muchos anuncios impresos en forma de “cartel” (o algo que se le parezca). Soy un neófito en esto del diseño de carteles, pero he descubierto que del “lado del diseñador” es una experiencia interesante: tanto te puede hacer sentir satisfecho, como puede llegar a frustrarte muy rápido. Escribo entonces, dos reflexiones al respecto.

El sabor visual institucional.

Cuando entré a trabajar, la identidad de la UDLAP había cambiado y con ella venían muchas normas gráficas que demostraban la influencia de Germán Montalvo, reconocido cartelista y artista gráfico mexicano. Ahí fue cuando “volteé” mi mirada hacia los carteles y sobre todo, como proceso de diseño.

Hay dos cosas que empezaron a mover mis engranes mohosos… la primera vez vi un cartel para una revista institucional cuya “ilustración” era la fotografía de una piedra que tenía atada plumas (bolígrafos) y lápices a una piedra… yo y mi cara de “what” en ese momento. El segundo ejemplo fue el cartel para un congreso de comunicación; la foto, un grano de maíz “palomero” con unos audífonos… ya iba captando: la metáfora iba a ser parte de la marca visual de la universidad.

De verdad que imitar no es copiar y que también es una buena forma de aprender. Y así fui haciendo mis pininos tanto en incorporar/explotar una identidad y sabor visual ya existentes, así como en esto de asociar ideas para ilustrar un concepto.

Checklist para ser congruente con el sabor visual durante el diseño de un cartel institucional.

a) Identificar al menos las tres directrices basicas:

• Tipografía
  • ¿Hay una tipografía oficial?
  • ¿Hay más de una?
  • ¿Cómo se maneja la jerarquía de información con la tipografía?
  • ¿Cuándo usar light, bold o regular? ¿Cuándo usar una familia u otra?
  • ¿Se usa la tipografía como elemento decorativo también? ¿En que casos? ¿De que manera?
• Fotografía/Ilustración
  • ¿Cómo se compone?
  • ¿Tiene algún trasfondo su composición? ¿Tiene un fin meramente estético?
  • ¿Por qué tienen que ser así las imágenes? ¿Qué buscan transmitir? ¿Son para emocionar o causar algo dentro los espectadores?
  • ¿Cómo se integra con la tipografía?
  • ¿Cómo influye en el layout?
• Color
  • ¿Cuáles y cómo usar los colores institucionales?
  • ¿Hay una paleta institucional para toda la producción gráfica? Y si no la hay, ¿es claro cuál es el camino a seguir para tomar decisiones aisladas? (lo mismo puede decirse de los gráficos o ilustraciones).
  • ¿Cómo se aplica en los textos decorativos e informativos?
  • ¿Cómo se aplica en las imágenes?
  • ¿Existen funciones específicas del color dentro de la institución? ¿En qué casos y por qué?

b) El discurso institucional

• ¿Qué se dice? 
• ¿Cómo se dice? ¿Con qué tono?
• ¿Con qué palabras?

c) La producción gráfica aislada

• ¿Qué hace el departamento jefe de diseño?
• ¿Qué hacen otros departamentos de la institución?
• ¿Cómo es el ambiente físico?

En el caso de la UDLAP, hasta el momento, el sabor institucional involucra el manejo tipográfico de Helvetica Neue, Bauer Bodoni y colores sólidos. En cuanto a la parte de las ilustraciones, el manejo de la metáfora continúa, aunque no estoy seguro si seguiremos en esa línea compleja-rebuscada-metafórica ahora que Montalvo ya no dirige el departamento de diseño en la universidad. Sin duda, este tipo de cartel es toda una “escuela”. Lo que me ha enseñado es que

1. En el diseño de carteles también se aplica lo de “simple no significa sin sustento”.
2. Un buen cartel tiene que ver con la asociación de ideas aparentemente disjuntas al concepto que se va a comunicar. 
3. Eso sí. Al hacer lo anterior uno puede divertirse mucho, o bien, frustrarse por no conseguir este “enlace”.

El concepto-concepto en el diseño de carteles

Justo por la oportunidad de experimentar haciendo carteles, creo que diseñar un cartel no es decorar, es comunicar una idea. Efectivamente un cartel te puede sorprender, emocionar, incomodar, apaciguar o deleitar. A esto lo llamo tener concepto-concepto.

El primer concepto del concepto-concepto tiene que ver con tomar el mensaje, la información, y entonces realizar esta asociación con ideas aparentemente ajenas. Cuando se logra la conexión, el mensaje se transforma. Un ejemplo de lo que podía ser el resultado, sería un cartel que causara alguna de las reacciones mencionadas. Definitivamente no es fácil.

Más o menos creo que funciona así esto de obtener el primer concepto del concepto-concepto:

• Saber qué se tiene que decir con obviedad,
• pensar en el contexto (quien lo va a observar, dónde, de que modo),
• romper esa obviedad con un mensaje visual que vaya más allá del mensaje original (esto es, sorprender, emocionar, incomodar, etc.),
• asociar ideas dispares, “alocarse”, para hacer algo “creativo” (raro, no usual, metafórico, artístico).

Y el otro concepto del concepto-concepto, es en realidad la ejecución, lo que muchos confundimos con “diseño”. Esto es, tomar el mensaje y darle unos buenos “brochazos”. Es enfocarse directamente en cosas como:

• texturas y acabados,
• efectos,
• decorar bien.

Ejemplos típicos sería hacer un cartel verde para algo de ecología, manchas rojas para algo de muerte o poner una computadora para anunciar tecnología. Sin embargo, he descubierto que algunos de estos casos realmente dependen de factores externos al diseñador:

• No hay mucho tiempo para reflexionar sobre el concepto. A veces, tienes que sacar otros pendientes que te ocupan la mente o que te absorben el tiempo para la elaboración de un concepto y bocetaje. O bien, 
• importa más tener algo concreto, antes que tener algo que permita al diseñador experimentar.

Algo que confieso, es que según noto, es más probable que este tipo de carteles sea más fácilmente aceptado, a diferencia de llegar con algo “extraño”, lo cual es de antemano cuestionable. Sin embargo, también me ha pasado que para estos últimos, la gente está más involucrada con aportar algo.

Buscar al menos un punto medio

Entonces, si andamos medio secos en la mente, bloqueados, apurados o con el tiempo encima. ¿qué sería bueno hacer? Como dije, soy un neófito en esto de los carteles, pero más o menos he identificado que si no se puede transformar el mensaje, entonces sí hay que considerar que al menos el segundo concepto (del concepto-concepto) se conecte con el primero mediante el manejo de elementos del cartel que sí tengan bien establecido un significado dentro del contexto relacionado.

Como ejemplo, tomo una anécdota del trabajo, relacionada con un programa de evaluación de calidad en los servicios. Como siempre, había que hacerse difusión a la actividad. Por circunstancias diversas lo tenía que hacer pronto y se me atravesaban otros pendientes.

Con la ayuda de las personas que me lo encargaron, me dieron una orientación sobre qué pediría el cartel a los usuarios del CIRIA. Al final, esto quedó como

“Yo opino porque me importa”.

Si nos enfocáramos mucho en esta idea del concepto-concepto, este copy se tendría que transformar en algo así “esotérico” como una “balanza casera con un kilo de huevos encima” (chetos, como no se me ocurrió antes. plop). En este caso, la idea estuvo en determinar por qué era importante opinar y por qué participar. Una respuesta tiene que ver con la pertenencia, y esa pertenencia tiene que ver con la identidad de la universidad, y esa identidad se instancia en parte en su escudo. Así, los colores del escudo son una buena opción para reafirmar los valores intrínsecos en el cartel. La idea de opinar sí admito que es sencilla: opinar→hablar→globo de comic.

La segunda parte del concepto-concepto, la ejecución, fue emplear el color institucional de fondo en contraste con el globo para lograr el gancho visual y evidenciar que es algo interno.

Considero que fue algo sencillo pero eficiente. Me queda claro que los buenos carteles, además de comunicar, involucran otros aspectos y que no es fácil dominar el “cómo” hacerlo. Noto que la práctica es algo que te va “puliendo”, por lo que si estás interesado en diseño de carteles, entonces hay que hacer muchos A veces hay que ceder un poco por las circunstancias, pero si te apasiona diseñar carteles, es necesario no sólo buscar el punto medio sino también darle mucho concepto-concepto. En mi caso, definitivamente me falta mucho por recorrer y aprender.

Eduardo de Análisis Gráfico nos presenta en forma breve pero concisa su perspectiva sobre por qué el diseño no es arte: 

• http://www.analisisgrafico.org/blog/articulo/diseno-y-arte

En mi caso, lo había expresado con esta tautología:

El diseño implica arte pero el arte no implica necesariamente diseño.

La ciencia implica diseño pero diseñar no implica necesariamente hacer ciencia.

Aun así, la ciencia implica hacer arte. 

Para mi el conflicto no está tanto en el diseño, sino en la invalidez que tiene ante las ciencias, desde la perspectiva que toda actividad humana, por su naturaleza, posee una subjetividad inherente que conduce a alimentarla/desarrollarla en forma artística (bajo la definición de la RAE).

En cuanto a lo escrito por Eduardo, el ápice de su post sin duda es la siguiente frase:

“Haz diseño, no arte; y, si lo haces, no lo vendas como diseño”.

Dado el post anterior que me dejó reflexionando, sobre cómo aprender a diseñar páginas web, comento con un colega: 

No estoy seguro si comenzar un curso de diseño web deba incluir manejo de tablas. Sino empezar directo con CSS.

Es como aprender a montar bicicleta. Puedes aprender con “rueditas” o sin ellas. Al final es lo mismo, acabas sabiendo como montar bicicleta.

Nota contextual: El “pecsi” tiene que ver con la premisa de que a los diseñadores les cuesta trabajo aprender “código”… Jum. ¿Quién habrá inventado y diseminado esta idea?

Encontré está recopilación de métodos de visualización diseñada en forma de tabla periódica de elementos.

Una manera rápida y presentada en forma entretenida para tomar referencias de cómo hacer explicaciones visuales.