Archivo para la categoría ‘Diseño Gráfico’

Diseño del escudo institucional UDLAP

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

La Universidad de las Américas Puebla (UDLAP) presentó este 12 de octubre su nuevo escudo institucional. Dicho elemento es el complemento al nuevo logotipo de la UDLAP (mostrado abajo). Ambos elementos representarán gráficamente a la institución, siendo el escudo para situaciones oficiales y el logotipo para las demás aplicaciones de comunicación gráfica.

Logo UDLAP

Logo UDLAP

El motivo del cambio según indica el rector de la UDLAP, el Dr. Luis Ernesto Derbez, era representar a la universidad con una imagen que sea acorde a la nueva misión y visión de la institución. Fue así como convocó primero a un comité de imagen institucional que trabajó durante varios meses. Primero se realizaron encuestas sobre la identidad, imagen y valores que los miembros de la UDLAP tenían hacia ésta.

El comité realizó además todo un análisis sobre diferentes factores que afectan la identidad e imagen de la institución. Del conocimiento adquirido, se pudo definir un brief de diseño, el cual fue empleado por los miembros del (sub)comité de diseño para trabajar con la representación de valores y características relevantes para la nueva identidad.

Luego, diversas propuestas fueron realizadas (incluyendo la visualización de sus posibles aplicaciones), sometidas a discusión, refinamiento de ideas y ejecución (gráfica) dentro del comité de diseño. Posteriormente fueron sometidas/discutidas en el comité en pleno, para luego gestionarse un proceso iterativo (ante diversos miembros de la comunidad) en el cual se presentaron las propuestas más fuertes. Como resultado, se identificaron cuál sería el escudo y logotipo que representarían a la UDLAP.

Cambios en el logotipo de la UDLAP. El nuevo logo fue diseñado por Isaías Loaiza

Cambios en el logotipo de la UDLAP. El nuevo logo fue diseñado por Isaías Loaiza

La propuesta de escudo elegida fue diseñada por un servidor. Aprovecho este post para dejar registro del proceso de diseño de este nuevo escudo y agradezco sin duda la oportunidad de haber participado en este proyecto.

Creo que es importante recalcar que todo el trabajo de análisis y recopilación de datos, y la definición del brief de diseño, fue pieza fundamental para la elaboración de todas las propuestas. Esto es, sí es necesario un marco de referencia, dejarlo a la "inspiración" podría resultar complicado. Ya en la ejecución, otra pieza clave fue la constante retroalimentación por parte de mis colegas miembros del comité de diseño.

Detalles sobre la heráldica

De bibliografía sobre heráldica uno puede notar la complejidad y riqueza que puede tener un escudo en función de todos los elementos que posee: el campo del escudo, las particiones del escudo (e.g. cuartelares y escusones), veros, piezas honorables, el timbre con yelmos, coronas, cimeras, lambrequines, tenantes, collares, etc. Ya con ciertos criterios establecidos, la idea base fue tomar los elementos de la heráldica y amalgamarlos con nuestras raíces prehispánicas. El motivo de lo prehíspanico es justo por el origen de la universidad (relacionado con la identidad anterior) y además porque se encuentra en uno de los asentamientos más antiguos de América: Cholula.

Propuesta original para el escudo de la UDLAP.

Propuesta original para el escudo de la UDLAP.

Entre los elementos que se incorporaron se encuentran:

  • El campo (esto es, el escudo mismo) el cual tiene punta en medio de la base inferior, para determinar un carácter fuerte o masculino; por ejemplo, si hubiera sido oval ese hubiera sido un campo asociado para ella.
  • La bordura, o el borde que está alrededor del blasón, es lo que se conoce como una pieza honorable, y se otorgaba cuando los caballeros sacaban la cota de armas literalmente teñida de la sangre de sus enemigos. La interpretación para la propuesta tiene un sentido más poético, uno es guerrero ante la vida y un arma es el conocimiento, mismo que fue adquirido en la universidad. Al simplificar las formas, se descartó la idea de decorar la bordura con caracoles y jade.
  • El yelmo, signo de la nobleza de nacimiento, fue sustituido por la cabeza de un guerrero águila; y según como se indica en la bibliografía, quien no pertenezca a alguna de las categorías de nobleza, no pueden usarlo en sus escudos. La interpretación en la propuesta es la relación entre un alma noble y la formación educativa. La primera propuesta incluso tenía otra corona la cual tiene a su vez su razón de ser, pero al final fue descartada a favor de la simplificación.
  • Los lambrequines originales representan pedazos de tela cortado en forma de hojas y tienen cierta analogía con la cota de armas. La primera propuesta mostraba un lambrequín mixto; es decir, de carácter europeo y prehispánico; ya la versión final sólo contiene este último, en el cual se muestra una síntesis del símbolo del Atl-Tlachinolli (agua-fuego), símbolo del cual se tomó su interpretación como símbolo declaración de guerra. La intepretación en este caso sólo llega hasta este nivel, con la idea de que los universitarios y egresados son guerreros apasionados deseosos de ser agentes de cambio social a nivel global y local. Y aún más, esa idea de desgarre y pasión, se asocia al sentimiento colectivo de “ser Azteca” (el cual es el nombre de los equipos representativos, como el de futbol americano).

El Atl-Tlachinolli saliendo del pico del águila posada en un nopal (lo que podría llamarse el escudo nacional original :) )

El Atl-Tlachinolli saliendo del pico del águila posada en un nopal (lo que podría llamarse el escudo nacional original :) )

  • La divisa, la cual posee un cuerpo y un alma. El alma o frase que se coloca en la divisa, fue trabajo de la Lic. Elvia Morales Juárez, la coordinadora de la Sala de Archivo y Colecciones Especiales de la UDLAP. El enfoque de esta frase es que el amor a la sabiduría nos engrandece, y aunque la idea fue pulida y revisada por otros expertos en latín, la idea final permaneció en la versión final.

La primera propuesta, aunque tenía demasiado significado/simbolismo, no poseía el nivel sintético que debería tener, conformado por formas concretas. A partir de este punto se fue dando un proceso iterativo de refinamiento en cuanto a la forma del escudo hasta la versión final. Sin embargo, la idea de que el simbolismo de esta pieza estuviera relacionado con la distinción, nobleza, fuerza, lucha y pasión permaneció. Así, se conservaron el “yelmo”, los lambrequines y la bordura; todos bajo la interpretación descrita arriba.

bocetos del nuevo escudo de la UDLAP Universidad de las Américas Puebla por Omar Sosa Tzec Tzek

También teniendo como referencia el significado de los elmentos del blasón, en el proceso hubieron diferentes consideraciones sobre la o las formas que deberían ser incluidas. Para reafirmar la idea de pertenencia de la universidad con el entorno, era necesario manifestar en forma gráfica un símbolo de localidad. En este caso, dos son claramente identificables: el volcan Popocaltépetl y el Tlachihualtépetl.

Aunque el volcán Popolcatépetl es distintivo de Puebla, el Tlachihualtépetl o “cerro hecho a mano” es algo muy local y distintivo de la ciudad de Cholula, además de que resulta ser la pirámide con la mayor base del mundo y muy particular al tener a una iglesia en la parte superior (resultado de la mezcla de los “dos mundos”). Así, de pasar a ser el “acento” en forma de escusón, todo el blasón manifestó la forma de la llamada “Pirámide de Cholula”, el “cerro” evoca a una punta truncada (otra pieza honorable de los escudos y que simboliza rectitud) y que encima tiene la representación de un “calli” (casa en náhuatl), para así conformar en su todo a un Teocalli (es decir, la casa de Dios, lugar sagrado).

Un factor clave era la permanencia de los colores UDLAP; estos son un verde (evocando al jade) un terracota/naranja (simbolizando las razas prehispánicas). Tomando en cuenta esto y pensando en la representación del Atl-tlachinolli, se hicieron ajustes, replanteamiento de formas y aislamiento de elementos.

Ajustes gráficos del Atl-Tlachinolli del escudo de la UDLAP diseñado por Omar Sosa Tzec

La versión final involucra una envolvente circular alrededor del blasón, cuyo simbolismo se retoma del collar (nombrado “collar de las américas”) presentado en la primera propuesta y que significa la unión entre los paises del continente.

Dibujo de los elementos del escudo de la UDLAP.

Dibujo de los elementos del escudo de la UDLAP.

Escudo de la UDLAP a partir de octubre de 2009.

Escudo de la UDLAP a partir de octubre de 2009.

Entrada principal de la UDLAP.

Entrada principal de la UDLAP.

Rotonda de la entrada de la UDLAP.

Rotonda de la entrada de la UDLAP.

Bandera en el escenario del auditorio UDLAP.

Bandera en el escenario del auditorio UDLAP.

Atril de auditorio UDLAP.

Atril de auditorio UDLAP.

Presea de reconocimiento a personal UDLAP por su labor.

Presea de reconocimiento a personal UDLAP por su labor.

Presea UDLAP (de 10 años de servicio).

Presea UDLAP (de 10 años de servicio).

Con este proyecto tuve la oportunidad de descubrir y aprender algunas cosas. Entre ellas reafirmar la importancia de la heráldica y lo interesante que es, que los códices son un gran objeto de diseño de información visual y comunicación, y que los miembros de la comunidad UDLAP sí tienen asociaciones con los símbolos que se les ofrecen para definir su identidad. Confío en que una buena administración tanto de la universidad como de la nueva identidad visual (aprovechando que han sido separados el logo y el escudo) envuelvan a esta última de valores positivos y sentimientos de, valga la redundancia, común-unidad.

Referencias:

  • De Armengol y de Pereyra, Alejandro. (1933). “Heráldica”. Sección VI, Ciencias Históricas. España. Labor.
  • González-Hermosillo A., Francisco; Reyes G., Luis. (2002). “El códice de Cholula. La exaltación testimonial de un linaje indio”. México. INAH.
  • Kirchohoff, Paul; Odena G., Lina; Reyes G., Luis. (1976). “Historia tolteca chichimeca”. México. CISINAH.
  • Morales, Ma. Elvia Catalina. (2006). “Atl-Tlachinolli: agua-quemazón”. “Historia Prehispánica”, Apuntes de clase.
  • Olmedo, Julio; Díaz, Joaquín. ( 1997). “Heráldica”. Tomo I y II. España. Perea Ediciones.
  • Seler, Eduard. (1963). “Comentarios al códice Borgia”. Tomo I. Fondo de Cultura Económica.

Archivo visual de trabajos

Escrito por Tzek el 25/09/09
Clasificado en: Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Diseño Gráfico, Diseño Web, Métodos y proceso de diseño, Profesión, Publicidad y MKT, Tertulias, tutoriales

Ahora que me han estado solicitando un archivo de los trabajos de difusión en el CIRIA UDLAP, consideré más práctico hacerlo en línea que guardar copias impresas ya que:

  1. La gente puede acceder a la muestra de trabajos y quizá opinar.
  2. Puedo descargar una copia para alguna presentación.

La muestra de imágenes está en la cuenta de flickr del CIRIA y cuya liga al set es:

http://www.flickr.com/photos/ciria_udlap/sets/72157622453148894/

También aproveché para poner en línea un par de presentaciones en SlideShare, por lo práctico de acceder a ellas si es necesario y para ir conformando un archivo de presentaciones.

Aunque es muy propio conformar portafolios en alojamientos propios, aprovecharse de las plataformas relacionadas con las redes sociales resulta no sólo cómodo, sino también bastante práctico. Sería importante reconsiderar ya dejar todo un portafolio bajo un CMS con incrustaciones de otros elementos alojados en las redes sociales. En fin…

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.

Los leones no son como los pintan 2009

Escrito por Tzek el 30/06/09
Clasificado en: Desde la web, Diseño Gráfico, Diseño y Sociedad, Publicidad y MKT, Tertulias

Ha pasado un año más y por fin ha llegado la fecha de la 3a edición de "Los leones no son como los pintan", un concurso de diseño orgullosamente gestionado desde México por el buen Pablo Deza de Pigmento Studio. Este año se trata de hacer un clip de video en pro de la educación en México. No dudo que habrá mucha participación e interesantes propuestas; ¡ya quiero ver la ganadora!

Mucha suerte a todos los participantes. :)

Mayor información en losleonesnosoncomolospintan.com.

20 herramientas para hacer más fácil la vida al desarrollador web

Escrito por Tzek el 09/06/09
Clasificado en: Desde la web, Diseño de Información, Diseño de Interacción, Diseño Gráfico, Diseño Web, Profesión, Tecnología, tutoriales

Encontré este post de Nettuts+ de herramientas para desarrolladores web. Lo dejo aquí de referencia, en particular por el enlace que tiene a TypeTester, herramienta que está super-bien para checar color tipográfico en pantalla. ¡Ah! Y también por el generador de paletas de color de ColourLovers que resulta práctico cuando uno está en clase de diseño web.

20tools_nettuts

Ojalá les sea también de utilidad. ¡Saludos!

BooneOakley – portafolio de diseño en YouTube

Escrito por Tzek el 05/06/09
Clasificado en: Desde la web, Diseño de Interacción, Diseño de Interfaces, Diseño Gráfico, Profesión, Publicidad y MKT, Tecnología

Me entero por el buen Juan Carlos de H. Creativos de esta agencia creativa. La idea de usar un medio web 2.0 de videos para "hacer" un "portafolio web": wow, eso es romper paradigmas. :)

La experiencia de "navegar" el "sitio" dentro de YouTube está genial.

Actualización: Después del comentario de Cheky dejo incrustado también este "juego de video" basado en YouTube.

Cool...

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. :)

Feliz día del diseño gráfico 2009

Escrito por Tzek el 26/04/09
Clasificado en: Desde la web, Diseño de Información, Diseño de Interacción, Diseño Gráfico, Diseño y Sociedad, Profesión, Tertulias

Aunque el World Graphics Day se interpreta prácticamente como el Día del Diseñador Gráfico, quisiera aprovechar para felicitar a todos los diseñadores, así sin apellido:

Felicidades y mucho éxito en sus proyectos durante el 2009.

Comparto una postal en reconocimiento a todos los estudiantes y colegas diseñadores.  Gracias por sus enseñanzas :)


World Graphics Day 2009