Você está na página 1de 10

CAPI

TULO Procesos de diseño

64 65
“Style is the manifestation of an ideal based on a principle.” William Curtis1
Preceptos Formales

espués de esta investigación pue- Así pues, considero que esta definición estética me permi- Abstracción formal y manipulación de planos • Con base en las retículas distribuir de manera asimétrica

D
do definir que la obra de Ricardo tirá experimentar con mis preferencias por la síntesis y • El diseño deberá estar regido por la abstracción, por lo pero balanceada el espacio y las formas.
Legorreta retoma elementos arque- la abstracción formal de una manera contemporánea y que se utilizarán formas geométricas puras. • Utilizar lo menos posible ejes simétricos. (Aclaro que
típicos de la arquitectura colonial congruente con las tendencias actuales del diseño gráfico; • El muro será expresado formalmente a través de un éstos no pueden ser totalmente abolidos del diseño gráfico,
mexicana y los expresa en un voca- dotará mis propuestas de una identidad cultural expresada plano bidimensional de color. Este deberá ser simple for- principalmente, del editorial)
bulario formalmente abstracto, con no a través de clichés gráficos sino de características es- malmente pero puede tener textura para evitar la rigidez y • Experimentar con ejes inclinados.
lo que crea una arquitectura mo- pecíficas, como el uso del color, de la luz y de la libertad frialdad expresiva. • Crear equilibrios dinámicos en las composiciones.
derna enraizada en un regionalismo para crear juegos visuales, todo utilizado creativamente. • Dichos planos pueden utilizarse de manera vertical, hori- • Experimentar concibiendo el área de diseño como una
que le brinda identidad. De la arqui- Además, todos estos conceptos se verán fortalecidos, de zontal e inclinada, contar con distintas alturas y perspectivas, gran retícula tridimensional.
tectura colonial retoma también el una manera congruente, con las diversas imágenes arqui- y crear composiciones en las que se complementen, • Intentar obtener retículas o volúmenes complejos a partir
carácter emotivo, reflejado principalmente en la manipula- tectónicas que he observado a lo largo de la investigación y yuxtapongan, interpenetren y sobrepongan. de trazar linealmente vistas de sus construccio-nes.
ción de la luz y los colores. Y de la arquitectura moderna, que han aportado ideas específicas. • Se proyectarán figuras geométricas en los planos para • Intentar manipular el espacio de manera arquitectónica,
además de su vocabulario formal, aplica características crear ritmos visuales y simular efectos de luz y sombra. es decir, que comunique una sensación de fluidez, de
funcionales como la distribución del espacio. Aunado a A continuación enlistaré los preceptos formales obtenidos • Con los elementos anteriores se pueden crear compo- movimiento.
lo anterior, Legorreta comunica en sus obras un sentido de la investigación, con la intención de expresar en con- siciones abstractas de carácter encuadrado. • El ritmo es un factor esencial en el diseño y se expresará a
de juego que se refleja principalmente en su libertad para ceptos gráficos la estética arquitectónica definida. También, • Intentar representar espacios interiores y exteriores, y través de figuras y volúmenes geométricos, efectos lumino-
utilizar elementos decorativos. Considero que esta libertad con el objetivo de presentar de manera puntual el amplio crear una conexión visual entre ambos. sos, animaciones, cambios cromáticos, variaciones de ta-
y sentido de juego son una influencia directa de la arqui- abanico de posibilidades que se desprenden de esta defi- • Intentar jugar con espacios sólidos y vacíos. maño, etc.
tectura popular mexicana, con base en un comentario nición arquitectónica, y de delimitar las propuestas gráficas • El diseño deberá estar regido por ángulos rectos.
hecho por Legorreta en su entrevista con John Mutlow de acuerdo a dicha definición. Algunos de estos preceptos • A través de la forma cuadrada tan común en la obra de Uso del color
acerca de la espontaneidad del mexicano para construir: formales serán presentados después en ejemplos prácticos: Legorreta, se pueden semejar pixeles y crear diseños. • El color también deberá ser tratado sintetizadamente: en
“eso me ha enseñado a colocar los elementos donde siento un interactivo digital, un cartel y el diseño editorial de esta • Experimentar con volúmenes geométricos como el cubo, plasta.
que deben estar, sin buscar ninguna otra justificación.” tesis, que será complementado con un empaque. la esfera y el cilindro, para comunicar una sensación de • Se podrán realizar degradaciones.
(Legorreta citado en Mutlow 1998:21). tridimensionalidad. Se pueden utilizar medias esferas con • Paleta de colores: rojo, amarillo, morado, magenta y azul
base en las cúpulas. rey; rojo óxido, naranja óxido, amarillo ocre y mostaza; lila,
• Hacer de los volúmenes geométricos un punto visual azul cielo, crema y blanco. Utilizados en combinaciones
importante a través de su percepción directa (como hacía contrastantes o armónicas.
Le Corbusier por medio de los «pilotis», o incluso desa- • Intentar crear ambientes luminosos y cálidos, frescos y
pareciendo totalmente el soporte). serenos, o cargados de vitalidad y fuerza.
• Los volúmenes geométricos pueden complicarse más • Intentar crear percepciones cálidas y nítidas, brillantes
en términos de forma, es decir, ser más complejos y con y reflejando una luz intensa, cálidas y serenas, u oscuras
más caras (la arquitectura moderna derivó en la creación y con matices eléctricos (con base en los cambios que
de estas formas). sufren los colores de los muros según la iluminación y la
• Experimentar con fragmentar formas, interpenetrar hora del día).
espacios o planos, y utilizar efectos de transparencia (como • El color debe dramatizar, evocar, brindar energía, pro-
influencia de la pintura cubista). ducir respuestas emocionales y reforzar la presencia de las
• Utilizar líneas, áreas de color y ritmos visuales (como formas y los objetos.
influencia del neoplasticismo).
• Utilizar efectos de velocidad o movimiento (como Manipulación de la luz
influencia del futurismo). • La luz deberá ser manipulada en forma constante.
• Intentar crear efectos dramáticos a través de claroscuros
Retículas, distribución del espacio y ritmo extremos.
• Intentar utilizar el diseño de las celosías como elemento • Crear efectos visuales para asemejar sombras con forma
gráfico. La perspectiva es un factor importante. de rejillas, figuras y volúmenes geométricos, series, etc.
• Intentar crear retículas a través de estas celosías o de la • Comunicar el carácter cambiante de los espacios de Le-
distribución rítmica de ventanas, puertas, arcos y columnas gorreta a través del movimiento de estas proyecciones de
que se observa en las fachadas de las construcciones de sombras.
Legorreta, para después realizar propuestas de diseño • Manipular la luz para que fragmente espacios.
Biblioteca Central, San Antonio, Texas, 1995. Biblioteca Central, San Antonio, Texas, 1995. estructuradas sobre estas retículas. • Experimentar utilizando colores y efectos de luz y som-

1
“Estilo es la manifestación de un ideal basado en un principio.”

66 67
bra a través de planos traslúcidos (como en el Pabellón de no estables (con base en las esferas suspendidas en planos mo un cd-rom. Ya que este medio permite al despacho para observarlo al mismo tiempo. El contexto del entorno
la Expo Hannover). inclinados o sobre esquinas que utiliza Legorreta). tener un tiraje grande de portafolios y su reproducción sería un interior laboral, confortable, con buena iluminación,
• Comunicar sensaciones de sencillez, vacío, amplitud y es de bajo costo. Además, es un medio manejable en el con distracciones, con dimensiones de una oficina personal
Tipografía luminosidad. sentido de no pesar ni ocupar mucho espacio, por lo que o una sala de juntas. En ambos casos, el equipo técnico
• Evitar utilizar tipos serif (considero que no corresponden • Expresar el uso del agua por medio de transparencias, es práctico para el cliente y el despacho, que incluso pue- de los usuarios tendrá buena capacidad, o al menos la
con la abstracción formal). movimientos, efectos gráficos o en medios audiovisuales. de enviarlo fácilmente por paquetería a cualquier parte del necesaria, con respecto a memoria, velocidad, calidad de
• Utilizar tipos san serif de carácter moderno, como Helveti- país o del extranjero. El cd-rom también permite que el pantalla y audio, para desplegar eficientemente los recursos
ca, Universe, Futura y Akzidenz Grotesk, preferentemente Factor emocional e identidad mexicana portafolio tenga un buen desempeño y una excelente ca- mediáticos del interactivo. El cual, debe ser compatible tan-
en cuerpos de texto, pie de fotos, etc. • Las propuestas no deberán percibirse frías o impersona- lidad mediática. Con respecto a la actualización hay una to con plataforma Mac como PC.
• Utilizar tipografías recientes principalmente en los textos les debido a la abstracción formal (los usos de color, textu- desventaja pues no se realiza en forma sencilla. Se deben
centrales, como portadas, títulos, mensaje principal de un ra, ritmo y luz ayudarán a ello). planear los cambios, agregarlos y volver a reproducir el Para definir la información que debía contener este inte-
cartel, etc. (considero que el carácter experimental y actual • Las composiciones deberán percibirse libres, no rígidas. producto. Sin embargo, la actualización de un buen porta- ractivo digital, analicé varios portafolios de trabajo de otros
de estas tipografías asegurarán la contemporaneidad de • El diseño deberá tener un equilibrio entre emoción y es- folio de trabajo no es tan frecuente sino que se realiza des- despachos de arquitectura importantes. Con base en este
las propuestas gráficas). tructura, entre expresión y síntesis formal. pués de un par de años. Y este lapso de tiempo resulta análisis y a la información que yo consideraba necesaria in-
• Manipular la tipografía en perspectiva. • Intentar comunicar conceptos como intimidad, calor, ale- positivo para el cd-rom, pues se termina el primer tiraje y cluir, organicé los datos de acuerdo a tres grandes rubros:
• Realizar propuestas tipográficas en base a retículas. gría, dinamismo, espontaneidad. se realiza otro con nuevos cambios, y la reproducción sigue Perfil, Obras y Contacto.
• Realizar composiciones tipográficas libres (manipulando • El diseño deberá contar con un sentido de juego o liber- siendo económica, más que la de publicaciones impresas. La primer categoría, Perfil, contiene información ge-
libremente las palabras y sus letras, y no apegándose a tad de experimentación. El interactivo digital debía además ser claro y tener neral sobre el despacho: una explicación de la estética
reglas de separación silábica). • Experimentar manipulando abstractamente gráfica mexi- una buena organización de la información, para que el arquitectónica con que diseñan sus obras, que incluye
• Manipular las letras como planos (interpenetrar, yuxtapo- cana colonial o popular. (Por ejemplo, el equivalente gráfico cliente pudiera navegar a través de él fácilmente. Debía información textual y videos para ilustrar más claramente los
ner, transparentar, contraponer, etc.) a la influencia colonial en Legorreta podría ser a través de presentar aleatoriedad que permitiera al usuario accesar conceptos. Los diferentes servicios que ofrece el despacho
• Intentar hacer composiciones tipográficas combinando dos o estampas religiosas, exvotos, diseños de azulejos, etc. Y el la información específica que buscaba. Debía contener y una breve descripción de los mismos. Los integrantes y
tres tipos que no estén relacionados entre sí (representa otra ten- equivalente gráfico a la influencia popular podría represen- muchas muestras visuales del trabajo del despacho para una breve historia del desarrollo del despacho; así como el
dencia actual con respecto a la tipografía). tarse a través de rótulos, imágenes de luchas libres, imáge- mostrar completamente la estética y los logros funcionales curriculum vitae de algunos de los integrantes para mostrar
nes del libro ABCDF, etc.) de sus construcciones. Todas estas características, aparte sus capacidades. Y por último, la lista de premios que han
Varios • Se debe cuidar no caer en propuestas eclécticas sino en de mostrar el perfil y el portafolio del despacho, proyectarían recibido obras realizadas por el despacho.
• Los elementos de un diseño no deberán ser totalmente un doble código, como la arquitectura de Legorreta. Por lo una sensación de innovación, seriedad y confianza. La categoría de Obras, tiene la intención de mostrar
funcionales. Puede haber elementos decorativos expresa- que se deberá utilizar sólo uno de los equivalentes gráficos una cantidad representativa de construcciones para que
dos en un vocabulario abstracto y sin ser excesivos. por producto de diseño. Lluvia de ideas sobre características de la audiencia meta: el cliente pueda observar ejemplos específicos. Debido al
• Experimentar con la tensión visual a través de elementos • Se deberá mantener unidad formal. son individuos apasionados, humanistas, con buen nivel gran número de obras con que cuenta el despacho, fue-
cultural, con buen nivel económico, optimistas, folklóricos, ron organizadas en cinco rubros: Empresas e industrias,
valoran la cultura mexicana, tienen cierto nivel de conoci- Hoteles, Instituciones educativas, Centros de cultura y
Interactivo Digital mientos sobre arquitectura, les gusta la geometría, alegres,
ambiciosos, activos, exigentes, románticos, perfeccionistas,
esparcimiento, y Residencias. Además, dentro de cada una
de estas categorías, ordené cronológicamente las constru-
funcionales, gustan del confort, gustan de las tradiciones, cciones en base a décadas: de 1963 a 1973, de 1974 a
En la introducción de esta tesis establecí que aplicaría la mostrar el perfil del despacho, dar a conocer los servicios prestan atención a los detalles. 1983, de 1984 a 1993 y de 1994 a 2003. Así pues, en cada
estética arquitectónica de Legorreta mediante dos procedi- que ofrece y enseñar las obras que han realizado hasta uno de estos rubros se presenta una lista con todas las
mientos distintos: a través de la traducción de los preceptos ahora. La audiencia al que está dirigido son sus posibles En el proceso de diseño fue necesario tomar en cuenta obras realizadas por el despacho, y de esta lista el usuario
formales arquitectónicos en conceptos gráficos; y a través clientes, quienes a través de este interactivo conocerán la que el producto sería utilizado por el público en dos puede escoger algunas y obtener información adicional:
de la aplicación del doble código de Legorreta como méto- obra del despacho y decidirán si asignarles el trabajo o no. ambientes diferentes, la casa o el trabajo. En el primer leer una descripción textual, observar los planos, observar
do, sustituyendo los elementos de la arquitectura colonial Sin embargo, este portafolio no tiene el objetivo de caso, de acuerdo con el perfil del consumidor, habría una fotografías, y en algunos casos, un video.
por elementos gráficos de cualquier tipo y representándolos ser un medio publicitario para captar clientes al azar, como computadora para observar el producto fácilmente. Este En la categoría de Contacto, presento todos los datos
de manera sintetizada. una página web. Más bien es un portafolio que el despacho sería visto por una o dos personas al mismo tiempo. necesarios para contactar al despacho, tanto en las oficinas
La propuesta gráfica de este interactivo digital fue otorgará a personas o instituciones que lo soliciten con Podrían verlo el número de veces deseadas. Después de México como en las de Estados Unidos.
realizada mediante el primer procedimiento. Y a continua- objetivos específicos. Por ejemplo, a clientes que de alguna podrían guardarlo hasta que lo volvieran a necesitar, o
ción describiré los procesos de diseño ejecutados en la manera tienen conocimiento del trabajo del despacho pero facilitárselo a otras personas. El contexto del entorno sería Diseño gráfico
elaboración del mismo. que necesitan información extra para convencerse que es un interior doméstico, confortable, con buenas condiciones Comencé el proceso de diseño gráfico con una lluvia de
el buró adecuado para realizar su obra; y a instituciones de iluminación, sin mucho ruido, y con el tiempo necesario ideas sobre los posibles conceptos o metáforas visuales que
Diseño de información que en casos determinados, como concursos para realizar para observar el producto. En el segundo caso, el producto podría utilizar para los elementos de navegación. De las seis
Este interactivo digital es un prototipo del portafolio de grandes proyectos, necesiten un portafolio de trabajo. Para sería utilizado por un grupo de personas, que contarían con ideas que boceté elegí dos. La primera proponía un concepto
trabajo del despacho Legorreta + Legorreta. Su objetivo es cumplir con estos objetivos diseñé el interactivo digital co- una computadora o incluso una pantalla de proyecciones gráfico con base en planos arquitectónicos, un diseño muy

68 69
limpio, de carácter lineal, basado en figuras geométricas y en qué sección está. La segunda función de los encuadres dad de información que demandaban también una fuente teractivo y evita la frialdad y monotonía del mismo.
que adquiriría fuerza y emoción a través del color, anima- fue funcionar como botones de navegación secundarios. legible, con una mancha tipográfica uniforme y que no se Estas últimas características, el carácter mexicano y la
ciones y encuadres de los mismos planos. Sin embargo, En este caso, la manipulación digital fue mínima. Los extendiera demasiado. calidez, son también logradas mediante el uso del color.
en las pruebas que realicé el diseño lucía demasiado serio y rollovers de estos botones bajaban su grado de opacidad, El menú de navegación principal es un elemento muy En las pantallas principales se utilizaron composiciones
sin volumen, sin efectos de luz ni emoción. Por lo que elegí creando efectos de transparencia. importante dentro de este portafolio de trabajo debido a su monocromáticas basadas en colores cálidos como el ro-
la segunda idea, basada en en encuadres abstractos de El interactivo fue diseñado en formato de 640 x 480 carácter interactivo. Este menú fue colocado en la esquina jo, magenta, amarillo brillante y café ocre. Los cuales, no
fotografías sobre la obra de Legorreta. pixeles con el objetivo de asegurar que el usuario pudiera inferior derecha de la pantalla y para poder utilizarlo es ne- fueron dispuestos en plastas a pesar de que la textura
En el capítulo cuatro mencioné el método fotográfico observarlo completamente aún en monitores pequeños cesario que el usuario lo inserte completamente dentro de visual fue reducida, pues no funcionaba en pantalla. Los
de Barragán, que consistía en hacer tomas encuadradas de laptops. Los videos están en formato de 320 x 240 px la pantalla. De esta forma, la navegación principal y la se- botones de navegación secundaria están conformados en
de sus obras. En el diseño del interactivo retomo este mé- debido a objetivos de buen funcionamiento, tomando en cundaria tienen un carácter jerárquico distinto, ya que el cambio por una gran variedad de colores, articulados en
todo pero haciendo encuadres mucho más cercanos y cuenta que el interactivo tiene 10 videos y es tan sólo un menú de navegación principal visualmente corresponde con composiciones contrastantes, armónicas, serenas, vibran-
pequeños, lo que dio como resultado composiciones con prototipo, que si llegara a ser un producto real por lo menos las pantallas principales, lo que aumenta su importancia, y tes, etc. En ellos la textura original no fue modificada. Estos
muy pocos elementos gráficos y de carácter formal total- duplicaría la cantidad de videos. además cuenta con un carácter interactivo. También, de- botones secundarios fueron colocados sobre una pleca

Encuadres fotográficos que funcionanan como botones de navegación.

bido a esta última característica, se da la sensación al para evitar que flotarán visualmente. Esta pleca no es
usuario de control sobre la navegación, lograda debido a homogénea con la intención de imprimirle un carácter di-
que el usuario puede elegir a qué sección del interactivo ir, námico y contemporáneo. Así mismo, la pleca cuenta con
puede activar o desactivar información y puede jugar con efectos de transparencia.
los elementos de navegación. Las pantallas secundarias fueron diseñadas de a-
La canción utilizada en el interactivo, con la cual se cuerdo a una retícula de cuatro columnas con márgenes
animan los inicios de cada sección y el splash, es una pieza laterales de 23 px y un medianil de 14 px. Esta retícula
de Manuel M. Ponce titulada «Fiesta Mexicana». Seleccioné cuenta también con una línea base para títulos y una línea
este audio cuidadosamente pues buscaba reforzar a través base para inicio de textos. En todas las pantallas secun-
de éste la identidad mexicana del producto y comunicar darias diseñé efectos de luz y sombras que se desplazan
una sensación cálida. Esta pieza me pareció muy adecuada sobre planos asemejando el movimiento que las sombras
debido a que es interpretada por un sólo instrumento, la reales adquieren durante el día con el cambio de la posi-
Diagrama de flujo realizado para organizar la información del interactivo digital.
guitarra, que con su rasgueo comunica auditivamente un ción del sol. Estos efectos fueron diseñados con base en
concepto de abstracción, ya que no hay saturación de figuras geométricas como cuadrados o cruces, rejillas y
mente abstracto, composiciones en las que no se pueden Las tipografías utilizadas en el interactivo fueron dos: distintos tonos producidos por distintos instrumentos. Así cubos. Aprovechando así el factor de temporalidad que el
reconocer elementos arquitectónicos sino sólo planos de «Atypico» y «Arial». En títulos de pantallas y nombres de mismo, el sonido mismo brinda un carácter mexicano al in- interactivo puede brindar con base en la animación.
color y figuras geométricas. secciones utilicé la fuente Atypico. Esta tipografía tiene
Los encuadres obtenidos fueron utilizados con dos fun- un carácter ortogonal y geométrico que la relaciona con
ciones. La primera consistía en actuar como elemento la arquitectura de Legorreta, y además, sus trazos comu-
gráfico principal de las cuatro pantallas principales (home, nican una intención contemporánea congruente con las
Ejemplos de bocetaje
perfil, obras y contacto). En este caso, simplifiqué los en- tendencias actuales de diseño, debido a ello considero
cuadres reduciendo la textura, pues no funcionaba bien que es una fuente que resta seriedad al concepto gráfico
visualmente en la pantalla, y homogeneizando los colores del interactivo, con lo que logro que éste se perciba más
de cada fragmento del encuadre. Ya en el interactivo cada actual y fresco. En los textos de las pantallas secundarias
fragmento fue animado de acuerdo al audio. La homo- y de los rollovers de los botones utilicé la fuente Arial. E-
geneización cromática ayudó a determinar un color por legí esta tipografía debido a la gran claridad visual que
cada pantalla principal, color que sería reforzado en cada presenta en la pantalla. Los textos de los rollovers tienen
pantalla secundaria, de acuerdo a la sección a la que un puntaje muy pequeño que requería forzosamente una
perteneciera. Este uso del color ayuda al usuario a ubicarse tipografía fácilmente legible. Así mismo, algunas pantallas
más fácilmente en el interactivo pues le permite reconocer secundarias como la de Estilo, cuentan con una gran canti-

70 71
Encuadres manipulados digitalmente, que funcionan como pantallas principales del interactivo.

72 73
Pantallas finales del interactivo digital.

74 75
Diseño de Cartel
Considero que el cartel es un buen medio para experi- cidad para diluir fronteras entre géneros artísticos, entre
mentar formalmente con la aplicación del doble código cultura de masas y cultura de élites. El manifesto es una
de Legorreta como método de diseño, pues a través de declaración de lo diverso.” (Texto obtenido del sitio web).
la manipulación digital de imágenes se pueden obtener Este cartel llamó mi atención en primer lugar por su
efectos de abstracción y de representación mediante figu- manejo del color, la tipografía y la forma. Y una vez que a-
ras geométricas (cuadrados y círculos principalmente). nalicé los objetivos del festival y del cartel, concluí que es una
Me parece importante aclarar que en este método no es buena propuesta gráfica que logra comunicar objetivamente
necesario sustituir los elementos arquitectónicos coloniales mediante sus distintos elementos, el concepto de diversidad
con imágenes estrictamente coloniales, ya que ello repre- con que cuenta el Manifesto. Para lograrlo, se combinaron
sentaría una restricción errónea en mi propuesta estética, colores de distintas gamas (tonalidades metálicas con
debido a que este tipo de gráficos son muy limitados en fosforescentes) y se fusionó una tipografía medieval con
cuestión temática. La mayoría representan temas religiosos formas claramente contemporáneas.
o escenas de la vida cotidiana de aquélla época, los cuales En el cartel predominan los colores dorado y rosa
no pueden ser aplicados a todos los problemas de dise- fosforescente. Mediante el uso de la tipografía medieval se
ño. Por lo que los elementos arquitectónicos coloniales resalta la letra «M» como uno de los elementos centrales;
podrán ser sustituidos con cualquier elemento gráfico que ésta es proyectada en perspectiva con cierto grado de
se adapte a las necesidades pragmáticas del diseño que inclinación que hace pensar en carteles constructivistas.
se va a realizar. Las formas contemporáneas consisten en nubes y arco iris
El cartel es el segundo ejemplo práctico al que apliqué representados mediante plastas de color, síntesis formal
la estética gráfica obtenida de la obra de Legorreta. Para y repetición de trazos, muy al estilo de las animaciones y
llevarlo acabo busqué un problema real de diseño para comerciales tan utilizados actualmente en MTV. Consisten
resolver, e intenté que no estuviera relacionado con la ar- también en cuerpos sintetizados formalmente, muy si-
quitectura para así demostrar que la estética propuesta milares a los diseñados usualmente en proyectos de se-
es aplicable a todo problema de diseño. Mi elección del ñalización y que representan, considero yo, la tendencia
problema consistió en el rediseño del cartel realizado para actual del diseño gráfico a crear sistemas de información.
el festival de música y diseño «Manifesto». A continuación Así pues, caracteres medievales comparten espacio
cito textualmente los preceptos de este festival para indicar con formas contemporáneas, y colores fosforescentes
claramente cuáles fueron sus objetivos, y al mismo tiempo, se unen con colores metálicos para formar un cartel que
los de las propuestas gráficas que lo promocionaron: comunica claramente diversidad, diseño gráfico y actuali-
“Conciertos audiovisuales, presentaciones sonoras, dad; logrando además una propuesta unificada y de gran
arte, diseño, identidad. Clubes nocturnos convertidos en calidad estética. Sin embargo, a pesar de todas estas
salas de exhibición. El tradicional museo cede su territorio a cualidades positivas observo un error: la música electrónica
músicos y Djs. Diseño gráfico y música encuentran compli- no está representada en el cartel. Cartel de promoción para el festival Manifesto, realizados por el despacho Dynamo.

76 77
Mis objetivos en el rediseño de este cartel fueron tres: crear A partir de este proceso de bocetaje y de las primeras carta y papel couche de 200 gr. que permiten observar
propuestas alternas a las ya existentes conservando el propuestas impresas se desprendió la idea que resuelve directamente el producto final. Dicha impresión está con-
mismo nivel de calidad formal, representar gráficamente la de mejor manera este problema de diseño. En el cartel tenida dentro del empaque de esta tesis. Junto con ella, se
unión entre música electrónica y diseño faltante en las pro- final música y diseño son representados a través de un encuentra una impresión más que funciona como segun-
puestas originales, y comunicar que este festival impartió mismo objeto, el cual consiste en la representación visual da propuesta final. La cual, a pesar de tener un carácter
conferencias de diseño y espectáculos con la participación del ritmo auditivo de un track de música electrónica. El cual secundario, es importante, ya que mediante estas dos pro-
de despachos y músicos totalmente mexicanos. se desarrolla a lo largo de cinco franjas, con la intención puestas se puede demostrar la aplicación estética, tanto de
Para cumplir con estos objetivos, planteé tres ideas en de establecer una relación con un pentagrama y reforzar el manera formal directa como mediante el método de doble
base a las cuales realicé los bocetos iniciales: representar concepto musical. En esta representación las variaciones código. Esta segunda propuesta final comunica diseño
el diseño y la música como dos objetos separados que se de color, transparencia y profundidad tridimensional comu- gráfico mexicano a través de un rótulo. Éste consiste en
unen, representar una frontera que se diluye o diseñar una
imagen que representara la música y el diseño no como ob-
jetos separados sino como una unidad. Con base en estos
problemas de representación y con los preceptos estéticos
ya definidos, comencé a realizar el proceso de diseño.
En un inicio definí que para representar la música
electrónica utilizaría cubos o cuadrados de colores. Por
ejemplo, dibujé ritmos visuales basados en el ritmo auditivo
de un track de uno de los djs que participó en el evento,
para lograrlo, utilicé rectángulos que cambian de color y
se proyectan en cubos para comunicar las variaciones del
ritmo. También, utilicé la unidad cuadrada del pixel para re-
presentar música que sale de una consola y proyecté una
retícula tridimensional en la que simulo con cubos el sonido
que muestra un ecualizador.
Para representar el diseño gráfico definí que podía
utilizar retículas tipográficas tridimensionales e imágenes
manipuladas digitalmente. Para escoger el tipo de gráficos
a manipular ingresé a todas las páginas web de los despa-
chos que participaron en el Manifesto. Y de todos los traba-
jos que observé, retomé tres imágenes que a mi parecer Primeras propuestas diseñadas.
son representativas del diseño mexicano debido a su ca-
rácter gráfico popular: una imagen del juego de la lotería, nican los cambios en el sonido, ofreciendo un dinámico re- un canario que se proyecta en una imagen manipulada
una flor de los manteles de plástico que son comúnmente sultado visual en base a un módulo básico: el rectángulo. digitalmente y que lo representa únicamente a través de
utilizados en mercados o puestos de comida, y el rótulo de La composición fue rotada ligeramente para crear un plano cuadrados y círculos. De esta forma, a partir de un módulo
un canario (que está en el libro Sensacional del Diseño) y inclinado y volver la imagen visualmente más interesante. Y básico, que es el cuadrado, se define la figura y mediante
que fue utilizado por dos despachos en distintos trabajos. es precisamente debido a este uso de figuras geométricas, la variación de colores se brinda profundidad. También, la
Siguiente columna: Proceso de bocetaje inicial.
el plano inclinado, la creación de una retícula donde se utilización de series de círculos aporta diferentes texturas,
desarrollan variaciones rítmicas, y la manipulación formal de que dependen del tamaño de cada unidad, lo que vuelve
profundidad, color, transparencias y superposición de vo- la imagen más interesante. La música está representada
lúmenes, que ésta propuesta se apega más estrictamente a través de pixeles que emanan del pico del canario y se
a los preceptos formales de la estética de Legorreta. esparcen para formar después el nombre del evento. Esta
El formato del cartel final es el mismo con que conta- propuesta entonces aplica el método basado en el doble
ba el cartel original, que es de 90 x 75 cm. Sin embargo, código de Legorreta, consistente en retomar gráficos y
por cuestiones prácticas imprimí unas réplicas en formato transformarlos mediante procesos de abstracción.

78 79
Diseño Editorial
El último ejemplo práctico que muestra la aplicación de la indica con dos flechas en el siguiente boceto) dio como El inicio de cada capítulo de la tesis se indica a través de crear un elemento decorativo alrededor de los números de
estética definida a lo largo de esta tesis, es el diseño editorial resultado dobles páginas muy bellas pues comunicaban una doble página a la que apliqué un color en plasta con página que responde a la abstracción formal y que brinda
de la misma. En este apartado no presentaré imágenes del orden, estructura, bloques geométricos y variaciones for- la intención de comunicar amplios planos de color. A estos movimiento mediante su rotación alterna. Y tercero, crear
producto final pues quien ha llegado hasta estas líneas, lo males que confrontaban las columnas de una página pero planos se sobreponen figuras geométricas: un cuadrado otro elemento decorativo que lograra una continuidad vi-
conoce ya demasiado bien. Pero sí me gustaría explicar al mismo tiempo, se complementaban al observar la doble que contiene la palabra capítulo y al que a su vez se so- sual en la doble página a partir de la altura del rectángulo
el proceso que me llevó a definir esta editorial, ya que las página completa. Sin embargo, este resultado positivo brepone otro pequeño cuadrado que contiene el número que contiene la cita.
ideas originales se fueron modificando drásticamente para sólo podía observarse en las páginas que no contenían del capítulo. De esta forma, dos figuras geométricas sobre- Como ya se había mencionado, un color fue asignado
asegurar una lectura fluida y clara del documento. Hago es- fotografías. Y debido a que gran parte de mi investigación puestas se sitúan sobre un gran plano de color, y juegan a cada capítulo de la tesis. Este uso cromático tiene la in-
ta aclaración porque pienso que este proceso de ensayo y fue reforzada a través de imágenes, el diseño comenzó a con la percepción de espacios sólidos y vacíos mediante el tención de separar claramente cada capítulo y de lograr
error que llevé a cabo, me dejó una gran retroalimentación perder coherencia y forma al intentar integrar la gran can- uso o la ausencia del color. En esta doble página se indica que el lector asocie el número con el color, para facilitar
con respecto a qué tipos de productos editoriales pueden tidad de fotos. Por lo que concluí que este diseño era bello también el nombre del capítulo. así su ubicación a lo largo del documento. Los colores ele-
ser diseñados de una manera experimental y cuáles no. pero poco funcional. gidos fueron retomados directamente de la arquitectura
Mis primeras búsquedas formales se basaron en de Legorreta y difieren claramente uno de otro debido
comunicar visualmente dinamismo y en evitar el uso de a la intención anteriormente descrita. Algunos ejemplos
ejes simétricos. Con base en lo anterior, intenté articular de los tonos elegidos son: morado, magenta, café ocre,
un espacio asimétrico que se equilibraba a través de la dis- naranja óxido, rojo quemado, azul cielo y amarillo brillante.
posición dinámica pero ordenada de sus elementos. Para La mayoría de estos tonos son intensos y contrastan
ello diseñé una retícula de seis columnas que me brindaba vívidamente entre sí, comunicando una sensación de
la flexibilidad necesaria para alternar la distribución del texto alegría y fuerza. Esta sensación es reforzada también a
en dos y tres columnas dentro de una misma página. Sin través del gran colorido con que cuentan la mayoría de las
embargo, la lectura de este diseño no era totalmente clara imágenes presentadas a lo largo de la investigación.
y debido al extenso número de páginas y de fotografías Con la intención de seguir asegurando la claridad y
presentadas, se volvía tedioso estar adivinando el flujo que la estructura del diseño editorial decidí utilizar la tipografía
debía seguir la lectura. Entonces comprendí que la tesis es «Helvetica» en todos los diferentes textos del documento.
un documento de investigación cuya lectura debe ser fácil En lo personal, considero que esta fuente san serif tiene
y fluida, para permitir que el lector se concentre totalmente un trazo muy limpio y fluido, que resulta visualmente muy
en el contenido del texto. También comprendí que un agradable y permite una fácil lectura incluso en un puntaje
documento de investigación tiene un flujo de información Bocetos para indicar el inicio de cada capítulo
muy pequeño. En los textos de inicio de cada capítulo y en
unidireccional que se contradice con un layout que a las letras capitulares utilicé Helvetica medium en un puntaje
media página se interrumpe para modificar el número de Bocetos de columnas tipográficas que asemejan planos arquitectónicos.
A la vuelta inicia el texto, al cual se antepone siempre una grande. En el cuerpo de texto utilicé Helvetica light para
columnas. Estos recursos editoriales deben más bien ser cita cuya función es mostrar una frase representativa de la obtener una mancha tipográfica homogénea y ligera que
utilizados en productos como revistas y periódicos, en los Después de estos dos intentos fallidos por crear un diseño información contenida en el capítulo. Esta cita se encuentra reforzara los conceptos de orden y amplitud. En los títulos
cuales una misma página contiene varios artículos que editorial visualmente atractivo y dinámico, definí que debi- dentro de un rectángulo de color justificado al margen y subtítulos utilicé Helvetica bold para marcar claramente la
deben separarse visualmente y cuyo flujo de información do a las características y longitud con que cuenta un docu- derecho de la página. En el margen contrario, un espacio separación entre un texto y otro.
puede tomar varias direcciones. mento de investigación, los principales objetivos de diseño cuadrado vacío es delimitado mediante el texto de la primera
La segunda idea que desarrollé tenía el objetivo a resolver no deben ser estéticos sino funcionales. El diseño columna, y dentro de éste se encuentra la letra capitular A continuación, describiré el diseño de un elemento muy
de representar bloques arquitectónicos a través de editorial de un producto como esta tesis debe asegurar que con que inicia el texto. La capitular va centrada y es del importante de este producto editorial: la portada. La imagen
variaciones en la alineación de la mancha tipográfica. el lector pueda leer fluidamente la información presentada, mismo color del rectángulo de la cita, el cual es el mismo utilizada se deriva directamente de una de las propuestas
Para ello, diseñé un layout a dos columnas y boceté las pueda observar las fotografías situadas de acuerdo al texto de la doble página anterior, y es que cada capítulo tiene un diseñadas para el cartel. Retoma la representación de
distintas posibilidades que la justificación de las columnas y pueda concentrarse totalmente en la información pre- color respectivo. La intención de utilizar estos cuadrados un ritmo visual mediante rectángulos que cambian de
podía ofrecer para asemejar los planos arquitectónicos sentada. Debido a ello, delimité el diseño final en un layout y rectángulos consiste en aplicar figuras geométricas, que color y se proyectan en tercera dimensión. La variante
ortogonales e inclinados de la obra de Legorreta. Las muy sencillo construido a partir de dos columnas uniformes mediante su coloración o ausencia de ésta, crean efectos con respecto al cartel, consiste en mostrar este ritmo de
variaciones diseñadas hacían que las columnas se com- y justificadas en las que se fueron insertaron las imágenes de espacios sólidos y vacíos. Además, al utilizar sólo formas una manera más ordenada y repetitiva, lo que dio como
plementaran o se confrontaran visualmente. Y procuré que de acuerdo al texto y cuyo principal objetivo era lograr una estables como el cuadrado y rectángulo, se reafirma la in- resultado una imagen que mediante el apego a la retícula
estas variaciones se presentarán sólo en los márgenes inte- editorial limpia y estructurada que resultara completamente tención de comunicar orden y estructura. y el uso de la perspectiva tridimensional, asemeja formas
riores de las columnas, es decir, en el área del medianil, funcional y asegurara una lectura fluida de la información. Además de este uso de figuras geométricas utilicé arquitectónicas de gran calidad visual. Mediante estas
para que el resto de la página mantuviera un orden y una Los márgenes y el medianil utilizados son bastante amplios líneas de color con tres finalidades distintas: primero, deli- características, la imagen sigue reforzando los conceptos
estructura que asegurara la correcta lectura de la infor- con la finalidad de brindar aire a la página y reforzar los mitar el espacio en que se colocan los pies de página que base del diseño editorial: el orden, la estructura, el uso
mación presentada. El diseño de columnas elegido (se objetivos mencionados. contienen traducciones de citas en otro idioma. Segundo, de figuras geométricas ortogonales, la alternancia entre

80 81
espacios sólidos y vacíos, la superposición de figuras o conexión visual con los objetos contenidos dentro de él.
volúmenes geométricos, y el uso alegre y contrastante de La portada y contraportada de la tesis fueron diseñadas
colores intensos. Además de integrar efectos luminosos previamente pensando en que debían interactuar vi-
logrados mediante el uso de transparencias. La tipografía sualmente con el empaque. De esta forma, contenido
utilizada corresponde al manejo tipográfico del interior del y contenedor se complementan mutuamente ya que
documento, mediante el uso de Helvetica medium. los colores y las formas de la portada y contraportada
crean juegos de luz y color percibidos a través del
Con el final de esta explicación del diseño editorial del do- envase, juegos enriquecidos además con efectos de
cumento de tesis, llego al último problema de diseño por movimiento obtenidos mediante el ritmo visual de la
resolver. Los tres ejemplos prácticos creados con base en imagen y la textura del envase.
la estética de la obra de Ricardo Legorreta consisten en
un interactivo digital contenido en un cd, dos carteles y un Con este último ejemplo práctico llega el final de esta
documento impreso. Debido a lo cual fue necesario diseñar tesis. La extensa investigación realizada sobre las ca-
un empaque que contuviera estos tres productos y que racterísticas formales en la arquitectura de Ricardo
además, reforzara la demostración estética de la tesis a Legorreta, dio como resultado una definición estética
través de su propio diseño. que fue traducida a conceptos puramente gráficos y
El diseño de este empaque es muy sencillo. Su obje- aplicada en tres distintos problemas de diseño. Di-
tivo funcional es contener los tres productos finales. Y su chos ejemplos prácticos, consistieron en productos
objetivo formal consiste en asemejar los efectos visuales del de distinta naturaleza, es decir, el interactivo digital
Pabellón de México en la Expo Hannover 2000 construido es un producto electrónico audiovisual, los carteles
por Legorreta. “Los volúmenes arquitectónicos lucían como y la editorial son productos impresos, mientras que el
grandes cajas traslúcidas en las que se podían crear, por envase es un objeto tridimensional. Lo que permite de-
medio de sombras y el movimiento, juegos de imágenes, mostrar que la estética definida puede ser aplicada en
luz y color que permitían la interacción con los elementos cualquier problema y producto de diseño.
de la museografía, y del interior con el exterior.” (Asensio Dicha estética además, ofrece grandes varia-
2002:62). Fotos y una descripción más completa sobre es- ciones y posibilidades formales para realizar propues-
ta construcción fueron presentadas al final del capítulo uno. tas gráficas basadas en la síntesis formal pero mante-
La forma del empaque consiste en un volumen rec- niendo un carácter mexicano. Carácter que mediante
tangular y el material con que fue elaborado es un plástico manipulaciones formales brinda identidad cultural a
acanalado traslúcido. Estas características fueron retomadas los diseños. Debido a ello, esta tesis abre un abanico
directamente del Pabellón, el cual fue constuido a partir de de posibilidades formales con las que se puede ex-
cubos de aluminio y vidrio traslúcido, que presentan una perimentar creativamente. Las aplicaciones aqui desa-
textura acanalada en algunas de sus paredes. El material rrolladas, son sólo un ejemplo de todo lo que se puede
traslúcido del empaque tiene la intención de permitir una llegar a realizar.

Propuesta final de cartel.

82 83

Você também pode gostar