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

Propuesta de header para NFG! blog de diseño

Escrito por Tzek el 10/11/09
Clasificado en: Desde la web, Diseño Gráfico, Tertulias, tutoriales

Hace un par de semanas, elBarbón! y sus colaboradores de NFG! lanzaron una convocatoria para proponer el header de este blog. Originalmente se invitaron a ilustradores conocidos para este proyecto y luego lanzaron una convocatoria abierta. Me animé porque, entre los blogs de referencia, el blog de elBarbón! es de mis favoritos por contenido (mostrando realmente NiceFuckingGraphics!) y por los diferentes layout que ha manejado en él. Mi propuesta desafortunadamente no quedó, aunque me divertí mucho en el proceso.

La lista de ganadores fue publicada ya en el blog. De hecho se puede acceder a la lista completa de propuestas (aunque tarda en descargarse, al menos en la red que uso).

La ilustración base es un dragón marino, al estilo de otros “alebrijes” que he dibujado por gusto. Aunque la primera vez que hice un “alebrije” marino era una ballena, en esta ocasión decidí jugar con la mano para darle un “rostro” de can o algo similar. Terminados los trazos, vino la “escaneada” (en un scanner aéreo debido al tamaño del folio).

escaner-cama

folio

Con las figuras listas, vino la parte de acomodo. La idea era dejarlo así “tosco” porque me interesaba que fuera un dibujo/boceto.

estrellas-olas

roca-pajaro

nfg

dragon-marino

Por último, la iluminación del fondo con un estilo de “acuacolor” (un marcador de agua). He aquí el resultado.

nfg-banner

Aunque ahora trato de hacerlo con más frecuencia, no suelo bocetar para llevar a cabo experimentos visuales o divagar visualmente. Sin embargo, creo que es interesante y refrescante idear cosas no relacionadas con una línea de trabajo y sin ningún compromiso; de ahí que tomara este concurso para romper un poco con la rutina. :)

Nueva identidad visual para Mérida Yucatán

Escrito por Tzek el 29/10/09
Clasificado en: Desde la web, Diseño Gráfico, Diseño y Sociedad, Métodos y proceso de diseño, Profesión, Publicidad y MKT, Reflexión, Tertulias

Me entero por el buen Juan Carlos de H. Creativos, que Ideograma, uno de los despachos de diseño más reconocidos de México fue encargado de dar origen a la nueva identidad visual para mi ciudad natal Mérida (¿escribí hermosa y cálida ciudad de Mérida o sólo lo pensé?). Así que no pude evitar replicar la nota y publicar las imágenes que colocó este despacho en su perfil en facebook.

* Todas las imágenes son obviamente derechos reservados de Ideograma (2009).

Nueva identidad visual de Mérida para su promoción turística

Según comentan en el perfil de facebook de Ideograma:

“El símbolo de Mérida se inspira en las estelas mayas. Mediante 4 elementos da forma a una estrella blanca que representa a Venus, o «estrella Xux», el cuerpo celeste más brillante del cielo, y el más importante para los mayas.”

De dónde se tomó la idea del símbolo para la nueva identidad.

Además, el tagline “se merece” tiene asociada la siguiente aplicación:

“Mérida es una ciudad que se merece. Se merece reconocimiento, inversiones; se merece visitarla, a su gente… se merece su identidad. Su posicionamiento parte de la etimología de su nombre, Emerita Augusta, ya que es digna de los significados en torno a «mérito» y «merecer».”

Aplicaciones

Ponte Xux (se lee “ponte shush”): Ponte avispa, ponte buzo; estar alerta.

Muestras elaboradas por el despacho de cómo funcionaría la identidad en ciertos contextos.

Asumo que contratar a Ideograma, implica que hay un buen presupuesto para la implementación de esta identidad. Espero con mucho gusto verla por doquier en mi próxima visita a la “Ciudad Blanca”, nombrada “Capital Americana de la Cultura” en el 2000 y poseedora de la que se considera la catedral más antigua de México.

Diseño del escudo institucional UDLAP

Escrito por Tzek el 13/10/09
Clasificado en: Diseño Gráfico, Diseño de Información, 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 Gráfico, Diseño Web, Diseño de Información, Diseño de Interacción, Diseño de Interfaces, 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 Gráfico, Diseño de Información, 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 Gráfico, Diseño de Información, 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 Gráfico, Diseño Web, Diseño de Información, Diseño de Interacción, 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 Gráfico, Diseño de Interacción, Diseño de Interfaces, 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. ;)