Fundamentos del diseo.

La tipografa
[2.1] Cmo estudiar este tema? [2.2] El trabajo con la tipografa [2.3] Clasificacin tipogrfica segn su morfologa

TEMA

Diseo y edicin

Esquema

TEMA 2 Esquema

Diseo y edicin

Ideas clave
2.1. Cmo estudiar este tema?
Para estudiar este tema lee el captulo 1 (pginas 36-41) del manual de la asignatura: Manual de diseo grfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), adems de las Ideas clave.

2.2. El trabajo con la tipografa

Una fuente tipogrfica es el estilo y las caractersticas comunes de un grupo de caracteres, nmeros y signos. La familia tipogrfica es el conjunto de tipos basado en una misma fuente tipogrfica, con algunas variaciones pero que mantienen caractersticas comunes. Las medidas de un tipo El tamao de un tipo se determina por el tamao de su cuerpo. El cuerpo: es la altura desde la parte ms alta (ascendente) hasta la ms baja (descendente). El punto tipogrfico: es la medida utilizada para medir los tipos y equivale a 0,3 mm. o 1/72 pulgadas. Para expresar medidas que seran demasiado altas en puntos se utiliza una unidad mayor, la pica, que es el equivalente a 12 puntos. El espacio eme (o cuadratn): es una medida tipogrfica basada en la anchura de una M mayscula.

TEMA 2 Ideas clave

Diseo y edicin

Uso de la tipografa

Los tipos utilizados para el texto continuo pueden escalarse para agrandarse y usarse para rotulacin, pero debe cuidarse que las letras sigan manteniendo la misma proporcin y debe jugarse con el espaciado entre los caracteres (kerning y tracking) para que la composicin tipogrfica del rtulo sea correcta y legible. Los caracteres se pueden espaciar en horizontal y en vertical: Interlineado: es el espacio vertical entre lneas de caracteres.

Kerning: es el espaciado horizontal entre caracteres o letras. Existen algunos pares de letras que juntos resultan conflictivos - como la AV y Te - que necesitan la utilizacin del kerning para que el producto de su uso en rotulacin sea totalmente legible.

TEMA 2 Ideas clave

Diseo y edicin

Tracking: es el espaciado entre palabras o lneas. Se usa para alterar el color visual de un tipo o para adaptar un texto a un espacio especfico.

Partes de un carcter

TEMA 2 Ideas clave

Diseo y edicin

PARTES Altura de las maysculas Altura X Anillo Ascendente Asta Astas montantes Asta ondulada o espina Asta transversal Brazo Cola Cuerpo Descendente Inclinacin Lnea base Oreja Rebaba Serif, remate o gracia pice Contraforma o contrapunzn Cruz o travesao

DEFINICIN Altura de las letras maysculas o de caja alta. Altura de las letras minsculas o de caja baja, sin tener en cuenta ascendentes y descendentes. Asta curva cerrada que forman las letras "b, p, o". Asta que sobresale por encima de la altura x, como en las letras "b, d, k". Rasgo principal de la letra que la define como su forma o parte ms esencial. Astas principales u oblicuas de una letra, tales como la " L, B, V, A". Rasgo principal de la letra "S" en mayscula o "s" en minscula. Rasgo horizontal de las letras "A, H, f, t". Parte terminal que se proyecta horizontalmente o hacia arriba y que no se encuentra incluida dentro del carcter, como en la letra " E, K, L. Asta oblicua colgante, como en la " R, K. Altura desde la lnea de ascendentes hasta la lnea de descendentes. Asta de la letra que se encuentra por debajo de la lnea de base, como las letras "p, g". ngulo de inclinacin de un tipo. Lnea sobre la que se apoya la altura. Terminacin o terminal que se le aade a letras tales "g, o, r". Es el espacio que existe entre el carcter y el borde del mismo. Es el trazo o terminacin de un asta, brazo o cola. Unin de dos astas en la parte superior de una letra. Espacio interno de una letra. Lnea horizontal que atraviesa por alguna parte el asta principal.

TEMA 2 Ideas clave

Diseo y edicin

Tipos de remate de un tipo: Serif o palo seco Hay cinco elementos que sirven para clasificar e identificar las diferentes las familias tipogrficas:

En base a esto definimos dos grandes grupos: Tipografas con remates o serif: tienen adornos en los extremos, estos adornos se denominan remates, serif o serifas.

Tipografas sans serif o de palo seco: no tienen adornos en los extremos.

TEMA 2 Ideas clave

Diseo y edicin

2.3. Clasificacin tipogrfica, segn su morfologa

Tipografas serif a. Familia de letras romanas antiguas:

Se caracterizan por los siguientes detalles: Son letras con remates. Terminacin aguda y base ancha. Alternancia de trazos finos y gruesos. Eje de engrosamiento oblicuo. El espaciado es amplio. Peso y color intenso. Incluiramos en esta seccin las tipografas:

TEMA 2 Ideas clave

Diseo y edicin

b. Tipografas romanas de transicin:

Se caracterizan por los siguientes detalles: Tienen remate. Su remate es mucho ms agudo. Alternancia de trazos finos y gruesos ms marcados. Minsculas redondeadas. Eje de engrosamiento horizontal. Incluiramos en esta seccin las tipografas:

c. Tipografas romanas modernas o didonas:

TEMA 2 Ideas clave

Diseo y edicin

Se caracterizan por los siguientes rasgos: Tienen remate. Su remate es lineal. Su remate se relaciona angularmente con el bastn de la letra. Alternancia de trazos finos y gruesos muy marcados. Eje de engrosamiento horizontal. Cursivas muy inclinadas. Incluiramos en esta seccin las tipografas:

d. Tipografa egipcia:

Se definen por las siguientes caractersticas: Tienen remate. Remate tan grueso como los bastones. El remate puede ser cuadrado o redondo. Las relaciones entre serif y bastn pueden ser angulares o curvas. Eje de engrosamiento horizontal.

TEMA 2 Ideas clave

Diseo y edicin

Tipografas sans serif a. Tipografas grotescas o gticas:

Se caracterizan por los siguientes detalles: Primeras versiones sin remates de una tipografa egipcia. Sin remate. Las grotescas forman una familia muy amplia con variantes (redonda, cursiva, ancha, estrecha, fina, seminegra, supernegra...) Incluiramos en esta seccin las tipografas:

b. Geomtricas o de palo seco:

TEMA 2 Ideas clave

Diseo y edicin

Se caracterizan por los siguientes detalles: Basadas en formas geomtricas. Diferencia mnima entre lneas. Sin remate, letras de palo seco. Incluiramos en esta seccin las tipografas:

c. Humansticas:

Se caracterizan por los siguientes detalles: Basadas en proporciones de las romanas sin remates. Son monolneas. Sin remate, letras de palo seco. Incluiramos en esta seccin las tipografas:

TEMA 2 Ideas clave

Diseo y edicin

d. Las script, inglesas o manuscritas:

Se caracterizan por los siguientes detalles: Basadas en los trazos de las plumas y los pinceles. Imitacin de la letra manuscrita. Incluiramos en esta seccin las tipografas:

Las letras ornamentadas, de fantasa o decorativas

Las tipografas de rotulacin o decorativas no pertenecen a ninguna familia en concreto.

TEMA 2 Ideas clave

Diseo y edicin

Lo + recomendado
Clases magistrales
La tipografa Duracin: 6:59 min. En esta clase magistral, el profesor Diego Castro har una introduccin a la tipografa. Adems describir las diferentes partes que componen un tipo.

El video est disponible en el aula virtual

No dejes de leer
Tratado de tipografa Tratado de tipografa estructurado en 28 pequeos artculos que explican los procesos y normas de la creacin tipogrfica, su maquetacin e impresin. Los artculos estn disponibles en el aula virtual o en las siguientes direcciones web: http://www.unostiposduros.com/?cat=3

TEMA 2 Lo + recomendado

Diseo y edicin

No dejes de ver
Helvtica El documental Helvtica es un largometraje independiente sobre tipografa, diseo grfico y cultura visual global.

Encontrars ms informacin sobre la pelcula en su web oficial: http://www.helveticafilm.com/

A lesson on typography Original vdeo explicativo sobre la tipografa que nos presenta la tipografa y sus usos de una manera muy visual y sencilla.

El vdeo est disponible en el aula virtual o en la siguiente direccin web: http://www.youtube.com/watch?v=Ki6rcXvUWP0

TEMA 2 Lo + recomendado

Diseo y edicin

Pulp Fiction Typography Escena de la pelcula Pulp Fiction brillantemente ilustrada con el uso de la tipografa como medio de expresin visual.

El vdeo est disponible en el aula virtual o en la siguiente direccin web: http://www.youtube.com/watch?v=HoDJhlaX0LA

TEMA 2 Lo + recomendado

Diseo y edicin

+ Informacin
A fondo
Los tipos sans serif Harry Carter firma este ensayo sobre los tipos sans serif, un modelo de anlisis tipogrfico. Los tipos sans serif son las tipografas que no tienen remates o terminaciones, es decir, son de palo seco. Harry Carter nos habla de su historia y sus usos. El artculo est disponible en el aula virtual o en la siguiente direccin web: http://www.unostiposduros.com/?p=1180

El cuadratn Artculo sobre el cuadratn tipogrfico firmado por Cyrus Highsmith, diseador tipogrfico en la fundacin digital Font Bureau. El artculo est disponible en el aula virtual o en la siguiente direccin web: http://www.unostiposduros.com/?p=3073

TEMA 2 + Informacin

Diseo y edicin

Webgrafa
Typo Jungle Blog sobre diseo y tipografa. Este blog est especialmente enfocado en la composicin tipogrfica y resulta muy interesante ver diferentes trabajo que usan la tipografa como nico elemento grfico.

http://www.typojungle.net/

Unos tipos duros Web muy famosa con muchos artculos sobre tipografa clsica, digital e impresin. La pgina est repleta de artculos, entrevistas, definiciones es la web ms completa e importante sobre tipografa y usos tipogrfico en espaol.

http://www.unostiposduros.com/

TEMA 2 + Informacin

Diseo y edicin

Letrag.com Pgina en la que se pueden ver diferentes tipos y familias tipogrficas con sus caractersticas. En su aplicacin puedes clasificar cualquier tipo en familias y estilo o ver sus caractersticas.

http://es.letrag.com/clasificacion.php

Bibliografa
BUEN UNNA, J. Manual de diseo editorial. Ediciones Trea. Gijn. 2008. MARTIN MONTESINOS, J. L. y MAS HURTUNA, M. Manual de tipografa: del plomo a la era digital. Editorial Campgrfic. Valencia. 2003.

TEMA 2 + Informacin

Diseo y edicin

Actividades
Lectura: Tratado de tipografa
Lee el Tratado de tipografa que encontrars en la web de Unos tipos duros. Despus, debers relacionar cada uno de los procesos de edicin tipogrfica tradicional con los procesos actuales de edicin tipogrfica digital, haciendo una comparacin. Para ello, utiliza como referencia cada uno de los 28 puntos que se destacan en el Tratado de tipografa. Una vez hecha la comparacin, elabora un texto de conclusiones finales en las que se debern analizar las ventajas de la evolucin desde la edicin tradicional a la actual basada en la tecnologa digital. Extensin aproximada: 6 pginas para realizar la comparativa y 2 pginas para las conclusiones (Georgia 11, interlineado 1,5). El documento est disponible en el aula virtual o en la siguiente direccin web: http://www.unostiposduros.com/?cat=3

TEMA 2 Actividades

Diseo y edicin

Tipografas
Comenta las siguientes tipografas aplicando lo que hemos aprendido en este tema.

Extensin aproximada: 2 pginas (Georgia 11, interlineado 1,5).

TEMA 2 Actividades

Diseo y edicin

Test
1. El diseo de tipografas A. Es el diseo de letras en la publicidad. B. Ayuda a la creacin de nuevas fuentes, ya que se intenta comunicar un mensaje y que este se entienda correctamente. C. Ayuda a la creacin de nuevas fuentes tipogrficas para la transmisin adecuada de un mensaje, utilizando medios tradicionales y no tradicionales. 2. Una tipografa de palo seco es A. Una tipografa con su serifa tan gruesa como sus bastones. B. Una tipografa sin adornos o remates. C. Una tipografa sin minsculas. 3. La Arial es una tipografa A. Sans Serif. B. Palo seco. C. Script. 4. Las terminales son A. Los remates de un tipo. B. Las serifas inferiores de un tipo. C. Las lneas sobre las que se apoya la altura de la x. 5. Las tipografas grotescas derivan de las A. Garaldas. B. Didonas. C. Egipcias. 6. El cuerpo de una letra es A. Altura de x. B. Altura desde la lnea de ascendentes hasta la lnea de descendentes. C. Anchura de la M mayscula.

TEMA 2 Test

Diseo y edicin

7. El interlineado es A. La distancia entre 2 caracteres. B. La distancia desde la lnea de ascendentes hasta la lnea de descendentes. C. La distancia desde la lnea de base de un rengln hasta la lnea de base del siguiente rengln. 8. Las familias tipogrficas se dividen en 2 grandes grupos A. Romanas y egipcias. B. Serif y sans serif. C. Caja alta y caja baja. 9. Cules de estos elementos ayudan a clasificar las familias tipogrficas? A. La direccin del eje de engrosamiento. B. La forma de la serifa. C. El kerning. 10. La familia tipogrfica es A. Un conjunto de tipos basado en una misma fuente, con algunas variaciones. B. Un conjunto de tipos basado en una misma fuente. C. Un conjunto de tipos sans serif.

TEMA 2 Test