Posts etiquetados con ‘tipografía’

Exposición tipográfica

Escrito por Tzek el 23/07/10
Clasificado en: Diseño de Información, Diseño Gráfico, Diseño y Sociedad, Profesión, Reflexión

Aunque de niño estuve rodeado de tipos móviles, realmente no me fijaba tanto en las caras de los tipos, sino más bien, me quedé con la idea de que el arreglo y composición del texto completo era importante porque observaba que había una forma ordenada para hacerlo. Quizá por eso al principio comulgaba muy bien con estas ideas del grafismo suizo. Sin embargo, después de ser expuesto a comprender la tipografía a un nivel quizá un poco más detallado, me he vuelto primero loco y luego más tolerante a la variedad de formas en los mensajes de texto, intentando cuestionarme cómo la tipografía, ya sea a nivel macro o micro, sí influye en la proyección del mensaje tanto como un todo, así como su convivencia con otros mensajes dentro de un entorno.

Asistí recientemente a un evento que me hizo recordar este asunto sobre la importancia de la tipografía en los mensajes gráficos y sobre cómo el usuario/lector/audiencia se encuentra expuesto a veces a tanta diversidad que me pregunto cuánto hace nuestro cerebro para evitar la ansiedad de una saturación de forma y contenido.

Desde mi lugar en esa ocasión veía algo más o menos así:

Jornadas Bibliotecarias de la BUAP

Mientras escuchaba la charla que muestra la fotografía de arriba me quedé pensando sobre este asunto de la exposición tipográfica. A continuación está un acercamiento:

jornadas02

Si no me equivoco por ahí está Copperplate, Calibri, Verdana y Arial (no veo bien si es Helvetica). Así, bajita la mano hay tres "tipos de letra". En la presentación hay dos "tamaños" (para "Muestra" y el resto para el texto en la tabla). Ahí mismo hay tres pesos distintos (el de "Muestra", el de los encabezados de la tabla y el resto). Y en la manta, sólo en el logotipo hay dos fuentes diferentes y tres tamaños. En adición, se pueden distinguir en la manta al menos seis tamaños diferentes en los pesos (que creo en mi un conflicto sobre qué es importante y qué es secundario). Y en ambos casos (presentación y manta), se añade la variable del color.

La razón por la que me dejó pensando es porque no podía evitar ver la presentación y la manta como un grupo. Es que hay algo en la manta, certero sin duda, que hace que te enganche visualmente: el rostro. Al final "carita mata texto" (en el tono del dicho popular mexicano) porque debido a que tendemos mucho a fijarnos en las partes de un rostro como ojos y boca, el de la manta está funcionando como una gran ancla visual, lo cual, perjudica en este caso poner atención a la presentación.

No es cuestión de si este diseño "está bonito" o "no está bonito", si está bien o está mal. La vida no puede ser aburrida y  poner todo en Helvetica y en tonos neutros con tal de evitar la "contaminación visual", y como consecuencia de ser creado por el hombre, el egocentrismo se extiende en lo que creamos, incluyendo los mensajes visuales y textuales (sobretodo si tiene que ver con presencia y lucro como con las marcas). Sin embargo, sí creo que como diseñadores, sabiendo que todos estamos tan expuestos a este bombardeo visual, de mucho en mucho, debemos cuidar detalles como una buena selección tipográfica, jerarquizar y colorear de formar que los textos tengan su impacto cuando se deba pero que no sean tan entrometidos cuando no se les esté prestando atención.

Saludos.

Identidad e imagen de Rio 2016

Escrito por Tzek el 14/09/09
Clasificado en: Diseño de Información, Diseño Gráfico, Diseño y Sociedad, Profesión, Publicidad y MKT, Reflexión, Tertulias, tutoriales

Rio de Janeiro es una de las ciudades candidatas a ser sede de los juegos olímpicos del 2016. La identidad tiene un símbolo que evoca a un corazón y/o mariposa y que es en sí el famoso "Pan de Azúcar". El tagline que acompaña a esta identidad es "Eu quero" (yo quiero).

Logo de Rio de Janeiro, ciudad candidata de los olímpicos del 2016

Logo de Rio de Janeiro, ciudad candidata de los olímpicos del 2016

Los cariocas se ha preocupado de dejar "pequeños recordatorios" de que son una ciudad ideal para los juegos olímpicos. De alguna forma esto crea una imagen fuerte y que te reafirma que uno se encuentra en la "Cidade Maravilhosa", llena de naturaleza.

Bienvenida al aeropuerto de Rio de Janeiro.

Bienvenida al aeropuerto de Rio de Janeiro.

Desde el aeropuerto uno comienza a ser bombardeado con la identidad visual de esta ciudad candidata.

Frase que identifica la campaña de Rio como ciudad candidata.

Frase que identifica la campaña de Rio como ciudad candidata.

Entrada a una de las terminales aeropuertarias.

Entrada a una de las terminales aeropuertarias.

Lo que me ha causado demasiada emoción en este proyecto es justamente su magnitud. Uno puede presenciar "en la realidad" el impacto de una identidad corporativa. Además, las aplicaciones son ejemplos claros de cómo el diseño y la comunicación corporativa funcionan: que no basta con el "logo", sino de cómo se integran ideas a través de frases y se amalgaman con elementos visuales congruentes.

En la calle, los MUPIs tienen fotografías con imágenes de lugares (por ejemplo, la playa de Copacabana) donde en blanco sólido tienen el pictograma "clásico" olímpico (por ejemplo de "volley ball playero") y frases del estilo "Ciudad olímpica por naturaleza". En otros lugares que ya se encuentran construidos, el diseño es más de información, indicando los posibles usos del lugar.

Lona que explica la posible función del Maracaná para el 2016

Lona que explica la posible función del Maracaná para el 2016.

Marquesina en el mini-museo del Maracaná.

Marquesina en el mini-museo del Maracaná.

Otro tagline manejado es "Viva su pasión". Demasiado intenso, pero efectivo.

Y por supuesto, también dentro del estadio sigue el "bombardeo"…

Palcos del Maracaná.

Palcos del Maracaná.

En el metro de Rio, no se deja escapar la oportunidad de reforzar la imagen de ciudad candidata.

Pasillo del metro decorado con la identidad de los juegos

Pasillo del metro decorado con la identidad de los juegos

Poste de luz en el interior del metro de Rio.

Poste en el interior del metro de Rio.

Vagones del metro decorados.

Vagones del metro decorados.

En mi caso, siendo un apasionado de la identidad y el diseño corporativo, ver plasmadas tantas aplicaciones en diferentes puntos de la ciudad se me figuró uno de esos proyectos apasionantes en los que uno sueña con participar. :)

A ver que tal les va a Rio… Sucesso!

Typ09: el video promocional

Escrito por Tzek el 21/08/09
Clasificado en: Desde la web, Diseño de Información, Diseño Gráfico, Profesión, Tertulias, tutoriales

Ya a punto de entrar en septiembre, dejo un video que desde siempre me ha gustado mucho: el video promocional del Congreso de la Asociación Internacional de Tipografía Typ09.

Dicho congreso de tipografía se llevará a cabo en la Ciudad de México del 26 al 30 de octubre de este año.

"The heart of letter": presentación hecha por Ricardo Salas Moreno y el concepto visual desarrollado por Isaías Loaiza Ramírez, Gabriel Martínez Meave y Alfredo Lezama Osorio.

Un pequeño cambio para probar

Escrito por Tzek el 04/06/09
Clasificado en: Diseño Gráfico, Reflexión

El motivo de este "refrescamiento" es por la forma misma. Los valores a proyectar son prácticamente los mismos, ya que en su mayoría sigo siendo el mismo.  Sin embargo, una fuente fría y cuasi-sosa como Myriad en bold, no puede reflejar en sus formas y contraformas algo que sea más "personal" y "juguetón".

logos-tzek1

El remanente es la persona-estrella-flor que fue conceptualizada originalmente como una personita "esponjadita" que está brincando y con cierta perspectiva. Aunque es claro que es un recurso gráfico no muy complicado para usarse como símbolo, decidí mantenerla por el momento. Los motivos: a) por ser un símbolo con el que tengo vínculo por lo que representa y b) al ser el "equivalente" de uno de los elementos de mi firma.

Lo bueno, es que puedo tomarme el chance de experimentar con este logo. ;)

Notas del taller de tipografía orientada a la creación de logos

Escrito por Tzek el 18/05/09
Clasificado en: Diseño de Información, Diseño Gráfico, Métodos y proceso de diseño, Profesión, Tertulias, tutoriales

Anteriormente había posteado sobre el taller de diseño de tipografía que impartiría Isaías Loaiza. En lo personal fue una experiencia enriquecedora, además de que Isaías transmite esa pasión por la tipografía y su relevancia en el diseño. Aquí dejo algunas notas de lo visto en el taller.

tipo

La primera parte del taller fue sobre apreciación tipográfica y cómo se puede explotar la tipografía para darle sabor y carácter a una marca. Entre los ejemplos, vimos el trabajo de Alex Trochut. Bastante impresionante.

trochut_10ways

Después nos tocó hacer caligrafía con "pluma de punta rígida" simulándola con un pedazo de madera.

clase-isaias-loaiza

Como primer paso se necesita una unidad para establecer medidas, la cual estará dada por el lado del pedazo de madera que emplearemos para escribir. Un enfoque consiste en tomar nuestra pluma y hacer ocho marcas verticales en serie: dos corresponderán a la altura de nuestros ascendentes, cuatro corresponderán a nuestra altura de las x y dos para el tamaño de nuestros descendentes.

caligrafia-madera

Algo importante es no mover la inclinación de la punta una vez asentada sobre el papel. Esto provocará modulación (aparición de finos y gruesos). Si movemos la punta conforme vamos trazando, los grosores tenderán a sarlirnos uniformes.

caligrafia-isaiasloaiza

Sobre el diseño de tipos en general, según Isaías, debemos tener en cuenta cuatro variables: el tamaño (con respecto a la líneas guía), las curvas (que tán gruesa o fina resultará), el origen (qué tipo de fuente es) y el espaciado entre letras (fijarse en la contraformas).

variables-trazo-tipos1

Una palabra de prueba es hamburguerfonsiv.

hamburguerfonsiv

Isaías nos comentó un tip para manejar los gruesos en los fustes (las columnas), transversales, curvas, diagonales y fustes para mayúsculas. Si se piensa en términos del ancho de un fuste, entonces el resto son variaciones de esta medida.

grueso-fuste-curvas

También discutimos sobre ligaduras, e Isaías comentó que es un recurso para darle personalidad a un logotipo hecho a la medida, así como los ambigramas y los swooshes.

ligadura-en-logos

Con respecto al trazo, comentó que existe un conjunto de reglas para lograr unas curvas perfectas.

Regla 1. Manejar la cantidad mínima de nodos.

num_nodos

Regla 2. Caracterizar la forma de la letra en términos de sólo tres nodos: curva, tangente y de esquina.

nodos-curvas-tipos

Regla 3. Intentar que los puntos estén en los extremos superior, inferior, derecho e izquierdo.

nodos-extremos

Regla 4. Procurar que las perchas (esto es, los controles de la pendiente de las curvas) sean ortogonales.

perchas-ortogonales

Regla 5. Que las perchas sean simétricas.

perchas-simetricas

Un taller bastante interesante sin duda. Gracias al colega Isaías por su tiempo y entusiasmo. Lo único inconveniente para mi es que me he quedado con ganas de tomar un taller de caligrafía o bien, uno de diseño tipográfico, lo cual estaría super. :)

Taller de tipografía digital orientada a la creación de logos

Escrito por Tzek el 17/04/09
Clasificado en: Diseño de Información, Diseño Gráfico, Métodos y proceso de diseño, Profesión, Tertulias, tutoriales

Crea, la mesa estudiantil de diseño de información visual de la UDLAP, organiza este taller de tipografía del 22 al 24 29 de abril (de 5:00 a 9:00 p.m.) dirigido por Isaías Loaiza.

logo-tipo

El taller es de cupo limitado, tiene un costo de $150 y los temas son los siguientes:

  • Anatomía tipográfica.
  • Clasificación tipográfica.
  • La familia tipográfica.
  • Legibilidad y leibilidad.
  • Tipos de lectura.
  • Proporción visual.
  • Ajustes ópticos.
  • Bases de diseño de un alfabeto a mano alzada.
  • Diseño de signos tipográficos.
  • Nociones de calidad tipográfica y curvas de Bézier.
  • Dibujo vectorial / construcción de formas en entorno digital.
  • Paths, Nodos, Modos de curvas y Reglas de dibujo.
  • Interpolación y acciones.
  • Espaciamiento.
  • Adobe Illustrator vs. FontLab.
  • Fuentes Digitales y Codificaciones (unicode).
  • Administración de fuentes en MacOS X.
  • Formatos tipográficos: TrueType, Type1, OpenType.
  • OpenType para usuarios: uso de propiedades y transformaciones.

Para mayores informes, contactar a los miembros de Crea, ya sea a través de su sitio web o por Facebook.

Notas de último momento: 1) es el 29 el día final del taller y parece que es necesario llevar lap propia.

Wordscapes por Peter Cho

Escrito por Tzek el 10/09/08
Clasificado en: Desde la web, Diseño de Interacción, Diseño de Interfaces, HCI, Tecnología

Peter Cho egresó de la Maestría en Ciencias y Artes para los Medios en el Media Lab del MIT y se enfocó en tipografía que reaccionara en el tiempo (por no decir interactiva). Al igual que Ben Fry, fue uno de los discípulos de John Maeda, cuando existía el Grupo de Computación y Estética en dicho laboratorio. 

Justo acaba de poner un applet hecho en processing (o proce55ing) llamado Wordscapes. No sólo es un catálogo de tipografía del tipo "letra-concepto con dicha letra", sino que explota bien las ideas de lo que se puede hacer con este lenguaje de programación. 

Acceso directo desde : http://www.typotopo.com/wordscapes/wordscapes.html

Menú de navegación de Wordscape

Lo que aparece cuando das clic en la letra n

Lo que aparece cuando das clic en la letra n

Lo que aparece cuando das clic en la letra u

Es recomendable darse una vuelta en la sección de Exhibition del portal de processing. Hay cosas muy interesantes.

Tipografía para una imagen

Escrito por Tzek el 27/05/08
Clasificado en: Diseño de Información, Diseño Gráfico, Reflexión

Muchos de los profesionales del diseño visual suelen enfocarse netamente en la construcción de imágenes para comunicar, llegando a diversos y excelentes trabajo de ilustración. Sin embargo, olvidan el poder de la tipografía como complemento y/o apoyo a sus trabajos o incluso (descartando las imágenes) como la única "forma" de transmitir el mensaje.

Al pensar "separadamente" en cuanto a tipografía e imagen (ilustración), es posible que se llegue al error de no transmitir el mensaje adecuado, viendo el producto de diseño como un todo y con un trasfondo (cultural, funcional y emocional). 

Supongamos que hemos llegado a la siguiente ilustración o imagen. La idea es anunciar la belleza interna de la mujer... muy al estilo de Dove.

¿Qué tipografía pondríamos para el copy "tus ojos, ventana a tu verdadera belleza"?

Ok, ok... no sómos tipógrafos, por lo que no podríamos empezar una tipografía desde cero. Va, no hay problema. Sin embargo es importante que al seleccionar una fuente tipográfica, analizar su anatomía, acercarnos y apreciar esos pequeños detalles en cada una de las letras. Aunque suene tan trillado, cada una de las familias tipográficas parece que sí tiene un carácter propio... ¿o no?


Monalisa de tosca belleza, sin gracia.

 


Una belleza con "gracia", pero muy propia, algo "estirada".

 


Ok. Te creo. Debes ser buena, pero busco algo más kinky
.

 

Te gusta Hello Kitty, ¿verdad?

 


¡Deja de verme así! Me asustas...

Por cierto ¿de qué era el cartel?... Aaaah sí... Dove. Mmmm... ¿buen diseño o mal diseño? 

Top 100 Blogs de Diseño en Español

Escrito por Tzek el 29/04/08
Clasificado en: Desde la web, Tertulias

elBarbón! de NiceFuckingGraphics ha publicado su Top 100 Blogs de Diseño. Para checar, curiosar y tenerla a la mano, lista para book-markear...

Recopilación hecha por elBarón sobre los mejores blogs de diseño en español.

URL: http://nicefuckinggraphics.blogspot.com/2008/04/top-100-blogs-de-diseo-en-espaol.html