Diseño Tipografico

Diseñar significa volar, estar en

libertad y componer...

TipografíaSe denomina tipografía al estudio y clasifi-cación de las diferentes familias o tipos de letras, así como el diseño de caracteres unifi-cados 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.

DEl diseño te surge desde cero en tu cerebro

El diseño comienza con una idea para luego convertirse en un encanto o en un arte admi-rable y de apreciación por varios minuntos. En el Talller de Tipografía y diagramación se pre-sentaron una serie de retos que a la medida que pasaban los días se fueron resolviendo.Fue necesario el detenerse a pensar por un mo-mento 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 con-seguir 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.

INTRODUCCIÓN0

olaDía Lunes 1-2

Dia Martes 3-4 Dia MiércoLes 5-6

Día Jueves 7-8

Día viernes 9-10

Diseñar significa voLar, coMponer y estar en LibertaD... 11

INDICE

v rcomponerlibertad

LunESEra lunes 24 de Agosto por la noche y el Taller de Tipografía y diagramación comenzaba con una pequeña present-ació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.

Cuando la clase empezó entendí la historia de la ti-pografía, su definición y las diferentes maravillas que se pueden realizar con ella.

Para mis estudios de diseño y tipografía fue de mucho in-teré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-das aquellas fuentes que no tienen remates, y Serif todas

aquellas que tienen remates y su historia se basa en letra a mano.

Antes de salir al receso, nos ex-plicaron 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 ti-pografía y en base a esa in-formación debíamos realizar una presentación para ex-ponerla el Sábado y hacer compararciones de Futura con elementos que nos rode-an o buscar semenjanzas.

El siguiente tema fue “La per-sonalidad de los tipos” fue muy interesante su definición,

1 2

“Cuando la clase empezó entendi la historia de la tipografía...”

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 ti-pos tienen con el tono de voz de una persona, siendo esto muy cierto, muchas veces la tipografía sin más explica-ciones describen sentimien-tos, y una serie de factores de comunicación visual al momento de expresarse de manera escrita..

Luego se dieron las 9:00 p.m donde terminaba nuestra pri-mera jornada.

La primera clase fue de mu-cha información esperando poder estudiar cada tema impartido.

volar volar volar volar v

olar volar volar volar volar volar volar volar volar v

olar v

olar

vol

ar v

olar

volar volar volar volar volar volar volar volar volar

volar volar volar v

olar

vola

r volar volar volar volar volar volar volar

vola

r vol

ar v

olar

vol

ar vo

lar volar volar volar volar volar volar volar volar vol

ar

Futura es una tipografía sans serif diseñada por Paul Renner en 1927.

El diseñador alemán de-sarrolló 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.

Taller 1

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 Salva-dor.

Este día comenzamos hablando con una breve explicación de lo que es la diagramación y como colo-car elementos en un espacio de papel mediante criterios de jerarquización, es muy importante tomar en cuenta los elementos que utilizamos cuando diagramamos al mo-mento 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ún-mente son aplicadas en dise-ños para lectura son: Retícu-la de Manuscrito, Retícula de Columnas, Retícula Modular y Retícula jerárquica.

Este día nos tocaba llevar re-vistas para ver las diferentes

retículas que se habían apli-cado en ellas, y desarrolla-mos nuestro primer ejercicio del día, luego con plumo-nes dejábamos señaladas la retícula en la página se-leccionada de una revista. Después del receso fuimos al centro Mac donde se nos brindaron 2 documen-tos en Indesign para realizar en base a una revista retícu-las tomando en cuenta la jerarquía por colores. Tam-bién nos recordaron llevar el tema de para llenar el spread de una revista para el taller de la próxima clase.

MARTES

3 4

“... hay un tema muy importante que aprendí: las retículas...”

Taller 2 día Martes: Retículas.EJERCICIO 1Ejemplo 1 de retícula de revista:Tipo de Retícula: Retícula por columnasRevista Humboldt (Revista Argentina)Luis Cano.La manera de organización de esta sec-ción de la revista, presenta una retícula por columnas siendo estas dos, con un diseño sencillo y con mucho aire.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.

Ejemplo 2 de retícula de revista:Tipo de Retícula: Retícula Jerárqui-ca1 Euro//5 Quinta FeiraLa 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.

EJERCICIO 2 Diagramar ReticulasLos sistemas reticulares presen-tados, 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 cor-responde imágenes y el texto a las cajas rosadas.

olibertad libertad

liberta

d liberta

d libertad libertad libertad

liber

tad

liber

tad

liber

tad

Taller 2

Taller 3 día Miércoles: Lectura y Comu-nicaciónRealizar un Spread de revistaSe diseño una sección de revista con la temática “Orquídeas Phalaenopsis” este primer diseño presenta el tema a desar-rollar; 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ñó apli-cando 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 colo-res que más sobresalen es: blanco, ro-sado 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.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.

MIéRCOLES

65

26 de Agosto a las 6:00 p.m. nuevamente comienza el taller de tipografía con el tema “Lectura y comu-nicación” donde conocí acerca de la legibilidad y todo lo que ella abarca, es necesario utilizar legibilidad para enviar un mensaje di-recto y cómodo visualmente hablando. Dentro de la legibilidad en-tendí 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, iz-quierda, 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 su-perior 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ácil-mente el mensaje a querer informar.

También al momento de co-locar 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

“..es necesario utilizar la legibilidad para enviar un mensaje directo ...”

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 nue-stro 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 re-vista.

Taller 3Boceto de Spread

Boceto de Spread

Boceto de Spread Boceto de Spread

Boceto de Spread

Boceto de Spread

JuEvES

7 8

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 re-alizar tipografía expresiva son: Equitonos, personalización tipográfica, retrato tipográfico y otros tipos de ilustración tipográ-fica, texto como textura.

Durante la clase tuvimos tiempo para bocetar un

“ ...dar formas de un objeto, dando lugar a metáforas visuales.”

Equitono: Sonido Visual

Personalización tipográfica (Letras que son objetos)

Retrato tipográfico

Texto como textura

equitono, para luego diseñarlo, la palabra que se-leccioné para este taller fue elástico, utilice Photoshop para realizarlo, fue necesario utilizar un efecto sobre la pa-labra para crear un sonido visual de ella.

Taller 4 día Jueves: EquitonosElá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.

Taller 4

volar volar vol

ar volar v

olar vol

ar volar volar volar volar volar

vol

ar volar v

olar volar volar volar volar volar volar volar volar volar vol

ar v

olar

vo

lar

volar volar volar v

olar

vol

ar volar volar volar volar volar volar v

olar v

olar

vol

ar v

olar

vol

ar volar volar volar volar volar volar volar volar volar v

olar

Boceto de Equitono

Boceto de EquitonoBoceto de Equitono

Boceto de Equitono

vIERnES

9 10

viernes 28 de Agosto por la noche y nuestro taller de tipografía comenzaba nue-vamente 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 consid-erando los diferentes tipos de retículas que se utilizan para los Sitios Web lo cuales po-demos mencionar: Retícula funcional y jerárquica, Retícula cromatica, Retícula por sonidos, retícula de movi-miento y tiempo, retícula de referencia y retículas visuales. Es importante considerar tra-bajar con una división de 12 unidades.

Otro tema desarrollado den-tro 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 dis-cutió acerca de la legibilidad que los Sitios web deben de

“ ...Las dimensiones son mas pequeñas asi también la resolución.”

BBTaller 5

v

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 ejem-plo el utilizar una caja divisioria de 12 unidades puede facilitar la diagramación al momento de diseñar el Sitio Web.Luego del tiempo de re-ceso trabajamos aplicando tipografía expresiva en ro-botype, pero yo utilice pho-toshop, 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.

EJERCICIO 1Tipografía ExpresivaSe diseño aplicando el ejercicio ti-pografía expresiva un diseño, escogien-do 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 de los ojos.

EJERCICIO 2Diseño de BitácoraSe 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. 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

Boceto Bitácora

Boceto Bitácora

Boceto Bitácora

11 12

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: esta-dos 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 siste-mas reticulares u ordenados: colocando elementos para que estos sean presentados y leídos de la manera más cómoda, fácil y directa-Al combinar la tipografía, y el diseño, obtenemos tipografía expresiva y si combinamos la diagramación y tipografía, ob-tenemos un orden al momento de presentar en papel una idea.Termino esta bitácora agregando que día con día el cono-cimiento 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 real-mente ordenado con sentido y con un alto grado de creativi-dad.

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 al-tura 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 CascoTaller de tipografía y diagramación.

uDB, 2009. Impreso en El Salvador

San Salvador. Centroamérica.

Diseñar significa voLar, coMponer y estar en LibertaD...