r en
a , est r a l o ca v fi i n g er... i s n r o p ña com Dise y tad il ber
Tipografía Se denomina tipografía al estudio y clasificación de las diferentes familias o tipos de letras, así como el diseño de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseño, cuerpo o estilo. Estos caracteres incluyen letras en caja baja y alta, numerales, versalitas, fracciones, ligaduras (dos o más caracteres unidos entre sí formando una sola unidad), puntuación, signos matemáticos, acentos, símbolos monetarios.
0 D
El diseño te surge desde cero en tu cerebro
INTRODUCCIÓN El diseño comienza con una idea para luego convertirse en un encanto o en un arte admirable y de apreciación por varios minuntos. En el Talller de Tipografía y diagramación se presentaron una serie de retos que a la medida que pasaban los días se fueron resolviendo. Fue necesario el detenerse a pensar por un momento y luego seguir, quisera que este taller quede plasmado un buen recuerdo de los retos que se alcanzaron dejando escrito día con día la dedicación y esfuerzo que se realizó para conseguir el objetivo. Mi bitácora de Taller de Tipografía y Diagramación la presento a continuación.
“Diseñar significa volar, componer y estar en libertad...”ochi.
INDICE Día Lunes
1-2
Dia Martes 3-4 Dia Miércoles 5-6 Día Jueves Día Viernes
7-8 9-10
Diseñar significa volar, componer y estar en
libertad...
11
v r ola libertad componer
“Cuando la clase empezó entendi la historia de la tipografía...”
Antes de salir al receso, nos explicaron nuestro primer taller que iba a realizarse en grupo. Sofi, Foncho, Román, Carmen y yo conformamos el equipo de trabajo y la tipografía que se nos asignó fue FUTURA. Teníamos que hacer una búsqueda de la historia y cuando surgió dicha tipografía y en base a esa información debíamos realizar una presentación para exponerla el Sábado y hacer compararciones de Futura con elementos que nos rodean o buscar semenjanzas.
Para mis estudios de diseño y tipografía fue de mucho interés conocer la anatomía de la letra y la clasificación de la tipografía Sans Serif ó Serif. Sans Serif o palo seco son to- El siguiente tema fue “La perdas aquellas fuentes que no sonalidad de los tipos” fue tienen remates, y Serif todas muy interesante su definición,
La primera clase fue de mucha información esperando poder estudiar cada tema impartido.
El diseñador alemán desarrolló esta tipografía a partir de formas geométricas puras: círculos, rectas y cuadrados, influido por la estética de la Bauhaus de los años 1919-1933. Es considerada una de las aplicaciones de la Nueva Tipografía. Fue muy usada a mediados del siglo XX y continúa siendo muy popular en la actualidad.
ola o rv
ar
lar vola r vo lar
ol a r volar v
l vo
la rv ola r vo rv lar v olar vola
Luego se dieron las 9:00 p.m donde terminaba nuestra primera jornada.
olar volar
ar o v
volar
la vo lar r vo vola lar vo
o rv olar vola
l vo r rv a olar vol
l vo ar vol
la vo lar vo
1
lar ar volar vol
vola ar l o
debido a mi experiencia en diseño lo aplicaba pero no tenía algo que lo sustentara o justificara, fue interesante ver la semejanza que los tipos tienen con el tono de voz de una persona, siendo esto muy cierto, muchas veces la tipografía sin más explicaciones describen sentimientos, y una serie de factores de comunicación visual al momento de expresarse de manera escrita..
Futura es una tipografía sans serif diseñada por Paul Renner en 1927.
ar vo lar l vo lar lar vo vo
rv rv ola
ar vo lar
Cuando la clase empezó entendí la historia de la tipografía, su definición y las diferentes maravillas que se pueden realizar con ella.
aquellas que tienen remates y su historia se basa en letra a mano.
ol ar vol ar v olar vol volar v ar
Era lunes 24 de Agosto por la noche y el Taller de Tipografía y diagramación comenzaba con una pequeña presentación de todo el grupo de maestría; en lo personal tenía mucha expectativa con el taller ya que nunca había tomado o cursado un taller similar.
ar v lar volar volar vol r vo
ola rv
Lunes
Taller 1
2
Este día comenzamos hablando con una breve explicación de lo que es la diagramación y como colocar elementos en un espacio de papel mediante criterios de jerarquización, es muy importante tomar en cuenta los elementos que utilizamos cuando diagramamos al momento de diseñar en papel.
Dentro de los elementos hay un tema muy importante que aprendí: las retículas que no es más que un medio para colocar los elementos en un diseño y este facilita la labor al momento de diseñar brinda un orden y una mayor claridad de las ideas. Y los tipos de retícula que comúnmente son aplicadas en diseños para lectura son: Retícula de Manuscrito, Retícula de Columnas, Retícula Modular y Retícula jerárquica. Este día nos tocaba llevar revistas para ver las diferentes
Taller 2
retículas que se habían aplicado en ellas, y desarrollamos nuestro primer ejercicio del día, luego con plumones dejábamos señaladas la retícula en la página seleccionada de una revista. Después del receso fuimos al centro Mac donde se nos brindaron 2 documentos en Indesign para realizar en base a una revista retículas tomando en cuenta la jerarquía por colores. También nos recordaron llevar el tema de para llenar el spread de una revista para el taller de la próxima clase.
liber tad
Ejemplo 2 de retícula de revista: Tipo de Retícula: Retícula Jerárquica 1 Euro//5 Quinta Feira La página de esta revista posee una retícula jerárquica por todos los niveles que presenta. Además de estar divido por niveles se puede observar el tamaño de la tipografía cambia según el nivel en donde se encuentre.
Taller 2 día Martes: Retículas. EJERCICIO 1 Ejemplo 1 de retícula de revista: Tipo de Retícula: Retícula por columnas Revista Humboldt (Revista Argentina)Luis Cano. La manera de organización de esta sección de la revista, presenta una retícula por columnas siendo estas dos, con un diseño sencillo y con mucho aire.
3
liber tad
“... hay un tema muy importante que aprendí: las retículas...”
25 de Agosto nuevamente llego a mi taller de tipografía y diagramación después de un gran congestionamiento por las calles de San Salvador.
o
d liberta d a t r e d lib liberta ad rt e lib d a t er b li
liber tad
Martes
libertad libertad
El texto está alineado a la izquierda en todos los párrafos. En la primera hoja presenta un pequeño titulo pero este no sobresale de los demás en tamaño pero si por utilizar un formato de manuscrito en 2 líneas.
EJERCICIO 2 Diagramar Reticulas Los sistemas reticulares presentados, corresponde al tipo de retícula modular, tomando en cuenta que los cuadros azules son para titulos, los rojos para subtítulos o entradillas, las cajas verdes corresponde imágenes y el texto a las cajas rosadas.
4
Miércoles
Bo ce to de Sp rea d
d rea p eS d to ce o B
Taller 3 Boc eto de
“..es necesario utilizar la legibilidad para enviar un mensaje directo ...” 26 de Agosto a las 6:00 p.m. nuevamente comienza el taller de tipografía con el tema “Lectura y comunicación” donde conocí acerca de la legibilidad y todo lo que ella abarca, es necesario utilizar legibilidad para enviar un mensaje directo y cómodo visualmente hablando. Dentro de la legibilidad entendí como algunos factores pueden afectar los textos o párrafos, entre ellos puedo mencionar: La longitud de línea, tamaño de letra, ojo de media letra, interlinea, alineación a la derecha, izquierda, centro o justificado, color. Otro factor muy importante a considerar son los diferentes tipos de lectura, aparte de la legibilidad al diseñar.
La lectura Occidental es la que utilizamos normalmente en latinoamérica, esta lleva un orden de izquierda a derecha, tiene un momento de entrada en la parte superior y un momento inferior que es la salida de la lectura, en base a ello debemos de tener presente y el cuidado de colocar los elementos en ese orden para una mayor comodidad al ojo, y para que el lector encuentre fácilmente el mensaje a querer informar. También al momento de colocar imágenes, debemos de colocarlas invitando al lector a seguir viendo o leyendo, que este no saque la vista más bien que las imágenes sean un medio o un hilo para adentrarse a la lectura. Algunas consideraciones
importantes son el poder jerarquizar las imágenes por orden de atracción visual, así como la tipografía a utilizar tomando en cuenta quien será la tipografía: que llame la atención, la anfitriona, y el encargado de entregar el mensaje. Después del receso de este día pasamos a diseñar nuestro spread de revista, pero primero bocetamos luego del boceto se paso a diseñar en Indesign. El tema que yo seleccioné para el spread fue las ORQUIDEAS “Phalaenopsis” donde desarrollé 2 spreads y una página, creándolo como una sección de revista.
Boc eto de
Spre ad
Bo ce to
de
Sp re ad
Spre ad
d rea p eS d to ce o B Taller 3 día Miércoles: Lectura y Comunicación Realizar un Spread de revista Se diseño una sección de revista con la temática “Orquídeas Phalaenopsis” este primer diseño presenta el tema a desarrollar; el diseño de los siguientes spreads de revista se han diseñado tomando en cuenta la lectura y comunicación El spread de la revista se diseñó aplicando algunas consideraciones para distribuir los elementos utillizando una reticula por columnas siendo estas dos. Diseño: El elemento que da mayor peso visual es la fotografía de lar orquídeas tomando en cosideración que los colores que más sobresalen es: blanco, rosado y amarillo y este llama la atención a la vista del lector, luego el elemento anfitrión es el titulo y su subtítulo y el responsable de entregar la información son dos párrafos por hoja. Color: El color del título y subtítulo se seleccionó en base al color de la fotografía para que pudiera haber una armonía de colores Texto: Justificado a la izquierda.
5
El segundo spread de revista posee un sistema retícular de 2 columnas y se ha incluido una imágen grande y cercana a la vista del lector de una orquídea, siendo este el elemento que llama la atención y por ende tiene el mayor peso visual, luego el segundo elemento que corresponde al anfitrión es el título y el subtitulo, donde luego en la pagina izquierda está la información. Texto: Justificado a la izquierda.
6
Jueves 27 de Agosto, nuestro cuarto taller de tipografía y diagramación empezaba, el tema que aprendí el día de ahora fue Tipografía Expresiva, que no es más que con letras dar formas de un objeto, dando lugar a metáforas visuales.
Algunos recursos para realizar tipografía expresiva son: Equitonos, personalización tipográfica, retrato tipográfico y otros tipos de ilustración tipográfica, texto como textura.
equitono, para luego diseñarlo, la palabra que seleccioné para este taller fue elástico, utilice Photoshop para realizarlo, fue necesario utilizar un efecto sobre la palabra para crear un sonido visual de ella.
lar volar vola r
vo lar vo
“ ...dar formas de un objeto, dando lugar a metáforas visuales.”
o on t i qu E de o t ce Bo
lar o v
Bo ce to
de
v ar vol lar vo ar ol
Jueves
Taller 4
la vo r v
Eq ui to no
Durante la clase tuvimos tiempo para bocetar un
Bo ce to de Eq uito no
Equitono: Sonido Visual
tono i u q E to de e c Bo
Retrato tipográfico vo ar volar volar
lar vola ar l o
r vola
7
r lar vola v o r a l o v r a l r vo
rv o l a rv
Texto como textura
v ar vo l o lar v
ol a r vo la r vol ar volar volar
l vo r la vo r la lar volar vo
vo lar vo
Personalización tipográfica (Letras que son objetos)
Taller 4 día Jueves: Equitonos Elástico se refiere a un cuerpo que puede estirarse a tal punto que su cuerpo puede ser deformado sin sufrir ningun cambio en su estado normal. La tipografia utililzada es Zapfino., tipografia que pertenece a la familia Handwrite (de carta) esta da una similitud de estiramiento, por el hecho de estar unidas unas con otras. Se aplicó un efecto de Wrap y Distort para distorsionar y cambiar el cuerpo de la letra, y hacer más vivo el efecto de elasticidad.
8
Viernes
EJERCICIO 1 Tipografía Expresiva Se diseño aplicando el ejercicio tipografía expresiva un diseño, escogiendo la fuente Century Gothic se utilizó la letra q para realizar el contorno de los ojos, comas para simular la cara y una o para la nariz. Para los ojos se minimizo el tamaño de la letra para realizar la rueda
“ ...Las dimensiones son mas pequeñas asi también la resolución.”
poseer, esto viene ligado y relacionado con el uso de la jerarquízación. Este tema fue interesante por que muchas veces trabajo en ello y fue de fácil compresión, pero me generaron ciertas inquietudes e interéses como por el ejemplo el utilizar una caja divisioria de 12 unidades puede facilitar la diagramación al momento de diseñar el Sitio Web.
v
Es importante considerar trabajar con una división de 12 unidades.
Otro tema desarrollado dentro del taller fue el uso de la tipografía en Sitios web. En la web las dimensiones son mas pequeñas así como la resolución. En la clase también se discutió acerca de la legibilidad que los Sitios web deben de
Taller 5 9
ra táco i B eto Boc
EJERCICIO 2 Diseño de Bitácora Se comenzaron a realizar los artes de la bitácora. El arte corresponde al primer diseño de la bitácora, realizado con la letra “b” con Century Gothic, simulando una planta con fruto, donde en algunos figuras redondas que proporcionaba esta letra se ocoloco mi nombre.
Luego del tiempo de receso trabajamos aplicando tipografía expresiva en robotype, pero yo utilice photoshop, y trabajamos en la portada de nuestra bitácora, que no fue mas que las primera ideas y bocetar el diseño de la misma.
B
a or ác Bit to ce Bo
Viernes 28 de Agosto por la noche y nuestro taller de tipografía comenzaba nuevamente con un último tema llamado “Usos Web”. El primer punto discutido fue la diferencia que existe entre el papel y diseñar ó diagramar en web considerando los diferentes tipos de retículas que se utilizan para los Sitios Web lo cuales podemos mencionar: Retícula funcional y jerárquica, Retícula cromatica, Retícula por sonidos, retícula de movimiento y tiempo, retícula de referencia y retículas visuales.
de los ojos.
ra táco i B eto Boc
En donde se aplicó un equilibrio visual con una b y el acomodamiento de toda la información en rectángulo.
Este es el diseño final de la bitácora, luego de varios intentos y bocetos fue el seleccionado. Tipografía: Century Gothic B: Myriad Pro Light Pajaro: Century Gothic (o. <LL3) Mariposa: (3i) Comas: Times New Roman
10
Diseñar significa volar,
componer y estar en libertad... La tipografía es un medio que ayuda a la comunicación es-
crita, es por ello que su uso debe de ser adecuado al querer transmitir un mensaje. Gracias a ella se pueden expresar: estados de ánimo, sentimientos, sensaciones y muchas cosas más, y es ella un elemento dentro de la diagramación en papel ó escrita. La diagramación en papel ó escrita no es más que utilizar sistemas reticulares u ordenados: colocando elementos para que estos sean presentados y leídos de la manera más cómoda, fácil y directaAl combinar la tipografía, y el diseño, obtenemos tipografía expresiva y si combinamos la diagramación y tipografía, obtenemos un orden al momento de presentar en papel una idea. Termino esta bitácora agregando que día con día el conocimiento acerca de tipografía fue creciendo para mí en esta semana de taller. Para diseñar no es solamente con plasmar una idea o la primera cosa que nace en nuestra mente, es necesario bocetar, ordenar, pensar, para crear algo realmente ordenado con sentido y con un alto grado de creatividad. Es por ello del concepto de la Bitacora; Volar: para ser creativo es necesario despegar y volar… salir del monton, mirar prespectivas. Libertad: Para volar se necesita libertad, no estar atados. Componer: Cuando llegamos a cierta altura con libertad en el aire, nos tomamos un descanso y comenzamos a componer con creatividad…. Y concluyo: el diseño surge desde cero en tu cerebro. Bitácora, Roxana María Rivas Casco Taller de tipografía y diagramación. UDB, 2009. Impreso en El Salvador San Salvador. Centroamérica.
11
12