Está en la página 1de 79

La letra.

Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Universidad Autnoma Metropolitana Divisin de Ciencias y Artes para en Diseo Departamento de Procesos y Tcnicas de Realizacin

La Letra
Fundamentos de tipografa
Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

CONTENIDOS
TEMA 1 TEMA 2 TEMA 3 TIPOGRAFA: FASES DEL APRENDIZAJE CONCEPTOS BSICOS DESARROLLO HISTRICO DE LA ESCRITURA 3.1 ANTECEDENTES HISTRICOS DE LA ESCRITURA 3.2 DESARROLLO DE LA ESCRITURA FONTICA 3.3 DESARROLLO ESTLISTICO DE LA ESCRITURA TEMA 4 TEMA 5 CONSTRUCCIN DEL ALFABETO ROMANO PRINCIPIOS DE TIPOGRAFA 5.1 ESTRUCTURA DE LA LETRA 5.2 ANATOMA DE LA LETRA 5.3 CLASIFICACIN DE LAS LETRAS (ESTILOS Y GAMAS SERIALES) TEMA 6 USOS DE LA LETRA 6.1 PERSONALIDAD DEL TIPO 6.2 USO FORMAL DE LA LETRA 6.3 USO DE LA LETRA COMO IMAGEN TEMA 7 TIPOGRAFA DIGITAL

La letra. Fundamentos de tipografa, es una publicacin electrnica de la Mtra. Marcela E. Buitrn adscrita al del Departamento de Procesos y Tcnicas de Realizacin. Divisin de Ciencias y Artes para el Diseo. Universidad Autnoma Metropolitana-Azcapotzalco. Divisin de Ciencias y Artes para el Diseo. Av. San Pablo No. 180, Edificio H, Planta Baja. Col. Reynosa, Tamaulipas. C.P. 02200. Mxico, D.F. El presente manual es el resultado de la compilacin de diversos textos, basada en la bibliografa sugerida y con el debido crdito a los autores de cada documento. De tal manera, segn el art. 148 de la Ley Federal de Derechos de Autor, al tener fines educativos y no de lucro, queda exento del Pago de Derecho de Autor. Publicacin: Mayo 2009 3

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

I. TIPOGRAFA: FASES DEL APRENDIZAJE


Segn Antonio e Ivana Tubaro, se consideran 3 fases principales para el aprendizaje de la disciplina tipogrfica: CONOCER En principio es necesario adquirir el conocimiento de los mltiples aspectos que la escritura y los caracteres tipogrficos han asumido en los diversos periodos histricos. (escritura embrionaria y pictogrfica, desarrollo de la escritura fontica y desarrollo estilstico de la escritura) EJECUTAR El estudio en profundidad de los elementos estructurales del alfabeto y de las leyes pticas que gobiernan el dibujo de las letras y su composicin, resulta esencial a los fines de reproduccin correcta de los caracteres. (estructura y anatoma de la letra, estilos, fuentes y familias, gamas seriales) PROYECTAR A partir de las formas memorizadas, y gracias a una tcnica de ejecucin adquirida, pueden afrontarse temas de proyectacin y de investigacin para el estudio de nuevos signos aptos para una comunicacin mas fuerte y duradera. (usos de la tipografa: formal y grfico, personalidad del tipo)

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

2. CONCEPTOS BASICOS DE TIPOGRAFA


INTRODUCCIN
Hasta este momento hemos percibido a la tipografa nicamente desde su funcin gramatical. Con este curso se busca tener una visin de la tipografa desde el punto de vista del diseo, en donde no solamente se percibe su funcin formal sino adems su estructura, anatoma y expresin semntica, de tal manera que pueda ser manipulada para expresar o representar algo. REFLEXION Qu elementos conforman un objeto de expresin de diseo? Qu entiendes por letra? Qu entiendes por tipografa? A partir de la reflexin anterior podemos decir que. Letra Tipografa signo; representacin grfica del lenguaje hablado. Evolucin de la escritura arte de disear letras y componer texto de tal modo que puedan leerse de un modo fcil, eficaz y agradable (Hill Kunz)

Es esta actividad de diseo el objetivo principal de nuestro curso.

CONCEPTOS BSICOS1
Existen varios conceptos relacionados con la letra que son el punto de partida para la comprensin de algunos principios del origen, evolucin, desarrollo y aplicacin de la misma. CONCEPTO Caligrafa DEFINICIN Arte de escribir con rasgos de estilo bello y legible. Se basa en la escritura manual. Capacidad de escribir con la mano mediante un instrumento. Tambin se denomina caligrafa a los rasgos de la escritura que son propios de cada persona, as como al conjunto de los mismos, contenidos en un documento manuscrito. Tipografa Estudio de la letra, a partir de la definicin del tipo mvil de impresin. Anlisis de la letra (forma y tipo de impresin). La tipografa es el conjunto de caractersticas visuales de las letras y nmeros de un texto, tales como su diseo, su forma y su tamao. Diseo de la letra a mano (relacionada con el rotulismo) (letering).
1

Meja, Beatriz. Apuntes de clase. UAM-Azcapotzalco. Mxico, 2000. http://culturitalia.uibk.ac.at/hispanoteca/Lexikon%20der%20Linguistik/i/IDEOGRAMM%20%20%20Ideograma.htm http://enciclopedia.us.es/index.php/Caligraf%EDa 6

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Letragrafa

Pictograma Representacin del objeto como tal. Figura o smbolo que asume el significado del objeto representado.

Ideograma

Evolucin del smbolo. Evolucin del pictograma que no representa al objeto sino a la idea. Se denomina ideograma a un carcter grfico que corresponde a una idea (concepto, proceso o cualidad).

Fonograma

ABCDEFG HIJKLMNO PQRSTUV WXYZ

Evolucin de los smbolos que representan sonidos. Se ven perfiladas los smbolos o grafas mediante sonidos.

CONCLUSION
I. Conceptos relacionados con desarrollo / aplicacin letra caligrafa tipografa letragrafa II. Letragrafa Caligrafa Tipografa Tipografa creativa Diseo tipogrfico Diseo editorial aspecto formal de la letra (historia, partes y clasificacin) trazo a partir de la imprenta como imagen creacin de tipos aplicacin historia / evolucin caligrafa tipografa pictograma ideograma fonograma

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

3. DESARROLLO HISTRICO DE LA ESCRITURA


Escritura Medio por el que se ha valido el hombre para comunicar sus ideas y retenerlas en forma un tanto permanente. Esquema de sntesis:

DESARROLLO DE LA ESCRITURA PICTOGRAMAS

MUTACIN A UNA FORMA ALFABETICA

VARIACIONES DEL ALFABETO

ESCRITURA EMBRIONARIA Y PICTOGRFICA Prehistoria


Escritura embrionaria, Procedimientos Mnemnicos, Pictografa (Iconografa, Ideografa, Escritura analtica), Escritura Fontica

DESARROLLO DE LA ESCRITURA FONTICA Sumerios Egipcios Fenicios Griegos Etruscos Romanos DESARROLLO ESTILSTICO DE LA ESCRITURA Uncial Semiuncial Cancilleresca Gtica Carolingia

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

3.1 ANTECEDENTES HISTRICOS DE LA ESCRITURA


Escritura embrionaria El hombre prehistrico estableca marcas y seales en sus caminos para regresar por los mismos y evitar peligros. Usaba sonidos, gestos, movimientos, etc. para comunicarse.

Necesidad de crear una escritura La acumulacin de ideas, juicios y pensamientos aument y, por ello, la comunicacin hablada se hizo insuficiente. Surge as una escritura con signos de valor constante.

Pictografa Expresin con imgenes. Es el primer paso para la verdadera escritura (hace 50,000 aos). Iconografa Ideografa imgenes. Escritura analtica Representa cosas vistas y da impresiones estticas. Los signos y dibujos representan ideas y conceptos abstractos combinando Las imgenes se elevan a la categora de smbolos y abstracciones. Constituyen el puente natural entre la pictografa y la fontica (ej. Cuneiforme, Hiertica y Demtica, China, Maya).

Escritura Fontica Las figuras despus de ser smbolos convencionales pasan a representar sonidos para ser reproducidos de manera constante y perdurable.

3.2 DESARROLLO DE LA ESCRITURA FONTICA


(ver anexo: Historia de las letras y la Tipografa) Historia de las letras y la Tipografa (1) De la piedra al pergamino (3500 A.C .- 600) Historia de las letras y la Tipografa (2) Delpergamino al papel (600 - 1400) Historia de las letras y la Tipografa (3) Del papel a la pantalla (1400 - 1998) Gabriel Martnez Meave Revista Matiz, No. 9. 1997.
9

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

3.3 DESARROLLO ESTLISTICO DE LA ESCRITURA


La influencia en el desarrollo posterior de la escritura, aunque relacionado exclusivamente con el estilo y los materiales, fue el auge del cristianismo, que se convirti en religin oficial del Imperio Romano el ao 313 D. C.

10

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

11

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

12

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

13

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

14

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

15

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

16

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

17

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

4. CONSTRUCCIN DEL ALFABETO ROMANO


Las letras que conforman el alfabeto romano, utilizado en nuestros das, son distintos entre s. Varan en anchura y complejidad de forma, lo cual los hace ms legibles2. Pero al mismo tiempo que existen diferencia entre las letras, estas presentan muchas caractersticas en comn. Bsicamente, todas las letras fueron diseadas con una base geomtrica, y existen tres categoras de formas segn se generen a partir del rectngulo, el tringulo o el crculo3.

Formas bsicas de las letras4

Lneas fundamentales de la estructura de la letra Referidas a alfabetos de tipo lineal, las letras adems de estar circunscritas en alguna forma geomtrica, pueden constituirse geomtricamente por 4 tipos de lneas: rectas, fragmentadas, curvas y mixtas.

2 3

Si se utilizan slo maysculas la lectura es ms difcil ya que todos los caracteres tienen la misma altura. Aunque hay variaciones cuando se combinan estas formas. 4 El uso de diagonales y puntos intermedios estabiliza las formas menos estables de las letras basadas en el triangulo y el crculo.

18

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Existe una derivacin progresiva de las letras partiendo de los trazos fundamentales. En la siguiente figura estn evidenciados los cuatro trazos fundamentales que se repiten siempre iguales en otros tantos grupos de letras; despus se recompone la forma de todos los signos alfabticos individualizados otros 20 trazos suplementarios, necesarios para la terminacin.

Todas las letras pueden ser reproducidas mediante un solo grosor de la lnea, creando su esqueleto que luego puede revestirse de diferentes formas.
19

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Proporciones romanas

20

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Correcciones pticas (ajuste ptico del alfabeto) Para hacer las formas ms estables, ciertos detalles tienen que ser corregidos visualmente. Es el mismo caso para las letras. Las letras son figuras percibidas por el ojo humano cuyo diseo se somete a leyes fsicas bien precisas. La sola construccin geomtrica, si bien rigurosa, no le garantiza al carcter una forma armoniosa y proporcionada. Para obtener esto es necesario retocar las letras en sus contornos aplicando leves modificaciones llamadas correcciones pticas. A continuacin se detallan las ms utilizadas:
o

Los rasgos transversales en las letras B, E, F y H debern situarse ligeramente arriba de la mitad de las mismas para evitar que aparezcan flojas o cadas. (1) En las letras P, A y R tanto los rasgos medios como transversales se dibujarn debajo de la lnea de gua central, proporcionando entre s los espacios interiores de las letras con los exteriores. (2) Las letras redondas C, G, O y Q deben agrandarse ligeramente ms que las otras o de lo contrario darn la impresin de ser inferiores de tamao. (3) Lo mismo sucede con las letras angulares A, M, N, V y W por lo que la punta exceder en tamao a las dems. (4) Las letras J, U y S se ajustarn a la misma regla en los rasgos curvos. (5)

21

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

5. PRINCIPIOS DE TIPOGRAFA
5.1 ESTRUCTURA DE LA LETRA
El CARCTER
Es esa seal o marca que se imprime, transfiere, pinta o esculpe y viene a ser la unidad fundamental del lenguaje escrito, que en tipografa es una unidad portadora de una forma y estilo singular. Los caracteres pueden presentarse en:

Capitales Minsculas Nmeros Versalitas Ligaduras Smbolos

Cada uno de ellos con sus formas bien definidas, permiten asociarlos a una fuente o a una familia y estas a su vez clasificarlas dentro de esa gran magnitud de formas.

EL RENGLN GRFICO
Es el conjunto de lneas horizontales que indican la proporcin de la altura de las partes bsicas de las letras, como la altura x, las ascendentes y las descendentes, as como, la proporcin de maysculas, minsculas, versalitas y nmeros. En el caso de las lineales, las egipcias y las romanas modernas, el rengln se compone generalmente de 4 espacios y en el caso de las romanas antiguas est formado por 5 ya que las ascendentes superan la altura de las maysculas. Se consideran bsicamente: lnea media inferior, lnea media superior, lnea de las descendentes, lnea de las ascendentes, altura de las maysculas.

22

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Altura x (ojo medio) Altura de las letras minsculas sin considerar los trazos ascendentes y descendentes. La proporcin de la altura x, con respecto a las ascendentes y a las descendentes, puede variar para cada tipo de letras.

Ascendentes (ojo medio superior) Rasgo de las letras que sobresale de la parte superior de la altura x. La alineacin superior del renglon grfico define su altura. Los ascendentes pueden llegar a sobrepasar la altura de las maysculas.

Descendentes (ojo medio inferior) Rasgo de las letras que sobresale de la parte inferior de la altura x. La alineacin interior del rengln grfico, define su tamao.

Maysculas Tambin llamadas letras de caja alta5. El rengln grfico indica su altura a partir de la alineacin superior, y no siempre tienen la misma altura que las ascendentes.

Minsculas Tambin llamadas bajas o de caja baja.6 Su altura corresponde a la altura x definida en el rengln grfico.

Haciendo referencia a las cajas en las que se acomodaban los tipos de impresin. (En la caja superior iban las maysculas, mientras que en la inferior iban las minsculas). Idem. 23

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Veresalitas Carcter con las caractersticas de las maysculas pero de igual altura al ojo central de la minscula.

Capitulares Sirven de comienzo a un prrafo, son de adorno y de mayor tamao que las empleadas en el texto base. Pueden ser sencillas u orladas, y abarcar una o ms lneas del prrafo.

TAMAO DE LA LETRA (CUERPO DE LA LETRA)


Es la medida del carcter, que se define desde el extremo superior de la ascendente, hasta el ltimo punto de la descendente. En el rengln grfico la altura est indicada por la distancia que va de la altura de los ascendentes, hasta la profundidad de los descendentes.

Interlnea Distancia entre las lneas de texto o renglones. La interlnea se mide desde donde termina la descendente hasta donde empieza la ascendente de la siguiente lnea de texto

24

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Fuerza del cuerpo o del tipo Altura o tamao de la letra mas el interlineado de la misma. Ej. Si la letra mide 10 puntos y el interlineado 2 puntos, entonces la fuerza del cuerpo o del tipo se expresa como: 10/12; en donde 10=tamao de la letra y 12=el tamao de la letra + el interlneado.

5.2 ANATOMA DE LA LETRA


La letra independientemente de su estilo, est definida por dos trazos estructurales principales: trazo principal y trazo terminal.

Las caractersticas formales de estos dos, determinan el estilo de la letra. La manipulacin de las astas y remates en la bsqueda de nuevas formas, constituyen una parte muy importante en el diseo de alfabetos. Trazo principal Tambin llamado asta, rasgo o fuste, es el trazo que estructura a la letra, que la determina y el de mayor fuerza en la letra; y se pude definir por su grosor o por su inclinacin.

Por su grosor

Uniformes (Rasgos de grosor constante) Modulados. (Rasgos que varan su grosor)

25

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Por su inclinacin

Asta vertical (pierna o pata) Asta horizontal (braso, tilde, trabezao, barra o asta transversal) Asta transversal quebrada (traviesa) Asta oblicua (montante o convergente, pierna, brazo) Asta curva (arco de pierna, ojo, anillo u ojal, espina, panza)

Trazo terminal Define el extremo de los trazos principales y pueden estar en la cabeza o pie de la letra. Se pueden agrupar en dos tipos bsicos: Patines, gracia o serif

Los trazos terminales, definidos como patines, marcan dos estilos bsicos en las letras: las letras patinadas o serif y las letras no patinadas o sans serif. El patin serif, gracia o remate, es un trazo muy importante en la definicin de los diferentes estilos, ha evolucionado formalmente de una poca a otra y constituye un elemento muy importante en la legibilidad y grado de lectura de la letra. Tipos de patines: 1. 2. 3. 4. Mixtiforme Filiforme Rectiforme Cuadrangular
1 2

Colas, pices o puntas

Pueden tener cuatro conformaciones. Gota Botn Bandera Pico o gancho (pice)

Otros tipos (contorno interior, contorno exterior, corbata y espoln)

26

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

ESQUEMA DE SNTESIS

GLOSARIO (ESQUEMA DE SINTESIS)

27

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

5.3 CLASIFICACIN DE LAS LETRAS


Muchos son los expertos que han elaborado sistemas para clasificar los estilos tipogrficos7: Francis Thibaudeau (1924), Maximilien Vox (1954), Aldo Novarese (1956), Giuseppe Pellitteri (1963), entre otros. A sus propuestas hay que sumar tambin la que el DIN8 y la ATYPI9 (1957) hicieron en conjunto. De estos intentos, el ms usado, debido a su antigedad y sencillez, sigue siendo el hecho por Thibaudeau. Originalmente, Thibaudeau se bas en el contraste de las astas y, especialmente, en la forma de los remates, para ordenar los estilos en 4 grupos bsicos, a saber:

Antiguos, lineal o bastones Egipcios Romanos antiguos o Elzeviros Romanos modernos o Didots

Se reconocen adems los dos subgrupos de las Escrituras y de los caracteres Fantasa a los cuales se adjuntan, por su frecuente presencia en muestrarios de caracteres, de manera secundaria las letras Cancillerescas y las del tipo Gtico.

7 8

Forma propia y caracterstica del caracter dada por el diseo de sus astas y por la combinacin de stas con los remates. Deutsche Industrie Normen (Normas Industriales Alemanas). 9 Asociacin Tipogrfica Internacional.

28

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

lineales

egipcios

romanos antiguos

romanos modernos

escritura

fantasa

En relacin con su estilo, los caracteres estn clasificados por familias o conjuntos de signos escriturales que comparten rasgos de diseo comunes. Para cada una de las familias es posible individualizar en grupos ulteriores de letras, haciendo referencia as a la gama serial, que son las variaciones10 de la misma basadas en la amplitud, la intensidad y la inclinacin del trazo.

10

Segn Adrian Frutiger (De signos y de hombres), las letras H y n10, mayscula y minscula respectivamente, de cualquier familia son el modelo que fija las proporciones a partir de las cuales se modifican y construyen los signos. La versin normal de estas dos letras nos dice que si su altura es x, la amplitud debe ser 80% de x; adems de que el grosor de sus rasgos principales es igual al 15% de la medida de su altura. 29

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Gama serial

Amplitud. (hace referencia a la extensin de la letra)

Los caracteres pueden modificar su forma normal estrechndose o alargndose, obtenindose letras extracondensadas, condensadas, normales, extendidas y extraextendidas.

Intensidad. (hace referencia al grosor de la letra)

Las letras pueden cambiar su valor de intensidad afinando el espesor, volvindose con ello ms claras (delgadas) o ms espesas (gruesas), obtenindose letras ultra light, light, normal, semi bold, bold, extrabold.

30

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Inclinacin. (hace referencia a la inclinacin de los ejes de la letra)

Las letras pueden ser derechas (redondas) o inclinadas11 (cursivas).

11

La inclinacin de 12 es la ms correcta para expresar la forma cursiva de un carcter. Las inclinaciones menores no son percibidas por el ojo mientras que las inclinaciones mas acentuadas alteran el equilibrio de la misma. 31

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Los casos extremos de las variaciones dan por resultado letras tan alteradas y desproporcionadas que se tornan ilegibles.

Fuentes y familias tipogrficas Los trminos tipografa y fuentes a menudo se confunden como sinnimos; sin embargo, la tipografa es el diseo de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseo, cuerpo y estilo; estos caracteres incluyen letras en caja alta y baja, numerales, versalitas, fracciones, ligaduras, smbolos y grafismos, entre otros. En iguales circunstancias familia y fuente tipogrfica son mencionados como un mismo trmino, sin embargo una familia tipogrfica es un grupo de tipografas unidas por caractersticas similares. Los caracteres de una familia se parecen entre s, pero tambin tienen rasgos propios. Las tipografas de cada familia tienen distintos grosores y anchos.
Fuente tipogrfica es la que se define como estilo o apariencia de un grupo completo de caracteres, nmeros y signos, regidos por unas caractersticas comunes. Familia tipogrfica significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, como por ej. en el grosor y anchura, pero manteniendo caractersticas comunes. Los miembros que integran una famlia se parecen entre s pero tienen rasgos propios.

Fuente

Familia

32

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

33

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

6. USOS DE LA LETRA
Aspectos participes en la eleccin de fuentes SINTCTICO SEMNTICO PRAGMTICO organizacin (distribucin de los caracteres). significado (lo que corresponde a su contenido). prctica (produccin y reproduccin del objeto de diseo, uso y funcin de la letra).

CLASIFICACION DE LOS USOS Partiendo del anlisis de los tres aspectos (sintctico, semntico y pragmtico) que determinan una tipografa, se puede apreciar que presenta bsicamente dos tipos de usos:

Formal

relacionado con la disposicin, organizacin y funcin de la letra como ente compositivo escrito-visual (diseo editorial). (letra, lnea, prrafo, columnas, interlnea, legibilidad, texto base, texto de display, etc.) relacionado meramente con la funcin visual de la letra (monogramas, caligramas, tipogramas, sintagmas, logotipos, etc.)

Como imagen

caligrama

monograma

Uso formal

Uso como imagen

34

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

6.1 PERSONALIDAD DEL TIPO


La tipografa no solo existe para ser leda sino tambin para ser vista, condicionando en buena parte la manera en que percibimos un mensaje. El texto puede decir una cosa; las letras, otra muy diferente. En ese sentido, existen tres aspectos participes en la eleccin de fuentes para los diseos en donde se aplican: SINTCTICO SEMNTICO PRAGMTICO organizacin (distribucin de los caracteres). significado (lo que corresponde a su contenido). prctica (produccin y reproduccin del objeto de diseo, uso y funcin de la letra).

Los tres aspectos tienen que ver con el aspecto y la connotacin visual de la letra, y se ven estrechamente relacionados en el diseo y empleo de alguna tipografa.
Ej. Un encabezado se acomoda en determinado lugar (a. sintctico) para determinar una jerarqua visual y de conceptos, De igual forma se le asigna un color y una forma determinada para remitir a algn concepto (a. semntico) y a la funcin que est cumpliendo (a. pragmtico). Lo anterior influye en la eleccin del sistema de produccin y reproduccin a usar.

35

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

ASPECTO SEMNTICO DE LA LETRA La escritura es la representacin del habla. En lenguaje escrito, el significante12 se representa con caracteres fsicos (letras) que son del dominio de la vista, resultando irremediablemente imgenes visuales que se mezclan con el contenido semntico del lenguaje verbal. Utiliza todos los recursos de la comunicacin visual, que combinan con la informacin lingstica contenida en las palabras. Se puede hablar de un lenguaje escrito-visual, en donde se da una sntesis de la palabra con la imagen. En l, la palabra escrita puede alterarse con un simple cambio tipogrfico, variando su forma, su tamao, su color y su grosor, para subrayar o transformar su significado13.

As, la tipografa posee una dimensin icnica, no verbal, que incorpora para lograr la comunicacin de significado. La tipografa transforma el significado de las palabras y, junto con el color, puede reforzar o alterar por completo el significado que asociamos a un diseo. Como se ha mencionado, dems de enviar mensajes objetivos (efectuar la comunicacin), la tipografa expresa inevitablemente emociones subjetivas (modos en que la informacin afecta), efecto que se produce por dos razones: 1. Por la forma abstracta de los caracteres: blandos, redondos, tiernos, rudos, elegantes, groseros, etc. 2. Por la experiencia vital de la escritura por lo que se ha vivido con ella. Es un hecho inexplicable pero real, el que las sensaciones que nos evoca determinada tipografa tiene que ver mas con hechos emotivos que lgicos. Y as, nada ms mirar el diseo, slo el tipo de letra utilizado ya nos comunica una sensacin fra o amistosa, agradable o molesta, formal o informal. Lo anterior esta determinado por el medio cultural en el que nos desarrollamos, relacionado a momentos en el tiempo o a lugares geogrficos, con la moda, con aplicaciones y experiencias especficas anteriores, entre otros
Ej. Una letra de los aos 60s difcilmente se puede sacar de ese contexto, no permitiendo remitir a nada ms que a algo relacionado con dicha dcada.

12 13

Lo que corresponde a la forma de las palabras sean orales o escritas. Lo que corresponde a su contenido, responde al tipo de intereses del grupo.

36

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Tal como pasa con los estilos artsticos, musicales, la moda... cada tipografa puede estar asociada inequvocamente a un lugar determinado y a una poca concreta. Esto hace que, normalmente, las tipografas que tienen una asociacin clara de este tipo sirven para usos muy determinados, y que se empleen escasamente fuera de stos, haciendo que incluso resulte extrao verlos en un contexto diferente del esperado.
Ej. Muchas cervezas se anuncian o tienen su logo con las tpicas letras gticas fraktur.

Se debe contemplar que la mala eleccin de esas formas puede interferir positiva o negativamente en el proceso de comunicacin.

LIGERO

LIGERO

Por otro lado, la tipografa debe ser funcional si se quiere cumplir con su tarea. La relacin debe estar basada en la respuesta a la pregunta Cumple este tipo con el objeto de la tarea?. En ese sentido, la forma es parte integrante de la funcin y las variaciones en la forma de las letras cambian las cualidades semnticas y sintcticas de las palabras. La calidad semntica y visual de una palabra o un texto puede realzarse mediante las variaciones en la caja el estilo, la inclinacin, el peso y la anchura de las letras. Los sutiles detalles de los remates en la forma de cada letra en concreto contribuyen de manera significativa a potencializar la calidad de un texto.

37

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Sin embargo, no solo con el tipo de letra sino tambin con el diseo tipogrfico se puede decir algo (aspecto sintctico). La arquitectura de las letras y su organizacin definen la mtrica, organizacin la lectura y jerarquizan la informacin.

Se puede concluir diciendo que todo diseador debe tener la habilidad de analizar, explorar y reconocer las caractersticas conceptuales, formales, histricas y tcnicas de los diferentes tipos de letras. Cada familia tipogrfica tiene sus propias caractersticas y su propia personalidad, que permiten expresar diferentes notas visuales, por lo que la seleccin de las familias tipogrficas a usar en una composicin debe hacerse con un amplio sentido de la responsabilidad y cuidado, para no afectar al proceso comunicativo.

6.2 USO FORMAL DE LA LETRA


TIPOGRAFIA COMO ELEMENTO COMPOSITIVO DE UNA PGINA
Como ya se ha mencionado, no solo con el tipo de letra sino tambin con el diseo tipogrfico puede comunicarse algo (aspecto sintctico de la letra) y, en ese sentido, la arquitectura de las letras y su organizacin definen la mtrica, organizan la lectura y jerarquizan la informacin.

38

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

El texto se distingue como uno de los elementos que componen14, en general, una pgina15; resultando un factor determinante para la creacin de alguna publicacin16.

4 5

1. Formato 2. Mrgenes 3. Retcula 4. Texto 5. Imagen 2 1

Dentro de ese mbito, entendemos por texto al conjunto coherente de enunciados escritos, dentro de los cuales se distingue el texto base (texto que conforma el volumen principal del material impreso) y el texto de resalte (palabras o frases que destacan: ttulos y subttulos, por ej.) Adems, existen otros elementos textuales que pueden ayudar a definir la composicin de una pgina: epgrafes, folios, citas, notas, entre otros.

14

En general, se pueden distinguir 5 elementos que componen una pgina: formato (papel-sustrato), mrgenes, retcula, texto e imagen (elementos grficos). 15 Entendiendo a la pgina como la unidad bsica de diseo de publicaciones. 16 Originalmente el trmino publicacin significa hacer algo pblicamente conocido. Ahora, este trmino hace referencia al material preparado para el consumidor, incluyendo la informacin contenida en libros, peridicos, revistas, etc. 39

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

1. texto base 2. titulo 3. subtitulo 4. fotografa 5. pie de foto 6. folio numrico 7. folio explicativo 8. cita 9. nota

I. Texto base Por texto base se entiende el que forma el volumen principal del material impreso, el cual genera una mancha de texto. Responde generalmente a un tipo de lectura continua, con textos lineales y homogneos; casi no se fragmenta. Se conforma por prrafos o bloques de texto comprendido entre dos puntos y aparte, formado generalmente por varias lneas de texto.

prrafo

Mancha tipogrfica

40

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

La mancha de texto puede ocupar el 100% de la hoja o solo una parte de ella, sin embargo normalmente es menor al tamao total del papel, por lo tanto es necesario considerar cual es la manera ms armoniosa de distribuir sta. (Ver ANEXO: FUNDAMENTOS PARA EL DISEO DE LA CAJA TIPOGRFICA) II. Texto de Resalte Son las palabras o frases que destacan por su posicin especial, su puntaje, su grosor, su color, su inclinacin, etc. Segn su importancia se dividen en:

Titulo Subttulo

(palabra o frase para dar a conocer el nombre del tema, capitulo o unidad del documento). (ttulo secundario que se ubica en ocasiones despus del ttulo y nos refiere a una parte del contenido del documento).

Titulo Subtitulo

Como otro elemento de resalte podemos encontrar a las letras iniciales o capitulares sirven para dar pauta al inicio de un prrafo, de un captulo, tema o unidad de un documento. Son letras de adorno, de mayor tamao que el resto de la mancha tipogrfica o texto base y deben estar proporcionadas con este y con el tamao del impreso. Pueden ser: sencillas (de tipo comn con cuerpo grande) y orladas (con adornos u ornamentadas).

41

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Adems del texto base y de resalte, como parte del texto de una composicin podemos encontrar epgrafes (pie de foto), folios, citas, notas, entre otros.
Epgrafe: Leyenda explicativa que se coloca debajo de las imgenes. Folio: Nmero que indica el orden de las pginas, y que pueden ir acompaados de algn adorno. Cita: Nombre de intercalo cuando un autor repite en el texto palabras de otro autor. Nota: Son observaciones o aclaraciones que se aaden fuera del texto, al margen o al final de la pgina o captulo, incluso del libro.

Folio Cita

Epgrafe

Nota

ELEMENTOS TIPOGRAFICOS Y SUS MEDIDAS


Los elementos tipogrficos a tener ms en cuenta son: La letra, con sus rasgos caractersticos Las familias de letras, organizadas en alfabetos y conjuntos numricos y de signos La palabra o conjunto de letras que forman una entidad caracterstica La lnea o conjunto ordenado de palabras El prrafo o conjunto independiente de lneas El bloque de texto La columna
42

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

MEDIDAS TIPOGRFICAS

Letra: Signo; representacin grfica del lenguaje hablado. Se mide en puntos.

Tamao de la letra: Se le denomina cuerpo, se mide en puntos y va desde la alineacin superior a la alineacin inferior. Esto es tomando la ascendente y la descendente.

Lnea: Conjunto de palabras acomodadas una despus de la otra en forma horizontal.

Interlnea: Espacio entre una lnea y otra, y se mide en puntos a partir de la descendente de una lnea a la ascendente de la siguiente lnea.

Fuerza del cuerpo (F.C.): Es el tamao o puntaje de la letra mas el tamao de la interlnea, y se indica 10/12 pt. (diez en doce).

43

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Profundidad: (longitud de lnea), es el nmero de lneas de una columna. Se puede medir en picas o puntos, segn el nmero de lneas y la fuerza del tipo (por ej. si se tienen 30 lnea de 10/12, son 360 pt. O 30 picas). Justificacin: Ancho de una columna tipogrfica que delimita el largo de una lnea, y se mide en picas.
Justificacin

Profundidad

Se entiende por diseo editorial al trabajo de crear piezas de difusin enmarcadas en una clara identidad tipogrfica, icnogrfica, geomtrica y cromtica, que apuntale una intencin de comunicacin y describan un perfil acorde con la informacin que en ellas se publica y permitiendo con ello su sucesiva reutilizacin sin perder sentido ni actualidad. El diseo editorial es el exponente ms combativo de las piezas de diseo. Sus caractersticas posicionan a los libros, las revistas, entre otras publicaciones, como un espacio donde informacin e imagen conviven fortalecindose, fomentando la precisin del mensaje y su eficacia.

Columna en bloque Justificacin: 14 picas Profundidad: 13 lneas de 8/11 11.6 picas

Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en pia e irregular.
Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos.

Justificado

A la derecha

A la izquierda

Centrada

LEGIBILIDAD Y LEIBILIDAD
Legibilidad es el trmino empleado en diseo tipogrfico para definir una cualidad deseable en los tipos. Es una propiedad del diseo de la letra La leibilidad es una cualidad de la tipografa en su conjunto, o del uso de ella (publicaciones), esto es, que la persona que lo va a leer pueda hacerlo de manera fcil y rpida. La legibilidad de un tipo de letra diseado para un texto seguido depende en gran medida de sus caractersticas concretas y la leibilidad del modo en que se emplea.
44

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

LEGIBILIDAD Para un tipo con mayor legibilidad, se deben tomar en cuenta varios aspectos, de preferencia debe tener las siguientes propiedades: a) Los espacios interiores abiertos, el contorno interno de las letras debe estar lo suficientemente abierto para no confundirse con otras letras o que no se cierre al momento de emplear un tamao pequeo
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin

Un tipo de letra normal resulta ms legible que cualquiera de sus series, en un texto seguido (las variante fueron diseadas para dar nfasis en el texto de resalte o variedad, ya que resultan ms difciles de leer que la redonda normal). Mientras mas delgada sea la tipografa ser mas fcil de leer, ya que conforme se va engrosando los huecos de la letra se van cerrando
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

b) Que las ascendentes y las descendentes no sean muy cortas para que se distingan de la altura x.

djh
Ilcito lila

djh
Ilcito lila

c) La letra con patines aumenta la legibilidad, aunque tampoco deben ser muy exagerados; por otro lado los caracteres sin trazo terminal son por naturaleza menos legibles ya que es frecuente que las letras se parezcan entre si.

d) no son muy convenientes los contrastes drsticos entre los trazos finos y los gruesos, debido a que dificultan la lectura; por otro lado tambin es muy montona una letra con trazos del mismo grueso.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

La legibilidad determina el poder leer un texto o no.

45

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

LEIBILIDAD Aunque el tipo de letra tenga una buena legibilidad, un mal manejo de esta puede crear poca leibilidad en un texto, esto es, una mala lectura. Para hacerla leble, es necesario considerar varios aspectos: a) el material impreso en formato normal se lee habitualmente a una distancia de 30 a 35 cm., de tal forma que el tamao de la letra ha de calcularse para esta distancia. Letras muy grandes o muy pequeas se leen con mayor esfuerzo y el lector se cansar rpidamente.

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

b) Es ms fcil leer un texto continuo en bajas, ya que las ascendentes y las descendentes dan movimiento a la tipografa por lo tanto hay seguimiento en la lectura.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. SE LLAMA FORMATO AL TAMAO DE UNA PUBLICACIN O IMPRESO, QUE ADOPTA UNA FORMA DETERMINADA POR SUS DIMENSIONES Y POR SU POSICIN.

c) Dentro de una pgina, la falta de trazos presenta una uniformidad que puede llegar a hacerla montona y en consecuencia poco atractiva. Esto se puede resolver dando ms interlineado o utilizando texto de resalte, ilustraciones, etc. Que rompan la solidez del texto seguido.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Tipografa 9/12

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Tipografa 9/14

d) Las palabras deben estar prximas unas a otras, se puede considerar el ancho de la letra t como el espacio ptimo de separacin y como mximo deben estar separadas por un espacio igual a la anchura de la letra a. Por otro, lado deben evitarse espacios entre palabras muy abiertos, ya que estos ocasionan los llamados ros en el texto, que resultan desagradables a la vista.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama tamao publicacin que adopta determinada dimensiones posicin. formato al de una o impreso, una forma por sus y por su

46

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

47

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Clasificacin de los espacios. Para formar una palabra, en sentido tipogrfico, colocamos una letra enseguida de la otra considerando espacios ptimos entre cada una de ellas, siendo lo mas importante que los espacios queden visualmente bien balanceados.

Los espacios entre las letras se ajustan segn se trate de formas anchas o estrechas y que consten perfectamente de verticales, oblicuas y curvas. As, el espacio entre las letras depende de la amplitud y de la intensidad del carcter17, tomando en cuenta el asta de las mismas con respecto a su perfil. Como ya se mencion, una palabra bien espaciada es aquella que es reconocida con armona y equilibrio entre su forma y el espacio que se encuentra a su alrededor. Para lograr esto se emplean diversos tipos de espaciados, segn sea el caso de aplicacin:

Espacio EM

Medida, adems de los puntos y las picas, empleada para describir espacios tipogrficos. Es un cuadrado cuyas medidas van en relacin al alto y ancho del tamao del tipo que se est empleando. La mitad del espacio EM es llamado EN. El EM es casi el ancho de la m minscula y el EN es casi el ancho de la n minscula. Las sangras y los espacios entre tabuladores se especifican muchas veces en EMS, mientras que el espacio entre palabras comnmente es definido como una fraccin de una EM. El espacio EM y sus divisiones son relativos al tamao de la letra.

Tracking

Es el espacio entre caracteres. Cuando los caracteres de un prrafo se acercan o se separan entre s, se llama tracking, este es til para compensar problemas en el ancho original de una fuente, para crear cambios en la densidad al momento de unir o separar las letras y para crear aumentar o disminuir el nmero de caracteres que caben en determinado espacio. Cuando el tracking es empleado en un bloque de texto es llamado reduccin o adicin de espacio blanco, segn sea el caso.
17

Cada estilo, familia y serie de caracteres requiere de un estudio especial, segn sea su asta y su configuracin.

48

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

Kerning

Existen ocasiones en que solo un par de letras tienen un mal espaciado; cuando se ajusta solamente el espacio entre una letra y otra se le llama kerning. La separacin se produce principalmente por la forma de las letras provocando que se quede demasiado espacio entre una letra y otra. Generalmente la separacin debe ser ptica y no mecnica. Principales casos de ajuste de kerning: Yo, Ya, To, Tu, Ta, Wo, Wa, TA, WA, PA y casos similares.

TA TA
normal Regla auxiliar para los espacios entre letras.

kerning

49

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Alineacin ptica. En ocasiones, sobre todo cuando se trabaja con ttulos, la alineacin de la tipografa se debe hacer visualmente, ya que mecnicamente la alineacin vertical y horizontal es la misma para todos los caracteres; esta alineacin es individual. Para producir una apariencia correcta, sobre todo cuando se emplean astas rectas y circulares , verticalmente hay que alinear las curvas con las lneas verticales. Igualmente la alineacin horizontal de las curvas de debe cuidar, dejndolas caer un poco ms debajo de la lnea base para que visualmente se vean alineadas con los dems.

Unicornio
HISTORIA Y VERDAD DEL UNICORNIO Y SU CUERNO
Alineacin Mecnica

HISTORIA Y VERDAD DEL UNICORNIO Y SU CUERNO


Alineacin ptica

Ancho de columna. En cuanto a la justificacin de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por lnea. Cuando la lnea tiene ms de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difcil encontrar la siguiente. Las lneas demasiado cortas tambin fatigan, ya que el ojo es obligado a cambiar de rengln con demasiada rapidez.
En cuanto a la justificacin de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por lnea. Cuando la lnea tiene ms de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difcil encontrar la siguiente. Las lneas demasiado cortas tambin fatigan, ya que el ojo es obligado a cambiar de rengln con demasiada rapidez. En cuanto a la justificacin de una columna, se ha logrado una anchura.

Interlnea. Las lneas demasiado prximas entre si perjudican la velocidad de la lectura, puesto que entran al mismo tiempo en el campo ptico el rengln superior y el inferior.

50

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Lo mismo puede decirse del interlineado excesivo, al lector le cuesta trabajo encontrar la unin con la lnea siguiente y las lneas parecen demasiado aisladas.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.

Los textos largos requieren mayor interlineado. Un nuevo prrafo de texto puede separarse con una lnea en blanco que lo anteceda o con sangra en la primera lnea. Densidad o valor tonal. En la tipografa el color se refiere al tono de gris que esta produce a la vista. El valor tonal es el aspecto general que adopta una composicin tipogrfica integrando todos los elementos que la conforman en relacin con el blanco total de la pgina; el espacio alrededor de las letras y de las palabras debe ser constante. Otros aspectos que contribuyen al balance tonal de la pgina son: los mrgenes, medianil, interlineado y la altura x. En la configuracin del color intervienen mltiples factores compositivos adems de los propios de la tipografa elegida. Influyen los espacios empleados en la composicin para separar caracteres, palabras o lneas, todos ellos conjugados a su vez con la distribucin y ubicacin que tengan los bloques de texto. El texto puede tener muy poco espacio o no, lo cual no es recomendable, sin embargo en ambos casos el balance tonal debe ser el mismo, para no generar diversidad de patrones en la tipografa.

6.3 USO DE LA LETRA COMO IMAGEN


La tipografa no solo existe para ser leda sino tambin para ser vista, condicionando en buena parte la manera en que percibimos un mensaje. El texto puede decir una cosa; las letras, otra muy diferente. CALIGRAMA (Del fr. calligramme). Escrito, por lo general potico, en que la disposicin tipogrfica procura representar el contenido de un poema.

51

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

MONOGRAMA Signo18 compuesto por 2 caracteres relacionados entre si de manera singular, que se colocan enlazados o acoplados y en ocasiones se combinan con dibujo o elementos decorativos. En el caso de tener mas letras se denomina sigla. El monograma surge de la bsqueda de superposiciones y enlazamientos para obtener una forma que no sea transparente. No solamente deber observarse si no tambin estimular a un proceso de interpretacin, de ah que su diseo es regido por el impacto visual que genere. Es posible individualizar algunas caractersticas fundamentales que todo monograma debe presentar:

Nitidez de composicin para una rpida interpretacin. Personalidad y carcter fuerte de la imagen totalizante. Individualidad del signo, con referencia a la persona o tema de pertenencia.

Se puede llamar monograma tambin a un logotipo. El logotipo (estrictamente se traduce como tratado de la letra) es un grupo de letras, abreviaturas, cifras, etc., fundidas en un solo bloque que hace referencia al nombre de una empresa, conmemoracin, marca o producto. Cuando el logotipo incluye un smbolo grfico recibe el nombre de imagotipo (anagrama). La mayor parte de las veces, logotipo e imagotipo van de la mano, pero en otros casos o bien nicamente el smbolo o bien nicamente el logotipo componen el identificador (Ej. COCA-COLA (slo logotipo) y NIKE (slo smbolo).

18 Signo es todo carcter grfico que por su forma, convenio o naturaleza evoque en la conciencia la idea de algo. (http://es.wikipedia.org/wiki/Signo)

52

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

TIPOGRAMA (palabra-imagen) Texto, signo o caligrama realizado con caracteres de imprenta, los cuales estn dispuestos de tal manera que su figura reproduce un objeto o idea en l aludidos. Se pueden representar, principalmente, en tres situaciones:

Palabra-imagen

En el campo de la grfica la simple escritura alfabtica con frecuencia no resulta suficiente para una comunicacin fuerte y expresiva. Un carcter adecuado, an elegido cuidadosamente con referencia al significado de la palabra que compone, a veces no es suficiente para una propia expresin clara y se recurre entonces a una solucin grfica definida como la palabra-imagen. En este caso las palabras se cargan de valor icnico en grado dominante respecto de su valencia lingstica habitual. Estas deben ser ledas y al mismo tiempo interpretadas como imgenes y quienes las observan tienen que encontrarse en posicin de valorizar el contenido (la figura) a travs de la lectura del vocablo.

53

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Fototipograma

Letra faltante

En el campo de la grfica se adopta frecuentemente la solucin de sustituir una o mas letras de un signo o logotipo con la silueta de un objeto o cualquier otro signo que defina ms claramente la identidad del tema involucrado. En razn de que los caracteres son reconocibles por el ojo gracias a la percepcin de pocos trazos esenciales, su sustitucin por una figura que tenga elementos estructurales parecidos no origina graves alteraciones en el proceso normal del lectura. La palabra, en cambio, gracias a la introduccin de una imagen diferente es ms interesante, asumiendo un valor icnico. Si el cambio esta bien estudiado y la nueva silueta se coloca de manera acentuada, pero con equilibrio y armona en el contexto de la palabra, el ojo es atrado pero no disturbado; y sucede entonces que a la simple lectura se superpone tambin un procedimiento de visin e interpretacin.

54

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Letra expresiva

La alteracin de la forma de una letra puede suceder tambin con referencia a un lema19. En este caso la accin que el lema expresa se convierte en el tema para la ideacin de la nueva imagen del carcter; el lema se invierte directamente sobre la letra y manipula la figura de modo que ella represente la accin de inmediato. En algunas circunstancias son las mismas letras las que, sin cambiar la forma original, se cargan de identidad y se convierten en sujetos, integrantes entre ellas; los personajes que intervienen en la accin deben tener, en efecto, connotaciones bien marcadas adecuadas para expresar del modo mas claro posible el lema por representar.

COMPOSICION TIPOGRAFICA Se entiende por composicin a la disposicin en el espacio-formato de diferentes signos segn una idea directriz20 para obtener un efecto deseado, mediante una forma estticamente agradable y fcilmente legible. En una composicin tipogrfica sern los caracteres los elementos dispuestos a lo largo del formato.

19

Un lema es una frase que expresa la intencin de un grupo de personas. Muchos pases tienen lemas, al igual que otras instituciones como universidades o empresas. (http://es.wikipedia.org/wiki/Lema) Por idea directriz se entiende a la intencin subyacente en la composicin de comunicar algo en especfico. Es el concepto a manifestar a travs de la obra. 55

20

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Sintaxis del campo compositivo. Al realizar una composicin estamos pasando del caos al orden y del orden al caos, en una dualidad que busca nuevas formas de expresin en su transformacin constante. Esto implica a final de cuentas un manejo de fuerzas o energas que subyacen en toda estructuracin. Podemos hablar as de tres tipos o clases compositivas: estticas (equilibro, estabilidad), dinmicas (tensin, movimiento) y compensacin de pesos visuales (equilibrio simtrico y tensin); esto tiene mucho que ver con los criterios de equilibrio, tensin y ambigedad. En el campo compositivo se dice que los elementos de diseo estn en equilibrio cuando dentro de una composicin se da un ajuste de pesos de cada uno de los elementos que la conforman, de tal modo que no exista dentro del conjunto alguna parte que genere una atraccin muy poderosa. Sin embargo es importante que en una composicin exista un punto focal que atrape la atencin para recorrerla visualmente, aunque en este caso se encuentre manifiesto de un modo sutil. Este equilibrio o ajuste de pesos visuales se puede lograr a partir de la simetra especular o bien a partir de una compensacin en donde la idea de contrapeso visual se hace presente. Por otro lado, cuando los elementos que componen un diseo estn fuera de los ejes de equilibrio se da una sensacin de inestabilidad o bien e presenta una zona de alta atraccin o tensin visual. Esta tensin o fuerza de atraccin puede tener diferentes intensidades apoyadas por las caractersticas de la forma (figura, tamao, color y textura) o por las relaciones de direccin, posicin espacio y gravedad que se generen en la imagen. Dos casos de la composicin dinmica, son: la composicin en espiral (una lnea en espiral dirige la fuerza vital hacia el centro del cuadro. Este tipo de composicin alude al sentido de profundidad y movimiento al infinito) y la composicin polifnica (los elementos compositivos son desarrollados simultneamente y se compenetran entre s gracias a sus semejanzas o diferencias de forma, color, valor, posicin o direccin. En este tipo de composicin los elementos adquieren carcter de voces o sonidos que articulados entre s generan armona, tal como sucede con los diferentes instrumentos de una sinfona). La ambigedad en una composicin se da cuando no se define con claridad la estrategia del manejo de las energas compositivas. El manejo de la imagen puede ser armnica o contrastante, atractiva o repulsiva, integrada o desintegrada, en equilibrio o tensin. No se alcanza a determinar si algo est en tensin o no, si es dinmico o esttico, o bien cual es ka parte de mayor importancia dentro de la composicin. Es conveniente evitar la ambigedad visual ya que de lo contrario el resultado podra ser desagradable e inadecuado. En los tres casos se generar implcitamente un movimiento, entendido como el cambio de posicin o situacin. (Pequeo Larousse Ilustrado, 2000) Todo movimiento involucra cierto ritmo. El ritmo es la sucesin y la armona de los valores visuales; son movimientos y velocidades sugeridos, similares a los desarrollos meldicos. As, se puede hacer mencin de que el ritmo se coordina con el movimiento, la lgica y la proporcin. El ritmo puede ser libre o constante y se genera mediante la manipulacin de las direcciones de los elementos y de los espacios entre ellos. La ley del ritmo involucra conceptos tales como simetra y densidad. Simetra: Es el equilibrio de energas o fuerzas contrastantes y puede ser de tipo: lineal (tiene un mismo elemento en una lnea, repeticin constante en traslacin o rotacin), alternada (sucesin de dos o ms elementos cuyos perodos pueden ser simples o compuestos), bilateral (simetra especular) y radial (su disposicin es conforme a un punto; puede ser bilateral). Intensidad o densidad: Es la fuerza que van a tener los elementos compositivos y se manifiestan a manera de modos cualitativos y cuantitativos. Pueden encontrarse 2 tipos: uniforme (ritmo sin un elemento ms importante que los dems) y modulada (existen diferentes pesos; hay elementos que tienen ms peso que otros).

56

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Simetra, movimiento y ritmo

Simetra, movimiento y ritmo

Representacin movimiento 57

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Representacin ritmo 58

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Polifona

59

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

7. TIPOGRAFA DIGITAL
En la tipografa digital, el tipo carece de una existencia fsica propiamente dicha, y slo consiste en un conjunto de datos almacenado en al memoria de un ordenador. Esos datos pueden ser contemplados en la pantalla, o bien en papel, pelcula o directamente a una placa o un cilindro de presin digital para impresin offset o xerogrfica. As, una fuente digital se define como un conjunto o surtido completo de letras y signos tipogrficos de una clase o tipo determinados, en un tamao y estilo concretos, interpretados y manipulados por una computadora. Casi todos los programas tienen acceso a las opciones de formato de la fuente, tales como familia de fuentes, estilo de fuente y tamao. Sin embargo, las fuentes vienen en varios formatos21 y traen muchas variaciones. Existen fundamentalmente dos tipos de fuentes tipogrficas en los medios digitales, independientemente de la plataforma en que se trabaje, que son: Postcript

Es un lenguaje de computacin que describe todos los elementos de una pgina: textos, logotipos, imgenes, etc. Y es el estndar en los medios de edicin siendo empleado por diversas plataformas. Para texto, Postcript emplea sus propias fuentes digitales llamadas fuentes Postcript y que consisten en dos tipos de archivos: las fuentes de pantalla (bitmap) y las de impresin (outline). Fuentes de pantalla: Consisten en una serie de dibujos(mapas de bits) de todos los elementos del alfabeto (letras minsculas y maysculas, nmeros y smbolos) a tamaos fijos que estn formados por puntos o pixeles. Comnmente se encuentran en 8, 9, 10, 12, 14, 18 y 24 puntos, lo que hace un total de 7 archivos para cada estilo. Si el usuario requiere de otro tamao entonces el sistema emplea la de tamao ms cercano amplindola lo necesario. Esto trae consigo que la apariencia no sea tan buena mostrando bordes dentados. Fuentes de impresin: Se almacenan en la fotocomponedora o bien en el disco duro de la mquina para enviarse a la impresora cuando un documento as lo requiere. Estas fuentes son en realidad pequeos programas en Postcript que generan todos los elementos de una fuente a cualquier tamao para ser impresos.

pixeles

Vectores (Postcript)

21

True Type y Post Script, as como nuevos formatos Open Type y Uncode, prometen aadir cientos de nuevos caracteres especiales a las fuentes (desde vietas y smbolos de copyright, hasta caracteres extranjeros o smbolos muy especficos); desafortunadamente no existe un conjunto constante de caracteres especiales con los que puede contar al cambiar de una fuente a otra. Cuanto ms reciente es una fuente ser ms probable que tenga una mayor variedad de caracteres especiales. 60

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

TrueType

En este tipo de fuentes se mantienen los dos tipos de informacin pero un solo archivo, por lo que su manejo es ms sencillo.

MAC

PC

Cabe aclarar que an cuando las fuentes pueden encontrarse en cualquiera de estos dos formatos, y an, se puedan llamar igual, existen pequeas diferencias entre los distintos fabricantes, por lo que hay que proveer al bur de servicios con la fuente que se haya utilizado.

Open type Tecnologa para tipos anunciada por Adobe y Microsoft en 1997 para resolver las incompatibilidades de los formatos Post Script y True Type entre plataformas operativas (tecnologa "envoltura" que puede contener fuentes creadas en ambos formatos). Este formato Open Type fusiona True Type y Post Script en un archivo.
61

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Las fuentes tanto de pantalla como de impresin se deben almacenar en una carpeta llamada Fuentes (FONTS) dentro de la carpeta de sistema de la computadora. De esta manera al arrancar se cargan las fuentes de pantalla en memoria RAM para ser usadas en tanto que las de impresin estn disponibles para ser enviadas a la impresora.

Fuentes para salida a pantalla (monitor)22 La adecuada implementacin de tipografa en un diseo destinado a una salida a monitor resulta del equilibrio e interaccin entre los distintos caracteres en la pantalla as como de una igualdad verbal y visual que ayude al lector a entender la forma que adoptan los contenidos de la misma. As, la tipografa juega un doble papel: verbal y visual. Cuando un lector visualiza una pantalla primero reconoce el esquema grfico general de la pgina y despus empieza a analizar el lenguaje para leerlo. Con una buena seleccin de tipografa se puede establecer una jerarqua visual que facilite la lectura al proporcionar tanto interrupciones visuales como nfasis grficos que ayuden al lector a entender la relacin entre el texto y la imagen, entre los titulares y los bloques de texto subordinados. Adems, cada tipografa seleccionada aporta un carcter propio al espacio virtual, lo cual ayuda a crear una armona entre los flujos verbal y visual de los contenidos. Cuando el contenido es en gran parte textual, la tipografa se convierte en la herramienta que utilizamos para "pintar" el esquema organizativo de la pgina, el cual ayuda a mejorar la organizacin de la informacin y a incrementar la legibilidad.
22

Multimedia e Internet.

62

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

www.wpp.com Los mrgenes definen la zona de lectura al separar y diferenciar el cuerpo principal de texto de la zona y los elementos que lo rodean. Si se usan de manera consistente pueden generar unidad en el sitio ya que establecen una adecuada estructura visual, adems de aportar una incuestionable tranquilidad y atractivo visual al aadir contraste entre el espacio positivo (texto) y el negativo (espacios en blanco).

typospace.drikka.net.com Los bloques de texto pueden asentarse entre los mrgenes de distintas formas. Un texto puede estar alineado a la izquierda, a la derecha, centrado o justificado.

El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.

Figura 3.17

El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.

Alineaciones de texto
derecha

El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.

El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.

justificado

centrado

izquierda

El texto justificado se alinea tanto a la izquierda como a la derecha creando rectngulos de texto slido, los cuales se consiguen mediante un espaciado de palabras muy rgido que genera una prdida de calidad. Los bloques centrados y justificados a la derecha resultan de lectura incmoda. Leemos de izquierda a derecha, anclando nuestro viaje a travs de la pgina en lnea vertical del margen izquierdo. Los mrgenes desiguales que se producen con la opcin de centrar texto o justificarlo a la derecha hacen que la visualizacin sea mucho ms compleja, pues el lector debe rastrear y buscar el origen de cada lnea de texto. 63

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

El texto justificado a la izquierda es la opcin ms viable, pues el margen izquierdo es constante, reglado y predecible. Esta justificacin no ajusta el espacio entre palabras y las arbitrariedades del texto se acumulan al final de cada lnea. Adems, el margen desigual de la derecha puede aportar variedad e inters a la pgina, sin restar capacidad de lectura. Los titulares y encabezados en textos justificados a la izquierda deberan alinearse tambin a la izquierda. Los encabezados centrados funcionan muy bien con los textos justificados, pero este tipo de justificacin no es muy recomendado. Las letras de un titular centrado contrastan con la asimetra del margen derecho y generan una pgina poco equilibrada. En la mayora de los casos para el cuerpo de texto y los encabezados el uso de la justificacin a la izquierda resulta la mejor opcin para la composicin de pgina. A pesar de que las reglas tipogrficas bsicas son las mismas tanto para documentos impresos como para los electrnicos, las caractersticas de la tipografa en pantalla son sustancialmente distintas. La lectura de un texto en la pantalla de una computadora resulta difcil en comparacin de un impreso, debido a la baja resolucin que ofrecen los monitores. La pantalla reproduce las fuentes a una resolucin23 muy inferior a la que se encuentra en cualquier impreso. Tipografa impresin lser = 1200 puntos por pulgada o ms Tipografa en pantalla = no ms de 72 puntos por pulgada Adems, la zona til de una pantalla tpica es menor que la mayora de las pginas impresas, limitando la informacin que se puede mostrar sin forzar a utilizar las barras de desplazamiento. Las lneas de texto no deben de ser demasiado largas, pues esto hace muy incmoda su lectura. Si la distancia entre el final de la frase y el principio de la siguiente es considerable, el ojo tendr que girar para volver al margen izquierdo, lo cual puede hacer que el lector se pierda y tarde un poco en reencontrar el inicio de la lnea siguiente. As, se ve que el uso de lneas con longitudes moderadas incrementa significativamente la capacidad de lectura de un texto. Una de las maneras de potencializar la funcionalidad y legibilidad de una composicin es el uso de columnas. La columna izquierda ms estrecha favorece a la composicin por dos cuestiones: por un lado proporciona flexibilidad en espacio para posibles variaciones en la composicin y por otro delimita la columna de texto principal a longitudes de lnea ms confortables.

www.sundancechannel.com Por otra parte, la distancia entre la lnea base de un rengln de texto hasta la lnea base del siguiente (interlineado) afecta en gran medida la legibilidad de un bloque de texto: demasiado grande hace que el lector tenga dificultad para

23

Segn Andrs Surez (2003), la resolucin de pantalla (r. de dispositivo), no es ms que a la cantidad de pixeles por unidad de medida lineal estndar que son desplegados por un monitor, expresada en pixeles por pulgadas. 64

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

encontrar la lnea siguiente, mientras que si es demasiado pequeo lo confunde al interpolar los extremos superiores de las palabras que conforman una lnea con los inferiores de la lnea anterior. As se observa que, el xito de la implementacin de tipografa depende, en gran medida, del contraste visual entre los distintos tipos de letra y entre los distintos bloques de texto, titulares y espacio en blanco circundante. En este sentido, el nfasis tipogrfico aporta estructura a la informacin y aade variedad visual, lo cual facilita el acceso a los contenidos por parte del lector. La tipografa tradicional posee herramientas efectivas para aadir nfasis a un bloque de texto, pero hay que utilizarlas siempre mesuradamente. Elementos de nfasis tipogrfico: El texto en cursivas atrae por el contraste respecto a la forma del cuerpo principal del texto. Es bueno utilizar las cursivas en los casos convencionales (ttulos, expresiones forzadas o palabras en otro idioma). Tratar de evitar las cursivas en bloques de texto largos pues las bajas resoluciones de las pantallas no facilitan su lectura. El texto en negritas contrasta con el normal por su peso, aportando el nfasis necesario como, por ejemplo, para los ttulos de las sub secciones. El texto en negritas se lee bien en pantalla, aunque si se utiliza para bloques de texto demasiado largos pierde su capacidad de contraste y por tanto, su eficacia. El texto subrayado resulta un recurso demasiado pesado e interfiere con las formas de las letras, adems de que en la web el subrayado tiene una funcin y un significado especiales, siendo ste el de identificar a los hipervnculos. A pesar de que el color es una opcin ms para diferenciar un determinado texto del cuerpo principal, en pantalla tiene un significado propio. Hay que evitar insertar texto en color en un bloque de texto, por que el usuario enseguida lo asociar con un enlace de hipertexto y podra intentar dar clic sobre l. De todas formas es muy apropiado cuando se utiliza sutilmente para distinguir titulares de una seccin como color del cuerpo base de texto, solamente evitando los colores por default de enlace (azul y morado). Una de las formas ms sutiles y efectivas de modificar el contraste visual y diferenciar en importancia un fragmento es aislarlo o diferenciarlo del texto que lo rodea. Si se quiere destacar los encabezados sin hacerlos ms grandes, se puede aadir espacio detrs para diferenciarlo del texto siguiente. Por otro lado, el uso de sangras es eficaz para diferenciar las listas, citas o ejemplos de texto. El texto en maysculas es uno de los mtodos ms utilizados y menos efectivos en la voluntad de poner nfasis tipogrfico a un texto. Las palabras en maysculas forman una sucesin montona de rectngulos, sin un resalte. Para leer un bloque de texto en maysculas nicamente queda la posibilidad de analizar los distintos grupos de letras, leyendo letra por letra, lo que aumenta la incomodidad en la lectura al hacer ms lento el proceso.

La caracterstica diferencial de la tipografa en pantalla tal vez sea su variabilidad. El texto se reconstruye sobre la base de una interaccin compleja entre el software y hardware utilizados, acarreando con ello ciertos contratiempos, como el que una fuente no est disponible en el sistema, que el software no est actualizado o que estn determinadas preferencias particulares de cada usuario.
65

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Al especificar el tipo de letra se debe escoger entre las que vienen por defecto en todos los sistemas operativos.24 Si se emplea una fuente que no se encuentre en la mquina del usuario, el texto se mostrar utilizando la fuente que el usuario tenga configurado por default en su computadora. Con respecto al tipo de letra a utilizar se ha intentado determinar cul de ellas resulta ms cmoda para leer en pantalla, si una de tipo lineal o no lineal. Pero en realidad, tan slo se puede juzgar la legibilidad de un texto cuando se percibe directamente en la pantalla. 27 Sin embargo, se pueden distinguir algunas fuentes que facilitan la lectura ms que otras. Tipografas como la Verdana o la Georgia fueron diseadas especialmente para facilitar la lectura en pantalla Tienen una altura x engrandecida y, comparadas con tipografas ms tradicionales, su tamao es mucho mayor para una misma dimensin en puntos. Estas fuentes aportan una mayor legibilidad a pginas web que se disean para ser directamente ledas en pantalla.

Por razones estticas se puede mostrar el texto como representacin grfica en lugar de trabajar directamente con fuentes del sistema, lo que significar conocer las caractersticas de una imagen digital. Se recomienda utilizar texto convertido a imagen slo cuando no pueda aislarse la tipografa de los elementos grficos o sea imprescindible el tratamiento del texto con algn efecto visual. El nico inconveniente ser que el texto al convertirse a imagen adquirir determinadas caractersticas en cuanto a peso, tamao y posicin, dificultando en algunos casos su despliegue en pantalla.25

24

25

En este sentido, uno de los problemas a los que se enfrenta el diseador de ambientes virtuales es la posibilidad de generar espacios que presenten las mismas caractersticas en todas las plataformas o sistemas operativos en los que se implemente. Para solucionar ese problema, hay que hacer uso de las fuentes bsicas que contienen todos los sistemas (MAC, PC, UNIX) por default. Esto limita el trabajo de diseo pero es mejor condicionar el trabajo a destinarlo a que slo una minora de los usuarios pueda verlo como est planeado. Las principales fuentes que vienen con el sistema operativo son: Arial/Helvetica, Times New Roman/Times, Courier/Courier. Generalmente se conoce como imagen digital a todas aquellas imgenes que son introducidas o creadas mediante una computadora, basndose en el principio del cdigo binario. La imagen est dividida en una malla o rejilla finita de pequeos puntos conocidos como pixeles; a cada pixel le corresponde una combinacin de 0s y 1s, y cada combinacin define un color determinado. As, la sucesin de pixeles con determinada informacin dar la apariencia de una imagen. 66

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

67

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

REFERENCIAS BIBLIOGRFICAS

ACOSTA, Orlando y GARCA, Luis Alberto. Fuentes. Exposicin Laboratorio de Realizacin I. UAM-Azc. Mxico, 2003. Anatoma de la letra. (en lnea) http://www.unostiposduros.com/paginas/traba1.html BAINES, Phil y HASLAM Andrew. Tipografa. Funcin, forma y diseo. Gustavo Gili. 2002. BUITRN, Marcela. Consideraciones para el diseo de interfaces grficas de usuario en ambientes virtuales educativos. Tesis para la obtencin del grado de maestra en Diseo. UAM-Azc, Mxico, 2004. DE BUEN, Jorge. Manual de Diseo Editorial. Ed. Santillana. Mxico, 2000. Diseo grfico, evolucin y tendencias. La tipografa y su evolucin. (en lnea) http://www.fotonostra.com/grafico/partescaracter.htm DONDIS, D.A.. La sintaxis de la imagen. Ed. GG Diseo. Barcelona, 1995. Elegir los tipos. Manual de diseo editorial. Typephases Design. 2005 (en lnea) http://platea.cnice.mecd.es/~jmas/manual/html/elegir_los_tipos.html ENCICLOGRFICA. Diccionario de trminos de Arte y Diseo (en lnea) http://www.sitographics.com/dicciona/t.html GRUMAN, Galen. La biblia de Adobe InDesign. Anaya multimedia. 1999. HUGHES, Rose Marie. La evolucin del alfabeto. Introduccin al arte de la caligrafa. UAM-Xochimilco. Mxico, 1992. KUNZ, Willi. Tipografa: macro y microesttica. Ed. GG. Barcelona, 2002. LARRAAGA, Mariana. De la Letra a la Pgina. Coleccin Procesos No. 59. UAM-AZC. Mxico, 1993. LEAL, Luisa. Treita siglos de tipos y letras. Universidad Autnoma Metropolitana AZC / Tilde. Mxico, 1990. Lo esencial de la preprensa electrnica No. 4. Principios de Tipografa y manejo de fuentes. Graphic Arts Technical Fundation. 1996. LPEZ BRACHO, R., ZARAGOZA, A. Caractersticas formales de la LETRA. Primer curso de tipografa. UAM-Azcapotzalco. Mxico, 2003. LYNCH, Patrick y Horton Sarah. Principios de diseo bsicos para la creacin de sitios web. Gustavo Gili. 2000. MEJA, Beatriz. Tipografa. Apuntes de clase. UAM-Azcapotzalco. Mxico, 2004. MARTNEZ, Juan. Fundamentos de tipometra (en lnea) http://www.juanval.net/fundamentos_tipometr%EDa.htm Martnez Meave, Gabriel. Historia de las letras y la Tipografa. Revista Matiz. No. 9. 1997. Moreno, Luciano. Tipografa y diseo. DesarrolloWeb.com (en lnea) http://www.desarrolloweb.com/articulos/1691.php?manual=47 MUNARI, Bruno. Diseo y comunicacin visual. Ed. GG Diseo. Barcelona, 1985. RUDEL, Emil. Manual de diseo tipogrfico. Ed. GG. Barcelona, 1992. Scott, Robert. Fundamentos del Diseo. Ed. Limusa. Mxico, 1995. SUREZ, Andrs. Apuntes sobre preprensa. Mxico, 2003 (en lnea) http://usuarios.lycos.es/elmercadomexico/ TUBARO, Antonio, et al. Tipografa. Estudios e investigaciones. Universidad de Palermo. Librera Tcnica CP67. VARGAS, Georgina. Fundamentos de tipografa (apuntes de clase). UAM-AZC. Mxico, 2004. ______, et al. Fundamentos del Diseo Bidimensional. Coleccin Procesos, No. 82, UAM-AZC. Mxico, 1997. WILLBERG, H. Peter. Primeros auxilios en tipografa. Ed. GG. Barcelona, 2002. WONG, Wicius. Fundamentos de Diseo. Ed. GG Diseo. Barcelona, 2001.
68

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

69

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

ANEXO: Historia de las letras y la Tipografa (1) (II) y (III)

70

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

71

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

72

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

73

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

ANEXO: FUNDAMENTOS PARA EL DISEO DE LA CAJA TIPOGRFICA


CAJA TIPOGRFICA Este trmino es utilizado slo en el mbito de los medios impresos; hace alusin al marco de una pgina que encierra la informacin, los ttulos y las imgenes (es equivalente a los mrgenes de un cuaderno). A partir de la caja tipogrfica se disea, pues con ella se entiende y se define el espacio disponible y adecuado para un texto. Se define en base al sustrato o formato a emplear, y definiendo los mrgenes y retculas convenientes para ello. MRGENES Son los espacios en blanco que quedan en cada uno de los cuatro lados de una pgina impresa.
cabeza

lomo

pie

Mrgenes La mancha siempre queda rodeada de una zona de blancos, de un lado por motivos tcnicos (el corte de las pginas varia normalmente entre 2 y 5 mm. por lo que se recomienda no dejar una muy pequea anchura de los mrgenes evitando que el texto quede cortado) y de otro lado por motivos estticos (unos blancos bien proporcionados pueden acrecentar el goce de leer). Cuanto mayor sea el blanco menos podr afectar una imprecisin tcnica a la impresin global de una pgina bien configurada. Adems, los mrgenes en su conjunto deben tener una adecuada relacin entre sus proporciones, ya que esto tiene una gran influencia en la impresin ptica que da la pgina al lector; si son demasiado pequeos la pgina se siente saturada y si son demasiado grandes surge una sensacin de desperdicio. Existen diversos tipos de distribucin de blancos en una pgina, siendo el sistema clsico, el mtodo de la diagonal, el sistema ternario y la proporcin 3:4, los ms utilizados.

corte

74

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Reglas fundamentales para el diseo de la caja tipogrfica

Mrgenes ureos

Mtodo de la diagonal

Sistema ternario

Composicin 3:4

RETCULA Subdivisin de una superficie en espacios o campos ms reducidos a modo de reja, que sirve para la distribucin de los elementos en el campo compositivo, segn ciertos criterios objetivos y funcionales. La retcula es la divisin geomtrica de un rea en columnas, espacios y mrgenes medidos con precisin.
75

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Sistema reticular Con esta parcelacin en campos reticulares pueden ordenarse mejor los elementos de la configuracin (tipografa, fotografa, ilustracin y colores), favoreciendo la credibilidad de la informacin, as como su fcil asimilacin y lectura.

Para la construccin de una retcula deben tomarse en cuenta ciertos aspectos como: estilo y tamao de la tipografa, interlineado, anchura de las columnas, mrgenes, las imgenes, ttulos y subttulos, etc., todos ellos con el fin de organizar de manera armnica, funcional y esttica una pgina. La construccin de las retculas no solo se limita a la distribucin de los mrgenes, sino tambin la distribucin del texto para lo cual sern determinantes la relacin de la anchura y altura de la mancha. Los campos de una retcula pueden tener las mismas dimensiones26 o no. Su altura corresponde a un nmero determinado de lneas de texto, mientras que su anchura es idntica a la de las columnas.

26

Las dimensiones de la altura y anchura se indican con medidas tipogrficas (punto, pica, ccero).

76

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

Los campos se separan unos de otros por un espacio intermedio (intercampos) con objeto, por un lado de que las imgenes no se toquen y que se conserve la legibilidad, y por otro de que puedan colocarse leyendas bajo las ilustraciones. La distancia vertical entre los campos es de 1, 2 o ms lneas: la distancia horizontal es funcin del tamao de los tipos de letra y de las ilustraciones. La anchura de las columnas influye en el tamao de la letra a utilizar. Cuanto ms estrecha es la columna mas pequea ser, normalmente, la letra. Un mtodo para encontrar una mancha adecuada es el siguiente: 1. 2. 3. 4. Se disea la mancha a escala 1:1 en la altura y anchura ms favorable, tanto en el aspecto funcional como en el esttico. Se divide la mancha en dos, tres o ms columnas. En el caso de dos columnas, por ej., se divide verticalmente la mancha en dos partes que distingue mediante un espacio intermedio. Ahora se divide horizontalmente las columnas en 2, 3 o mas campos, que en este momento an estn separados por una sola lnea. En este punto se debe decidir el tipo de letra e interlineado a emplear en el texto. Si, por ej., una letra de 10 pt. con una interlnea de 3 pt. da la imagen y legibilidad deseadas, entonces controla la altura de los campos y examina cuantas lneas de 10 pt. de letra pueden entrar en un campo. La mayora de las veces se debe adaptar la altura del campo a la de un determinado nmero de lneas del texto, por ende los campos aumentarn o disminuirn un poco. Los campos proyectados para los grficos se encuentran todava unos sobre otros, separados slo por una lnea Para que no se toquen hay que separarlos por una lnea vaca o por varias. Cuando en una columna, por ej., dos campos estn uno sobre otro y los separamos con una lnea vaca tenemos entonces en una columna el nmero de lneas que pueden colocarse en ambos campos mas la lnea que hemos incorporado la vaca. Con tres campos se necesitan para 2 separaciones = 2 lneas vacas, con cuatro campos son tres lneas vacas, etc.

5.

El nmero de divisiones es prcticamente ilimitado, sin embargo hay que considerarse cuantas columnas deba tener cada composicin.
77

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

A manera de conclusin, recordemos que los mrgenes son los espacios en blanco que enmarcan a la mancha de texto, existiendo varios mtodos para la distribucin de los mrgenes en la pgina. Sin embargo sin importar el mtodo es importante tomar en cuenta algunos aspectos: la superficie de bloque de texto ha de estar siempre en relacin a la superficie de la pgina de papel. La justificacin del texto (Tamao de la lnea) debe estar proporcionada con la profundidad de la galera. El folio forma parte siempre parte del margen El corte o refine de las pginas impresas vara normalmente entre 2 y 5 mm. Los mrgenes es su conjunto deben tener una adecuada proporcin entre ellos. Los mrgenes deben aumentar gradualmente en este orden: lomo, cabeza, corte y pie. El mtodo ms usual y que podemos considerar como regla general es: Dar al lomo la mitad del margen de corte, a la cabeza una mitad ms que al lomo, y al pie aproximadamente el doble que a la cabeza. Queda una relacin 2:3:4:6 Los diversos mtodos de distribucin de texto y mrgenes tienen en comn un detalle: la diagonal del rectngulo del texto coincide con la diagonal del papel; garantizando la armona de la pgina

REFERENCIAS BIBLIOGRFICAS
Estos apuntes son el resultado de la compilacin de los siguientes textos:

Biblioteca Virtual. Banco de la Repblica. Colombia (en lnea) http://www.lablaa.org/ayudadetareas/periodismo/per17.htm De Buen, Jorge. Manual de Diseo Editorial. Editorial Santillana. Mxico, 2000. Larraaga, Mariana. De la Letra a la Pgina. Coleccin Procesos No. 59. UAM-AZC. Mxico, 1993. Mller-Brockman, Josef. Sistemas de retculas. Ed. GG Diseo, Barcelona, 1982. Vargas, Georgina, et al. Fundamentos del Diseo Bidimensional. Coleccin Procesos, No. 82, UAM-AZC. Mxico, 1997. Vzquez Montero Jos. Introduccin a la Produccin Grfica. Apuntes de clase. UAM-AZC, 2004.

78

La letra. Principios bsicos de tipografa


Mtra. Marcela E. Buitrn de la Torre

Expresin del Diseo Grfico I

79

También podría gustarte