La Letra - … · La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I...

79
Universidad Autónoma Metropolitana División de Ciencias y Artes para en Diseño Departamento de Procesos y Técnicas de Realización La Letra Fundamentos de tipografía Marcela E. Buitrón de la Torre Expresión del Diseño Gráfico I

Transcript of La Letra - … · La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I...

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

1

Universidad Autónoma Metropolitana

División de Ciencias y Artes para en Diseño Departamento de Procesos y Técnicas de Realización

La Letra Fundamentos de tipografía

Marcela E. Buitrón de la Torre

Expresión del Diseño Gráfico I

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

2

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

3

CONTENIDOS TEMA 1 TIPOGRAFÍA: FASES DEL APRENDIZAJE TEMA 2 CONCEPTOS BÁSICOS TEMA 3 DESARROLLO HISTÓRICO DE LA ESCRITURA

3.1 ANTECEDENTES HISTÓRICOS DE LA ESCRITURA 3.2 DESARROLLO DE LA ESCRITURA FONÉTICA

3.3 DESARROLLO ESTÍLISTICO DE LA ESCRITURA TEMA 4 CONSTRUCCIÓN DEL ALFABETO ROMANO TEMA 5 PRINCIPIOS DE TIPOGRAFÍA

5.1 ESTRUCTURA DE LA LETRA 5.2 ANATOMÍA DE LA LETRA 5.3 CLASIFICACIÓN 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 TIPOGRAFÍA DIGITAL

La letra. Fundamentos de tipografía, es una publicación electrónica de la Mtra. Marcela E. Buitrón adscrita al

del Departamento de Procesos y Técnicas de Realización. División de Ciencias y Artes para el Diseño.

Universidad Autónoma Metropolitana-Azcapotzalco. División de Ciencias y Artes para el Diseño.

Av. San Pablo No. 180, Edificio H, Planta Baja. Col. Reynosa, Tamaulipas. C.P. 02200. México, D.F.

El presente manual es el resultado de la compilación de diversos textos,

basada en la bibliografía sugerida y con el debido crédito a los autores de cada documento. De tal manera, según 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.

Publicación: Mayo 2009

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

4

I. TIPOGRAFÍA: FASES DEL APRENDIZAJE Según Antonio e Ivana Tubaro, se consideran 3 fases principales para el aprendizaje de la disciplina tipográfica: CONOCER En principio es necesario adquirir el conocimiento de los múltiples aspectos que la escritura

y los caracteres tipográficos han asumido en los diversos periodos históricos.

(escritura embrionaria y pictográfica, desarrollo de la escritura fonética y desarrollo estilístico 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 composición, resulta esencial a los fines de reproducción correcta de los caracteres.

(estructura y anatomía de la letra, estilos, fuentes y familias, gamas seriales)

PROYECTAR A partir de las formas memorizadas, y gracias a una técnica de ejecución adquirida, pueden

afrontarse temas de proyectación y de investigación para el estudio de nuevos signos aptos para una comunicación mas fuerte y duradera.

(usos de la tipografía: formal y gráfico, personalidad del tipo)

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

5

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

6

2. CONCEPTOS BASICOS DE TIPOGRAFÍA

INTRODUCCIÓN

Hasta este momento hemos percibido a la tipografía únicamente desde su función gramatical. Con este curso se busca tener una visión de la tipografía desde el punto de vista del diseño, en donde no solamente se percibe su función formal sino además su estructura, anatomía y expresión semántica, de tal manera que pueda ser manipulada para expresar o representar algo. REFLEXION… Qué elementos conforman un objeto de expresión de diseño? Qué entiendes por letra? Qué entiendes por tipografía? A partir de la reflexión anterior podemos decir que…. Letra signo; representación gráfica del lenguaje hablado. Evolución de la escritura Tipografía “arte de diseñar letras y componer texto de tal modo que puedan leerse de un modo fácil,

eficaz y agradable” (Hill Kunz) Es esta actividad de diseño el objetivo principal de nuestro curso. CONCEPTOS BÁSICOS1

Existen varios conceptos relacionados con la letra que son el punto de partida para la comprensión de algunos principios del origen, evolución, desarrollo y aplicación de la misma. CONCEPTO DEFINICIÓN Caligrafía

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. También se denomina caligrafía a los rasgos de la escritura que son propios de cada persona, así como al conjunto de los mismos, contenidos en un documento manuscrito.

Tipografía

Estudio de la letra, a partir de la definición del tipo móvil de impresión. Análisis de la letra (forma y tipo de impresión). La tipografía es el conjunto de características visuales de las letras y números de un texto, tales como su diseño, su forma y su tamaño.

Diseño de la letra a mano (relacionada con el rotulismo) (letering).

1 Mejía, Beatriz. Apuntes de clase. UAM-Azcapotzalco. México, 2000. http://culturitalia.uibk.ac.at/hispanoteca/Lexikon%20der%20Linguistik/i/IDEOGRAMM%20%20%20Ideograma.htm http://enciclopedia.us.es/index.php/Caligraf%EDa

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

7

Letragrafía

Pictograma

Representación del objeto como tal. Figura o símbolo que asume el significado del objeto representado.

Ideograma

Evolución del símbolo. Evolución del pictograma que no representa al objeto sino a la idea. Se denomina ideograma a un carácter gráfico que corresponde a una idea (concepto, proceso o cualidad).

Fonograma

ABCDEFG HIJKLMNO PQRSTUV WXYZ

Evolución de los símbolos que representan sonidos. Se ven perfiladas los símbolos o grafías mediante sonidos.

CONCLUSION I. Conceptos relacionados con…

desarrollo / aplicación historia / evolución letra caligrafía

caligrafía tipografía tipografía pictograma letragrafía ideograma

fonograma II.

Letragrafía aspecto formal de la letra (historia, partes y clasificación)Caligrafía trazo Tipografía a partir de la imprentaTipografía creativa como imagen Diseño tipográfico creación de tiposDiseño editorial aplicación

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

8

3. DESARROLLO HISTÓRICO 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 síntesis:

DESARROLLO DE LA ESCRITURA

PICTOGRAMAS

MUTACIÓN A UNA FORMA ALFABETICA

VARIACIONES DEL ALFABETO

ESCRITURA EMBRIONARIA Y PICTOGRÁFICA Prehistoria

Escritura embrionaria, Procedimientos Mnemónicos, Pictografía (Iconografía, Ideografía, Escritura analítica), Escritura Fonética

DESARROLLO DE LA ESCRITURA FONÉTICA

Sumerios Egipcios Fenicios Griegos Etruscos Romanos

DESARROLLO ESTILÍSTICO DE LA ESCRITURA

Uncial Semiuncial

Cancilleresca Gótica

Carolingia

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

9

3.1 ANTECEDENTES HISTÓRICOS DE LA ESCRITURA

Escritura embrionaria El hombre prehistórico establecía marcas y señales en sus caminos para regresar por los mismos y evitar peligros. Usaba sonidos, gestos, movimientos, etc. para comunicarse. Necesidad de crear una escritura La acumulación de ideas, juicios y pensamientos aumentó y, por ello, la comunicación hablada se hizo insuficiente. Surge así una escritura con signos de valor constante. Pictografía Expresión con imágenes. Es el primer paso para la verdadera escritura (hace 50,000 años). Iconografía Representa cosas vistas y da impresiones estáticas. Ideografía Los signos y dibujos representan ideas y conceptos abstractos combinando imágenes. Escritura analítica Las imágenes se elevan a la categoría de símbolos y abstracciones. Constituyen el

puente natural entre la pictografía y la fonética (ej. Cuneiforme, Hierática y Demótica, China, Maya).

Escritura Fonética Las figuras después de ser símbolos convencionales pasan a representar sonidos para ser reproducidos de manera constante y perdurable. 3.2 DESARROLLO DE LA ESCRITURA FONÉTICA (ver anexo: “Historia de las letras y la Tipografía”) Historia de las letras y la Tipografía (1) De la piedra al pergamino (3500 A.C .- 600) Historia de las letras y la Tipografía (2) Delpergamino al papel (600 - 1400) Historia de las letras y la Tipografía (3) Del papel a la pantalla (1400 - 1998)

Gabriel Martínez Meave Revista Matiz, No. 9. 1997.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

10

3.3 DESARROLLO ESTÍLISTICO 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 religión oficial del Imperio Romano el año 313 D. C.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

11

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

12

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

13

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

14

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

15

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

16

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

17

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

18

4. CONSTRUCCIÓN DEL ALFABETO ROMANO

Las letras que conforman el alfabeto romano, utilizado en nuestros días, son distintos entre sí. Varían en anchura y complejidad de forma, lo cual los hace más legibles2. Pero al mismo tiempo que existen diferencia entre las letras, estas presentan muchas características en común. Básicamente, todas las letras fueron diseñadas con una base geométrica, y existen tres categorías de formas según se generen a partir del rectángulo, el triángulo o el círculo3.

Formas básicas de las letras4 Líneas fundamentales de la estructura de la letra Referidas a alfabetos de tipo lineal, las letras además de estar circunscritas en alguna forma geométrica, pueden constituirse geométricamente por 4 tipos de líneas: rectas, fragmentadas, curvas y mixtas.

2 Si se utilizan sólo mayúsculas la lectura es más difícil ya que todos los caracteres tienen la misma altura. 3 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 círculo.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

19

Existe una derivación progresiva de las letras partiendo de los trazos fundamentales. En la siguiente figura están evidenciados los cuatro trazos fundamentales que se repiten siempre iguales en otros tantos grupos de letras; después se recompone la forma de todos los signos alfabéticos individualizados otros 20 trazos suplementarios, necesarios para la terminación.

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

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

20

Proporciones romanas

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

21

Correcciones ópticas (ajuste óptico del alfabeto) Para hacer las formas más 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 diseño se somete a leyes físicas bien precisas. La sola construcción geométrica, si bien rigurosa, no le garantiza al carácter una forma armoniosa y proporcionada. Para obtener esto es necesario retocar las letras en sus contornos aplicando leves modificaciones llamadas correcciones ópticas. A continuación se detallan las más utilizadas: o Los rasgos transversales en las letras B, E, F y H deberán situarse ligeramente arriba de la mitad de las

mismas para evitar que aparezcan flojas o caídas. (1) o En las letras P, A y R tanto los rasgos medios como transversales se dibujarán debajo de la línea de guía

central, proporcionando entre sí los espacios interiores de las letras con los exteriores. (2) o Las letras redondas C, G, O y Q deben agrandarse ligeramente más que las otras o de lo contrario darán

la impresión de ser inferiores de tamaño. (3) o Lo mismo sucede con las letras angulares A, M, N, V y W por lo que la punta excederá en tamaño a las

demás. (4) o Las letras J, U y S se ajustarán a la misma regla en los rasgos curvos. (5)

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

22

5. PRINCIPIOS DE TIPOGRAFÍA

5.1 ESTRUCTURA DE LA LETRA El CARÁCTER Es esa señal o marca que se imprime, transfiere, pinta o esculpe y viene a ser la unidad fundamental del lenguaje escrito, que en tipografía es una unidad portadora de una forma y estilo singular. Los caracteres pueden presentarse en: Capitales Minúsculas Números Versalitas Ligaduras Símbolos 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 RENGLÓN GRÁFICO Es el conjunto de líneas horizontales que indican la proporción de la altura de las partes básicas de las letras, como la altura “x”, las ascendentes y las descendentes, así como, la proporción de mayúsculas, minúsculas, versalitas y números. En el caso de las lineales, las egipcias y las romanas modernas, el renglón 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 mayúsculas. Se consideran básicamente: línea media inferior, línea media superior, línea de las descendentes, línea de las ascendentes, altura de las mayúsculas.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

23

Altura “x” (ojo medio) Altura de las letras minúsculas sin considerar los trazos ascendentes y descendentes. La proporción 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 alineación superior del renglon gráfico define su altura. Los ascendentes pueden llegar a sobrepasar la altura de las mayúsculas.

Descendentes (ojo medio inferior) Rasgo de las letras que sobresale de la parte inferior de la altura “x”. La alineación interior del renglón gráfico, define su tamaño.

Mayúsculas También llamadas letras de caja alta5. El renglón gráfico indica su altura a partir de la alineación superior, y no siempre tienen la misma altura que las ascendentes.

Minúsculas También llamadas bajas o de caja baja.6 Su altura corresponde a la altura “x” definida en el renglón gráfico.

5 Haciendo referencia a las cajas en las que se acomodaban los tipos de impresión. (En la caja superior iban las mayúsculas, mientras que

en la inferior iban las minúsculas). 6 Idem.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

24

Veresalitas Carácter con las características de las mayúsculas pero de igual altura al ojo central de la minúscula.

Capitulares Sirven de comienzo a un párrafo, son de adorno y de mayor tamaño que las empleadas en el texto base. Pueden ser sencillas u orladas, y abarcar una o más líneas del párrafo.

TAMAÑO DE LA LETRA (CUERPO DE LA LETRA) Es la medida del carácter, que se define desde el extremo superior de la ascendente, hasta el último punto de la descendente. En el renglón gráfico la altura está indicada por la distancia que va de la altura de los ascendentes, hasta la profundidad de los descendentes.

Interlínea Distancia entre las líneas de texto o renglones. La interlínea se mide desde donde termina la descendente hasta donde empieza la ascendente de la siguiente línea de texto

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

25

Fuerza del cuerpo o del tipo Altura o tamaño 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=tamaño de la letra y 12=el tamaño de la letra + el interlíneado.

5.2 ANATOMÍA DE LA LETRA

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

Las características formales de estos dos, determinan el estilo de la letra. La manipulación de las astas y remates en la búsqueda de nuevas formas, constituyen una parte muy importante en el diseño de alfabetos. Trazo principal También 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 inclinación. Por su grosor Uniformes (Rasgos de grosor constante) Modulados. (Rasgos que varían su grosor)

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

26

Por su inclinación Asta vertical (pierna o pata) Asta horizontal (braso, tilde, trabezaño, 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 básicos: • Patines, gracia o serif Los trazos terminales, definidos como patines, marcan dos estilos básicos 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 definición 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. Mixtiforme 2. Filiforme 3. Rectiforme 4. Cuadrangular

• Colas, ápices o puntas Pueden tener cuatro conformaciones.

• Gota • Botón • Bandera • Pico o gancho (ápice)

Otros tipos (contorno interior, contorno exterior, corbata y espolón)

1 2

3 4

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

27

ESQUEMA DE SÍNTESIS

GLOSARIO (ESQUEMA DE SINTESIS)

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

28

5.3 CLASIFICACIÓN DE LAS LETRAS Muchos son los expertos que han elaborado sistemas para clasificar los estilos tipográficos7: Francis Thibaudeau (1924), Maximilien Vox (1954), Aldo Novarese (1956), Giuseppe Pellitteri (1963), entre otros. A sus propuestas hay que sumar también la que el DIN8 y la ATYPI9 (1957) hicieron en conjunto. De estos intentos, el más usado, debido a su antigüedad 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 básicos, a saber: Antiguos, lineal o bastones Egipcios Romanos antiguos o Elzeviros Romanos modernos o Didots Se reconocen además los dos subgrupos de las Escrituras y de los caracteres Fantasía a los cuales se adjuntan, por su frecuente presencia en muestrarios de caracteres, de manera secundaria las letras Cancillerescas y las del tipo Gótico.

7 Forma propia y característica del caracter dada por el diseño de sus astas y por la combinación de éstas con los remates. 8 Deutsche Industrie Normen (Normas Industriales Alemanas). 9 Asociación Tipográfica Internacional.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

29

lineales egipcios

romanos antiguos romanos modernos

escritura fantasía En relación con su estilo, los caracteres están clasificados por familias o conjuntos de signos escriturales que comparten rasgos de diseño 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 inclinación del trazo.

10 Según Adrian Frutiger (De signos y de hombres), las letras “H” y “n”10, mayúscula y minúscula respectivamente, de cualquier familia

son el modelo que fija las proporciones a partir de las cuales se modifican y construyen los signos.

La versión normal de estas dos letras nos dice que si su altura es x, la amplitud debe ser 80% de x; además de que el grosor de sus rasgos principales es igual al 15% de la medida de su altura.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

30

Gama serial

Amplitud. (hace referencia a la extensión de la letra) Los caracteres pueden modificar su forma normal estrechándose o alargándose, obteniéndose 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, volviéndose con ello más claras (delgadas) o más espesas (gruesas), obteniéndose letras ultra light, light, normal, semi bold, bold, extrabold.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

31

Inclinación. (hace referencia a la inclinación de los ejes de la letra) Las letras pueden ser derechas (redondas) o inclinadas11 (cursivas).

11 La inclinación de 12˚ es la más correcta para expresar la forma cursiva de un carácter. Las inclinaciones menores no son percibidas

por el ojo mientras que las inclinaciones mas acentuadas alteran el equilibrio de la misma.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

32

Los casos extremos de las variaciones dan por resultado letras tan alteradas y desproporcionadas que se tornan ilegibles. Fuentes y familias tipográficas Los términos tipografía y fuentes a menudo se confunden como sinónimos; sin embargo, la tipografía es el diseño de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseño, cuerpo y estilo; estos caracteres incluyen letras en caja alta y baja, numerales, versalitas, fracciones, ligaduras, símbolos y grafismos, entre otros. En iguales circunstancias familia y fuente tipográfica son mencionados como un mismo término, sin embargo una familia tipográfica es un grupo de tipografías unidas por características similares. Los caracteres de una familia se parecen entre sí, pero también tienen rasgos propios. Las tipografías de cada familia tienen distintos grosores y anchos.

Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes. Familia tipográfica significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, como por ej. en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una família se parecen entre sí pero tienen rasgos propios.

Fuente

Familia

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

33

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

34

6. USOS DE LA LETRA

Aspectos participes en la elección de fuentes SINTÁCTICO organización (distribución de los caracteres). SEMÁNTICO significado (lo que corresponde a su contenido).

PRAGMÁTICO práctica (producción y reproducción del objeto de diseño, uso y función de la letra).

CLASIFICACION DE LOS USOS Partiendo del análisis de los tres aspectos (sintáctico, semántico y pragmático) que determinan una tipografía, se puede apreciar que presenta básicamente dos tipos de usos: Formal relacionado con la disposición, organización y función de la letra como ente

compositivo escrito-visual (diseño editorial). (letra, línea, párrafo, columnas, interlínea, legibilidad, texto base, texto de display, etc.)

Como imagen relacionado meramente con la función visual de la letra (monogramas, caligramas, tipogramas, sintagmas, logotipos, etc.)

monograma

caligrama

Uso formal Uso como imagen

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

35

6.1 PERSONALIDAD DEL TIPO

La tipografía no solo existe para ser leída sino también 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 elección de fuentes para los diseños en donde se aplican: SINTÁCTICO organización (distribución de los caracteres). SEMÁNTICO significado (lo que corresponde a su contenido). PRAGMÁTICO práctica (producción y reproducción del objeto de diseño, uso y función de la letra). Los tres aspectos tienen que ver con el aspecto y la connotación visual de la letra, y se ven estrechamente relacionados en el diseño y empleo de alguna tipografía. Ej. Un encabezado se acomoda en determinado lugar (a. sintáctico) para determinar una jerarquía visual y de conceptos, De igual forma se le asigna un color y una forma determinada para remitir a algún concepto (a. semántico) y a la función que está cumpliendo (a. pragmático). Lo anterior influye en la elección del sistema de producción y reproducción a usar.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

36

ASPECTO SEMÁNTICO DE LA LETRA La escritura es la representación del habla. En lenguaje escrito, el significante12 se representa con caracteres físicos (letras) que son del dominio de la vista, resultando irremediablemente imágenes visuales que se mezclan con el contenido semántico del lenguaje verbal. Utiliza todos los recursos de la comunicación visual, que combinan con la información lingüística contenida en las palabras. Se puede hablar de un lenguaje escrito-visual, en donde se da una síntesis de la palabra con la imagen. En él, la palabra escrita puede alterarse con un simple cambio tipográfico, variando su forma, su tamaño, su color y su grosor, para subrayar o transformar su significado13.

Así, la tipografía posee una dimensión icónica, no verbal, que incorpora para lograr la comunicación de significado. La tipografía transforma el significado de las palabras y, junto con el color, puede reforzar o alterar por completo el significado que asociamos a un diseño. Como se ha mencionado, demás de enviar mensajes objetivos (efectuar la comunicación), la tipografía expresa inevitablemente emociones subjetivas (modos en que la información 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 tipografía tiene que ver mas con hechos emotivos que lógicos. Y así, nada más mirar el diseño, sólo el tipo de letra utilizado ya nos comunica una sensación fría 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 geográficos, con la moda, con aplicaciones y experiencias específicas anteriores, entre otros Ej. Una letra de los años 60´s difícilmente se puede sacar de ese contexto, no permitiendo remitir a nada más que a algo relacionado con dicha década.

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

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

37

Tal como pasa con los estilos artísticos, musicales, la moda... cada tipografía puede estar asociada inequívocamente a un lugar determinado y a una época concreta. Esto hace que, normalmente, las tipografías que tienen una asociación clara de este tipo sirven para usos muy determinados, y que se empleen escasamente fuera de éstos, haciendo que incluso resulte extraño verlos en un contexto diferente del esperado. Ej. Muchas cervezas se anuncian o tienen su logo con las típicas letras góticas fraktur.

Se debe contemplar que la mala elección de esas formas puede interferir positiva o negativamente en el proceso de comunicación.

LIGERO LIGERO Por otro lado, la tipografía debe ser funcional si se quiere cumplir con su tarea. La relación 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 función y las variaciones en la forma de las letras cambian las cualidades semánticas y sintácticas de las palabras. La calidad semántica y visual de una palabra o un texto puede realzarse mediante las variaciones en la caja el estilo, la inclinación, 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.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

38

Sin embargo, no solo con el tipo de letra sino también con el diseño tipográfico se puede decir algo (aspecto sintáctico). La arquitectura de las letras y su organización definen la métrica, organización la lectura y jerarquizan la información.

Se puede concluir diciendo que todo diseñador debe tener la habilidad de analizar, explorar y reconocer las características conceptuales, formales, históricas y técnicas de los diferentes tipos de letras. Cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, por lo que la selección de las familias tipográficas a usar en una composición 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 PÁGINA Como ya se ha mencionado, no solo con el tipo de letra sino también con el diseño tipográfico puede comunicarse algo (aspecto sintáctico de la letra) y, en ese sentido, la arquitectura de las letras y su organización definen la métrica, organizan la lectura y jerarquizan la información.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

39

El texto se distingue como uno de los elementos que componen14, en general, una página15; resultando un factor determinante para la creación de alguna publicación16.

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: títulos y subtítulos, por ej.) Además, existen otros elementos textuales que pueden ayudar a definir la composición de una página: epígrafes, folios, citas, notas, entre otros.

14 En general, se pueden distinguir 5 elementos que componen una página: formato (papel-sustrato), márgenes, retícula, texto e

imagen (elementos gráficos). 15 Entendiendo a la página como la unidad básica de diseño de publicaciones. 16 Originalmente el término publicación significa hacer algo públicamente conocido. Ahora, este término hace referencia al material

preparado para el consumidor, incluyendo la información contenida en libros, periódicos, revistas, etc.

1. Formato 2. Márgenes 3. Retícula 4. Texto 5. Imagen

12

3

4

5

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

40

1. texto base 2. titulo 3. subtitulo 4. fotografía 5. pie de foto 6. folio numérico 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 homogéneos; casi no se fragmenta. Se conforma por párrafos o bloques de texto comprendido entre dos puntos y aparte, formado generalmente por varias líneas de texto.

párrafo

Mancha tipográfica

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

41

La mancha de texto puede ocupar el 100% de la hoja o solo una parte de ella, sin embargo normalmente es menor al tamaño total del papel, por lo tanto es necesario considerar cual es la manera más armoniosa de distribuir ésta. (Ver ANEXO: FUNDAMENTOS PARA EL DISEÑO DE LA CAJA TIPOGRÁFICA) II. Texto de Resalte

Son las palabras o frases que destacan por su posición especial, su puntaje, su grosor, su color, su inclinación, etc. Según su importancia se dividen en: Titulo (palabra o frase para dar a conocer el nombre del tema, capitulo o unidad del documento). Subtítulo (título secundario que se ubica en ocasiones después del título y nos refiere a una parte del

contenido del documento).

Como otro elemento de resalte podemos encontrar a las letras iniciales o capitulares sirven para dar pauta al inicio de un párrafo, de un capítulo, tema o unidad de un documento. Son letras de adorno, de mayor tamaño que el resto de la mancha tipográfica o texto base y deben estar proporcionadas con este y con el tamaño del impreso. Pueden ser: sencillas (de tipo común con cuerpo grande) y orladas (con adornos u ornamentadas).

Titulo

Subtitulo

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

42

Además del texto base y de resalte, como parte del texto de una composición podemos encontrar epígrafes (pie de foto), folios, citas, notas, entre otros.

Epígrafe: Leyenda explicativa que se coloca debajo de las imágenes. Folio: Número que indica el orden de las páginas, y que pueden ir acompañados de algún adorno. Cita: Nombre de intercalo cuando un autor repite en el texto palabras de otro autor. Nota: Son observaciones o aclaraciones que se añaden fuera del texto, al margen o al final de la página o capítulo, incluso del libro.

ELEMENTOS TIPOGRAFICOS Y SUS MEDIDAS Los elementos tipográficos a tener más en cuenta son: La letra, con sus rasgos característicos Las familias de letras, organizadas en alfabetos y conjuntos numéricos y de signos La palabra o conjunto de letras que forman una entidad característica La línea o conjunto ordenado de palabras El párrafo o conjunto independiente de líneas El bloque de texto La columna

Cita

Folio

Epígrafe

Nota

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

43

MEDIDAS TIPOGRÁFICAS Letra: Signo; representación gráfica del lenguaje hablado. Se mide en puntos.

a Tamaño de la letra: Se le denomina cuerpo, se mide en puntos y va desde la alineación superior a la

alineación inferior. Esto es tomando la ascendente y la descendente.

Línea: Conjunto de palabras acomodadas una después de la otra en forma horizontal.

Interlínea: Espacio entre una línea y otra, y se mide en puntos a partir de la descendente de una línea a la ascendente de la siguiente línea.

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

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

44

Profundidad: (longitud de línea), es el número de líneas de una columna. Se puede medir en picas o puntos, según el número de líneas y la fuerza del tipo (por ej. si se tienen 30 línea de 10/12, son 360 pt. O 30 picas).

Justificación: Ancho de una columna tipográfica que delimita el largo de una línea, y se mide en picas. Referente a la disposición horizontal del texto, sin importar el tamaño de las líneas, la forma de alinear éste puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en piña e irregular. Justificado A la derecha A la izquierda Centrada LEGIBILIDAD Y LEIBILIDAD Legibilidad es el término empleado en diseño tipográfico para definir una cualidad deseable en los tipos. Es una propiedad del diseño de la letra La leibilidad es una cualidad de la tipografía en su conjunto, o del uso de ella (publicaciones), esto es, que la persona que lo va a leer pueda hacerlo de manera fácil y rápida. La legibilidad de un tipo de letra diseñado para un texto seguido depende en gran medida de sus características concretas y la leibilidad del modo en que se emplea.

Se entiende por diseño editorial al trabajo de crear piezas de difusión enmarcadas en una clara identidad tipográfica, icnográfica, geométrica y cromática, que apuntale una intención de comunicación y describan un perfil acorde con la información que en ellas se publica y permitiendo con ello su sucesiva reutilización sin perder sentido ni actualidad. El diseño editorial es el exponente más combativo de las piezas de diseño. Sus características posicionan a los libros, las revistas, entre otras publicaciones, como un espacio donde información e imagen conviven fortaleciéndose, fomentando la precisión del mensaje y su eficacia.

Justificación

Profundidad Columna en bloque Justificación: 14 picas Profundidad: 13 líneas de 8/11 11.6 picas

Pasaremos a referirnos a ciertos materiales modernos de categoría "superior" a la de los recién tratados, algunos ya existentes y otros pertenecientes a la categoría de productos prospectivos.

Pasaremos a referirnos a ciertos materiales modernos

de categoría "superior" a la de los recién tratados, algunos ya

existentes y otros pertenecientes a la categoría

de productos prospectivos.

Pasaremos a referirnos a ciertos materiales modernos de categoría "superior" a la de los recién tratados, algunos ya existentes y otros pertenecientes a la categoría de productos prospectivos.

Pasaremos a referirnos a ciertos materiales modernos de categoría "superior" a la de los recién tratados, algunos ya

existentes y otros pertenecientes a la categoría de productos prospectivos.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

45

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 tamaño pequeño Un tipo de letra normal resulta más legible que cualquiera de sus series, en un texto seguido (las variante fueron diseñadas para dar énfasis en el texto de resalte o variedad, ya que resultan más difíciles de leer que la redonda normal). Mientras mas delgada sea la tipografía será mas fácil de leer, ya que conforme se va engrosando los huecos de la letra se van cerrando b) Que las ascendentes y las descendentes no sean muy cortas para que se distingan de la altura “x”. 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 drásticos entre los trazos finos y los gruesos, debido a que dificultan la lectura; por otro lado también es muy monótona una letra con trazos del mismo grueso. La legibilidad determina el poder leer un texto o no.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición

Ilícito Ilícito lila lila

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

djh djh

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

46

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 leíble, 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 tamaño de la letra ha de calcularse para esta distancia. Letras muy grandes o muy pequeñas se leen con mayor esfuerzo y el lector se cansará rápidamente.

b) Es más fácil leer un texto continuo en bajas, ya que las ascendentes y las descendentes dan movimiento a la tipografía por lo tanto hay seguimiento en la lectura. c) Dentro de una página, la falta de trazos presenta una uniformidad que puede llegar a hacerla monótona y en consecuencia poco atractiva. Esto se puede resolver dando más interlineado o utilizando texto de resalte, ilustraciones, etc. Que rompan la solidez del texto seguido. d) Las palabras deben estar próximas unas a otras, se puede considerar el ancho de la letra “t” como el espacio óptimo de separación y como máximo 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 ríos en el texto, que resultan desagradables a la vista.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

SE LLAMA FORMATO AL TAMAÑO DE UNA PUBLICACIÓN O IMPRESO, QUE ADOPTA UNA FORMA DETERMINADA POR SUS DIMENSIONES Y POR SU POSICIÓN.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una

publicación o impreso, que adopta

una forma determinada por sus

dimensiones y por su posición.

Tipografía 9/12 Tipografía 9/14

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

47

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

48

Clasificación de los espacios. Para formar una palabra, en sentido tipográfico, 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 según 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 carácter17, 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 armonía y equilibrio entre su forma y el espacio que se encuentra a su alrededor. Para lograr esto se emplean diversos tipos de espaciados, según sea el caso de aplicación: Espacio EM Medida, además de los puntos y las picas, empleada para describir espacios tipográficos. Es un cuadrado cuyas medidas van en relación al alto y ancho del tamaño del tipo que se está empleando. La mitad del espacio EM es llamado EN. El EM es casi el ancho de la “m” minúscula y el EN es casi el ancho de la “n” minúscula. Las sangrías y los espacios entre tabuladores se especifican muchas veces en EMS, mientras que el espacio entre palabras comúnmente es definido como una fracción de una EM. El espacio EM y sus divisiones son relativos al tamaño de la letra. Tracking Es el espacio entre caracteres. Cuando los caracteres de un párrafo 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 número de caracteres que caben en determinado espacio. Cuando el tracking es empleado en un bloque de texto es llamado reducción o adición de espacio blanco, según sea el caso.

17 Cada estilo, familia y serie de caracteres requiere de un estudio especial, según sea su asta y su configuración.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

49

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 separación se produce principalmente por la forma de las letras provocando que se quede demasiado espacio entre una letra y otra. Generalmente la separación debe ser óptica y no mecánica. Principales casos de ajuste de kerning: Yo, Ya, To, Tu, Ta, Wo, Wa, TA, WA, PA y casos similares.

TA TAa

normal kerning

Regla auxiliar para los espacios entre letras.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

50

Alineación óptica. En ocasiones, sobre todo cuando se trabaja con títulos, la alineación de la tipografía se debe hacer visualmente, ya que mecánicamente la alineación vertical y horizontal es la misma para todos los caracteres; esta alineación es individual. Para producir una apariencia correcta, sobre todo cuando se emplean astas rectas y circulares , verticalmente hay que alinear las curvas con las líneas verticales. Igualmente la alineación horizontal de las curvas de debe cuidar, dejándolas caer un poco más debajo de la línea base para que visualmente se vean alineadas con los demás.

Unicornio

Alineación Mecánica Alineación óptica Ancho de columna. En cuanto a la justificación de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por línea. Cuando la línea tiene más de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difícil encontrar la siguiente. Las líneas demasiado cortas también fatigan, ya que el ojo es obligado a cambiar de renglón con demasiada rapidez.

Interlínea. Las líneas demasiado próximas entre si perjudican la velocidad de la lectura, puesto que entran al mismo tiempo en el campo óptico el renglón superior y el inferior.

HISTORIA Y VERDAD DEL

UNICORNIO Y SU CUERNO

HISTORIA Y VERDAD DEL UNICORNIO Y SU CUERNO

En cuanto a la justificación de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por línea. Cuando la línea tiene más de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difícil encontrar la siguiente. Las líneas demasiado cortas también fatigan, ya que el ojo es obligado a cambiar de renglón con demasiada rapidez.

En cuanto a la justificación de una columna, se ha logrado una anchura.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

51

Lo mismo puede decirse del interlineado excesivo, al lector le cuesta trabajo encontrar la unión con la línea siguiente y las líneas parecen demasiado aisladas. Los textos largos requieren mayor interlineado. Un nuevo párrafo de texto puede separarse con una línea en blanco que lo anteceda o con sangría en la primera línea. Densidad o valor tonal. En la tipografía el color se refiere al tono de gris que esta produce a la vista. El valor tonal es el aspecto general que adopta una composición tipográfica integrando todos los elementos que la conforman en relación con el blanco total de la página; el espacio alrededor de las letras y de las palabras debe ser constante. Otros aspectos que contribuyen al balance tonal de la página son: los márgenes, medianil, interlineado y la altura x. En la configuración del color intervienen múltiples factores compositivos además de los propios de la tipografía elegida. Influyen los espacios empleados en la composición para separar caracteres, palabras o líneas, todos ellos conjugados a su vez con la distribución y ubicación 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 tipografía.

6.3 USO DE LA LETRA COMO IMAGEN La tipografía no solo existe para ser leída sino también 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 poético, en que la disposición tipográfica procura representar el contenido de un poema.

Se llama formato al tamaño de una publicación o impreso, que adopta una forma determinada por sus dimensiones y por su posición.

Se llama formato al tamaño de una

publicación o impreso, que adopta

una forma determinada por sus

dimensiones y por su posición.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

52

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 búsqueda de superposiciones y enlazamientos para obtener una forma que no sea transparente. No solamente deberá observarse si no también estimular a un proceso de interpretación, de ahí que su diseño es regido por el impacto visual que genere. Es posible individualizar algunas características fundamentales que todo monograma debe presentar: Nitidez de composición para una rápida interpretación. Personalidad y carácter fuerte de la imagen totalizante. Individualidad del signo, con referencia a la persona o tema de pertenencia. Se puede llamar monograma también 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, conmemoración, marca o producto. Cuando el logotipo incluye un símbolo gráfico 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 símbolo o bien únicamente el logotipo componen el identificador (Ej. COCA-COLA (sólo logotipo) y NIKE (sólo símbolo).

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

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

53

TIPOGRAMA (palabra-imagen) Texto, signo o caligrama realizado con caracteres de imprenta, los cuales están 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 gráfica la simple escritura alfabética con frecuencia no resulta suficiente para una comunicación fuerte y expresiva. Un carácter adecuado, aún elegido cuidadosamente con referencia al significado de la palabra que compone, a veces no es suficiente para una propia expresión clara y se recurre entonces a una solución gráfica definida como la palabra-imagen. En este caso las palabras se cargan de valor icónico en grado dominante respecto de su valencia lingüística habitual. Estas deben ser leídas y al mismo tiempo interpretadas como imágenes y quienes las observan tienen que encontrarse en posición de valorizar el contenido (la figura) a través de la lectura del vocablo.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

54

Fototipograma

Letra faltante En el campo de la gráfica se adopta frecuentemente la solución de sustituir una o mas letras de un signo o logotipo con la silueta de un objeto o cualquier otro signo que defina más claramente la identidad del tema involucrado. En razón de que los caracteres son reconocibles por el ojo gracias a la percepción de pocos trazos esenciales, su sustitución 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 introducción de una imagen diferente es más interesante, asumiendo un valor icónico. Si el cambio esta bien estudiado y la nueva silueta se coloca de manera acentuada, pero con equilibrio y armonía en el contexto de la palabra, el ojo es atraído pero no disturbado; y sucede entonces que a la simple lectura se superpone también un procedimiento de visión e interpretación.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

55

Letra expresiva La alteración de la forma de una letra puede suceder también con referencia a un lema19. En este caso la acción que el lema expresa se convierte en el tema para la ideación de la nueva imagen del carácter; el lema se invierte directamente sobre la letra y manipula la figura de modo que ella represente la acción 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 acción deben tener, en efecto, connotaciones bien marcadas adecuadas para expresar del modo mas claro posible el lema por representar.

COMPOSICION TIPOGRAFICA Se entiende por “composición” a la disposición en el espacio-formato de diferentes signos según una idea directriz20 para obtener un efecto deseado, mediante una forma estéticamente agradable y fácilmente legible. En una composición tipográfica serán los caracteres los elementos dispuestos a lo largo del formato.

19 Un lema es una frase que expresa la intención de un grupo de personas. Muchos países tienen lemas, al igual que otras instituciones

como universidades o empresas. (http://es.wikipedia.org/wiki/Lema) 20 Por idea directriz se entiende a la intención subyacente en la composición de comunicar algo en específico. Es el concepto a manifestar

a través de la obra.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

56

Sintaxis del campo compositivo. Al realizar una composición estamos pasando del caos al orden y del orden al caos, en una dualidad que busca nuevas formas de expresión en su transformación constante. Esto implica a final de cuentas un manejo de fuerzas o energías que subyacen en toda estructuración. Podemos hablar así de tres tipos o clases compositivas: estáticas (equilibro, estabilidad), dinámicas (tensión, movimiento) y compensación de pesos visuales (equilibrio simétrico y tensión); esto tiene mucho que ver con los criterios de equilibrio, tensión y ambigüedad. En el campo compositivo se dice que los elementos de diseño están en equilibrio cuando dentro de una composición 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 atracción muy poderosa. Sin embargo es importante que en una composición exista un punto focal que atrape la atención 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 simetría especular o bien a partir de una compensación en donde la idea de contrapeso visual se hace presente. Por otro lado, cuando los elementos que componen un diseño están fuera de los ejes de equilibrio se da una sensación de inestabilidad o bien e presenta una zona de alta atracción o tensión visual. Esta tensión o fuerza de atracción puede tener diferentes intensidades apoyadas por las características de la forma (figura, tamaño, color y textura) o por las relaciones de dirección, posición espacio y gravedad que se generen en la imagen. Dos casos de la composición dinámica, son: la composición en espiral (una línea en espiral dirige la fuerza vital hacia el centro del cuadro. Este tipo de composición alude al sentido de profundidad y movimiento al infinito) y la composición polifónica (los elementos compositivos son desarrollados simultáneamente y se compenetran entre sí gracias a sus semejanzas o diferencias de forma, color, valor, posición o dirección. En este tipo de composición los elementos adquieren carácter de “voces” o “sonidos” que articulados entre sí generan armonía, tal como sucede con los diferentes instrumentos de una sinfonía).

La ambigüedad en una composición se da cuando no se define con claridad la estrategia del manejo de las energías compositivas. El manejo de la imagen puede ser armónica o contrastante, atractiva o repulsiva, integrada o desintegrada, en equilibrio o tensión. No se alcanza a determinar si algo está en tensión o no, si es dinámico o estático, o bien cual es ka parte de mayor importancia dentro de la composición. Es conveniente evitar la ambigüedad visual ya que de lo contrario el resultado podría ser desagradable e inadecuado. En los tres casos se generar implícitamente un movimiento, entendido como el cambio de posición o situación. (Pequeño Larousse Ilustrado, 2000)

Todo movimiento involucra cierto ritmo. El ritmo es la sucesión y la armonía de los valores visuales; son movimientos y velocidades sugeridos, similares a los desarrollos melódicos. Así, se puede hacer mención de que el ritmo se coordina con el movimiento, la lógica y la proporción. El ritmo puede ser libre o constante y se genera mediante la manipulación de las direcciones de los elementos y de los espacios entre ellos. La ley del ritmo involucra conceptos tales como simetría y densidad. Simetría: Es el equilibrio de energías o fuerzas contrastantes y puede ser de tipo: lineal (tiene un mismo elemento en una línea, repetición constante en traslación o rotación), alternada (sucesión de dos o más elementos cuyos períodos pueden ser simples o compuestos), bilateral (simetría especular) y radial (su disposición 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 más importante que los demás) y modulada (existen diferentes pesos; hay elementos que tienen más peso que otros).

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

57

Simetría, movimiento y ritmo

Simetría, movimiento y ritmo

Representación movimiento

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

58

Representación ritmo

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

59

Polifonía

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

60

7. TIPOGRAFÍA DIGITAL En la tipografía digital, el tipo carece de una existencia física propiamente dicha, y sólo 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, película o directamente a una placa o un cilindro de presión digital para impresión offset o xerográfica. Así, una fuente digital se define como un conjunto o surtido completo de letras y signos tipográficos de una clase o tipo determinados, en un tamaño 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 tamaño. Sin embargo, las fuentes vienen en varios formatos21 y traen muchas variaciones. Existen fundamentalmente dos tipos de fuentes tipográficas en los medios digitales, independientemente de la plataforma en que se trabaje, que son: Postcript Es un lenguaje de computación que describe todos los elementos de una página: textos, logotipos, imágenes, etc. Y es el estándar en los medios de edición 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 impresión (outline). Fuentes de pantalla: Consisten en una serie de dibujos(mapas de bits) de todos los elementos del alfabeto (letras minúsculas y mayúsculas, números y símbolos) a tamaños fijos que están formados por puntos o pixeles. Comúnmente 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 tamaño entonces el sistema emplea la de tamaño más cercano ampliándola lo necesario. Esto trae consigo que la apariencia no sea tan buena mostrando bordes dentados.

pixeles

Fuentes de impresión: Se almacenan en la fotocomponedora o bien en el disco duro de la máquina para enviarse a la impresora cuando un documento así lo requiere. Estas fuentes son en realidad pequeños programas en Postcript que generan todos los elementos de una fuente a cualquier tamaño para ser impresos.

Vectores (Postcript)

21 True Type y Post Script, así como nuevos formatos Open Type y Uncode, prometen añadir cientos de nuevos caracteres especiales a

las fuentes (desde viñetas y símbolos de copyright, hasta caracteres extranjeros o símbolos muy específicos); desafortunadamente no existe un conjunto constante de caracteres especiales con los que puede contar al cambiar de una fuente a otra. Cuanto más reciente es una fuente será más probable que tenga una mayor variedad de caracteres especiales.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

61

TrueType En este tipo de fuentes se mantienen los dos tipos de información pero un solo archivo, por lo que su manejo es más sencillo.

MAC PC Cabe aclarar que aún cuando las fuentes pueden encontrarse en cualquiera de estos dos formatos, y aún, se puedan llamar igual, existen pequeñas diferencias entre los distintos fabricantes, por lo que hay que proveer al buró de servicios con la fuente que se haya utilizado.

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

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

62

Las fuentes tanto de pantalla como de impresión 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 impresión están disponibles para ser enviadas a la impresora.

Fuentes para salida a pantalla (monitor)22 La adecuada implementación de tipografía en un diseño destinado a una salida a monitor resulta del equilibrio e interacción 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 tipografía juega un doble papel: verbal y visual. Cuando un lector visualiza una pantalla primero reconoce el esquema gráfico general de la página y después empieza a analizar el lenguaje para leerlo. Con una buena selección de tipografía se puede establecer una jerarquía visual que facilite la lectura al proporcionar tanto interrupciones visuales como énfasis gráficos que ayuden al lector a entender la relación entre el texto y la imagen, entre los titulares y los bloques de texto subordinados. Además, cada tipografía seleccionada aporta un carácter propio al espacio virtual, lo cual ayuda a crear una armonía entre los flujos verbal y visual de los contenidos. Cuando el contenido es en gran parte textual, la tipografía se convierte en la herramienta que utilizamos para "pintar" el esquema organizativo de la página, el cual ayuda a mejorar la organización de la información y a incrementar la legibilidad.

22 Multimedia e Internet.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

63

www.wpp.com Los márgenes 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, además de aportar una incuestionable tranquilidad y atractivo visual al añadir contraste entre el espacio positivo (texto) y el negativo (espacios en blanco).

typospace.drikka.net.com

Los bloques de texto pueden asentarse entre los márgenes de distintas formas. Un texto puede estar alineado a la izquierda, a la derecha, centrado o justificado.

Figura 3.17 Alineaciones de texto

El texto justificado se alinea tanto a la izquierda como a la derecha creando rectángulos de texto sólido, los cuales se consiguen mediante un espaciado de palabras muy rígido que genera una pérdida de calidad. Los bloques centrados y justificados a la derecha resultan de lectura incómoda. Leemos de izquierda a derecha, anclando nuestro viaje a través de la página en línea vertical del margen izquierdo. Los márgenes desiguales que se producen con la opción de centrar texto o justificarlo a la derecha hacen que la visualización sea mucho más compleja, pues el lector debe rastrear y buscar el origen de cada línea de texto.

El contraste es fundamental. El equilibrio y organización general de los elementos de una página es esencial si se desea atraer al usuario hacia los contenidos. Una página con sólo texto genera una masa gris y monótona, si claves.

El contraste es fundamental. El

equilibrio y organización general de los elementos de

una página es esencial si se desea atraer al

usuario hacia los contenidos. Una

página con sólo texto genera una masa gris y monótona, si claves.

El contraste es fundamental. El

equilibrio y organización general de los elementos de

una página es esencial si se desea atraer al

usuario hacia los contenidos. Una

página con sólo texto genera una masa gris y

monótona, si claves.

El contraste es fundamental. El equilibrio y organización general de los elementos de una página es esencial si se desea atraer al usuario hacia los contenidos. Una página con sólo texto genera una masa gris y monótona, si claves.

justificado centrado derecha izquierda

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

64

El texto justificado a la izquierda es la opción más viable, pues el margen izquierdo es constante, reglado y predecible. Esta justificación no ajusta el espacio entre palabras y las arbitrariedades del texto se acumulan al final de cada línea. Además, el margen desigual de la derecha puede aportar variedad e interés a la página, sin restar capacidad de lectura.

Los titulares y encabezados en textos justificados a la izquierda deberían alinearse también a la izquierda. Los encabezados centrados funcionan muy bien con los textos justificados, pero este tipo de justificación no es muy recomendado. Las letras de un titular centrado contrastan con la asimetría del margen derecho y generan una página poco equilibrada. En la mayoría de los casos para el cuerpo de texto y los encabezados el uso de la justificación a la izquierda resulta la mejor opción para la composición de página. A pesar de que las reglas tipográficas básicas son las mismas tanto para documentos impresos como para los electrónicos, las características de la tipografía en pantalla son sustancialmente distintas. La lectura de un texto en la pantalla de una computadora resulta difícil en comparación de un impreso, debido a la baja resolución que ofrecen los monitores. La pantalla reproduce las fuentes a una resolución23 muy inferior a la que se encuentra en cualquier impreso.

Tipografía impresión láser = 1200 puntos por pulgada o más Tipografía en pantalla = no más de 72 puntos por pulgada

Además, la zona útil de una pantalla típica es menor que la mayoría de las páginas impresas, limitando la información que se puede mostrar sin forzar a utilizar las barras de desplazamiento. Las líneas de texto no deben de ser demasiado largas, pues esto hace muy incómoda 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 línea siguiente. Así, se ve que el uso de líneas con longitudes moderadas incrementa significativamente la capacidad de lectura de un texto. Una de las maneras de potencializar la funcionalidad y legibilidad de una composición es el uso de columnas. La columna izquierda más estrecha favorece a la composición por dos cuestiones: por un lado proporciona flexibilidad en espacio para posibles variaciones en la composición y por otro delimita la columna de texto principal a longitudes de línea más confortables.

www.sundancechannel.com

Por otra parte, la distancia entre la línea base de un renglón de texto hasta la línea 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 Según Andrés Suárez (2003), la resolución de pantalla (r. de dispositivo), no es más que a la cantidad de pixeles por unidad de medida

lineal estándar que son desplegados por un monitor, expresada en pixeles por pulgadas.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

65

encontrar la línea siguiente, mientras que si es demasiado pequeño lo confunde al interpolar los extremos superiores de las palabras que conforman una línea con los inferiores de la línea anterior. Así se observa que, el éxito de la implementación de tipografía 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 tipográfico aporta estructura a la información y añade variedad visual, lo cual facilita el acceso a los contenidos por parte del lector. La tipografía tradicional posee herramientas efectivas para añadir énfasis a un bloque de texto, pero hay que utilizarlas siempre mesuradamente. Elementos de énfasis tipográfico:

° 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 (títulos, 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 títulos 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, además de que en la web el subrayado tiene una función y un significado especiales, siendo éste el de identificar a los hipervínculos.

° A pesar de que el color es una opción más 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 podría intentar dar clic sobre él. De todas formas es muy apropiado cuando se utiliza sutilmente para distinguir titulares de una sección como color del cuerpo base de texto, solamente evitando los colores por default de enlace (azul y morado).

° Una de las formas más 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 más grandes, se puede añadir espacio detrás para diferenciarlo del texto siguiente. Por otro lado, el uso de sangrías es eficaz para diferenciar las listas, citas o ejemplos de texto.

° El texto en mayúsculas es uno de los métodos más utilizados y menos efectivos en la voluntad de poner énfasis tipográfico a un texto. Las palabras en mayúsculas forman una sucesión monótona de rectángulos, sin un resalte. Para leer un bloque de texto en mayúsculas ú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 más lento el proceso.

La característica diferencial de la tipografía en pantalla tal vez sea su variabilidad. El texto se reconstruye sobre la base de una interacción 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 estén determinadas preferencias particulares de cada usuario.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

66

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 máquina 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 cuál de ellas resulta más cómoda para leer en pantalla, si una de tipo lineal o no lineal. Pero en realidad, tan sólo 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 más que otras. Tipografías como la Verdana o la Georgia fueron diseñadas especialmente para facilitar la lectura en pantalla Tienen una altura x engrandecida y, comparadas con tipografías más tradicionales, su tamaño es mucho mayor para una misma dimensión en puntos. Estas fuentes aportan una mayor legibilidad a páginas web que se diseñan para ser directamente leídas en pantalla.

Por razones estéticas se puede mostrar el texto como representación gráfica en lugar de trabajar directamente con fuentes del sistema, lo que significará conocer las características de una imagen digital. Se recomienda utilizar texto convertido a imagen sólo cuando no pueda aislarse la tipografía de los elementos gráficos o sea imprescindible el tratamiento del texto con algún efecto visual. El único inconveniente será que el texto al convertirse a imagen adquirirá determinadas características en cuanto a peso, tamaño y posición, dificultando en algunos casos su despliegue en pantalla.25

24 En este sentido, uno de los problemas a los que se enfrenta el diseñador de ambientes virtuales es la posibilidad de generar espacios

que presenten las mismas características en todas las plataformas o sistemas operativos en los que se implemente. Para solucionar ese problema, hay que hacer uso de las fuentes básicas que contienen todos los sistemas (MAC, PC, UNIX) por default. Esto limita el trabajo de diseño pero es mejor condicionar el trabajo a destinarlo a que sólo una minoría 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.

25 Generalmente se conoce como imagen digital a todas aquellas imágenes que son introducidas o creadas mediante una computadora, basándose en el principio del código binario. La imagen está dividida en una malla o rejilla finita de pequeños puntos conocidos como pixeles; a cada pixel le corresponde una combinación de 0´s y 1´s, y cada combinación define un color determinado. Así, la sucesión de pixeles con determinada información dará la apariencia de una imagen.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

67

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

68

REFERENCIAS BIBLIOGRÁFICAS ACOSTA, Orlando y GARCÍA, Luis Alberto. Fuentes. Exposición Laboratorio de Realización I. UAM-Azc.

México, 2003. Anatomía de la letra. (en línea) http://www.unostiposduros.com/paginas/traba1.html BAINES, Phil y HASLAM Andrew. Tipografía. Función, forma y diseño. Gustavo Gili. 2002. BUITRÓN, Marcela. Consideraciones para el diseño de interfaces gráficas de usuario en

ambientes virtuales educativos. Tesis para la obtención del grado de maestra en Diseño. UAM-Azc, México, 2004.

DE BUEN, Jorge. Manual de Diseño Editorial. Ed. Santillana. México, 2000. Diseño gráfico, evolución y tendencias. La tipografía y su evolución. (en línea)

http://www.fotonostra.com/grafico/partescaracter.htm DONDIS, D.A.. La sintaxis de la imagen. Ed. GG Diseño. Barcelona, 1995. Elegir los tipos. Manual de diseño editorial. Typephases Design. 2005 (en línea)

http://platea.cnice.mecd.es/~jmas/manual/html/elegir_los_tipos.html ENCICLOGRÁFICA. Diccionario de términos de Arte y Diseño (en línea)

http://www.sitographics.com/dicciona/t.html GRUMAN, Galen. La biblia de Adobe InDesign. Anaya multimedia. 1999. HUGHES, Rose Marie. La evolución del alfabeto. Introducción al arte de la caligrafía. UAM-Xochimilco.

México, 1992. KUNZ, Willi. Tipografía: macro y microestética. Ed. GG. Barcelona, 2002. LARRAÑAGA, Mariana. De la Letra a la Página. Colección Procesos No. 59. UAM-AZC. México, 1993. LEAL, Luisa. Treita siglos de tipos y letras. Universidad Autónoma Metropolitana – AZC / Tilde. México,

1990. Lo esencial de la preprensa electrónica No. 4. Principios de Tipografía y manejo de fuentes.

Graphic Arts Technical Fundation. 1996. LÓPEZ BRACHO, R., ZARAGOZA, A. Características formales de la LETRA. Primer curso de

tipografía. UAM-Azcapotzalco. México, 2003. LYNCH, Patrick y Horton Sarah. Principios de diseño básicos para la creación de sitios web.

Gustavo Gili. 2000. MEJÍA, Beatriz. Tipografía. Apuntes de clase. UAM-Azcapotzalco. México, 2004. MARTÍNEZ, Juan. Fundamentos de tipometría (en línea)

http://www.juanval.net/fundamentos_tipometr%EDa.htm Martínez Meave, Gabriel. Historia de las letras y la Tipografía. Revista Matiz. No. 9. 1997. Moreno, Luciano. Tipografía y diseño. DesarrolloWeb.com (en línea)

http://www.desarrolloweb.com/articulos/1691.php?manual=47 MUNARI, Bruno. Diseño y comunicación visual. Ed. GG Diseño. Barcelona, 1985. RUDEL, Emil. Manual de diseño tipográfico. Ed. GG. Barcelona, 1992. Scott, Robert. Fundamentos del Diseño. Ed. Limusa. México, 1995. SUÁREZ, Andrés. Apuntes sobre preprensa. México, 2003 (en línea)

http://usuarios.lycos.es/elmercadomexico/ TUBARO, Antonio, et al. Tipografía. Estudios e investigaciones. Universidad de Palermo. Librería Técnica

CP67. VARGAS, Georgina. Fundamentos de tipografía (apuntes de clase). UAM-AZC. México, 2004. ______, et al. Fundamentos del Diseño Bidimensional. Colección Procesos, No. 82, UAM-AZC. México,

1997. WILLBERG, H. Peter. Primeros auxilios en tipografía. Ed. GG. Barcelona, 2002. WONG, Wicius. Fundamentos de Diseño. Ed. GG Diseño. Barcelona, 2001.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

69

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

70

ANEXO: Historia de las letras y la Tipografía (1) (II) y (III)

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

71

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

72

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

73

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

74

ANEXO: FUNDAMENTOS PARA EL DISEÑO DE LA CAJA TIPOGRÁFICA CAJA TIPOGRÁFICA Este término es utilizado sólo en el ámbito de los medios impresos; hace alusión al marco de una página que encierra la información, los títulos y las imágenes (es equivalente a los márgenes de un cuaderno). A partir de la caja tipográfica se diseña, 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 márgenes y retículas convenientes para ello. MÁRGENES Son los espacios en blanco que quedan en cada uno de los cuatro lados de una página impresa.

Márgenes La mancha siempre queda rodeada de una zona de blancos, de un lado por motivos técnicos (el corte de las páginas varia normalmente entre 2 y 5 mm. por lo que se recomienda no dejar una muy pequeña anchura de los márgenes evitando que el texto quede cortado) y de otro lado por motivos estéticos (unos blancos bien proporcionados pueden acrecentar el goce de leer). Cuanto mayor sea el blanco menos podrá afectar una imprecisión técnica a la impresión global de una página bien configurada. Además, los márgenes en su conjunto deben tener una adecuada relación entre sus proporciones, ya que esto tiene una gran influencia en la impresión óptica que da la página al lector; si son demasiado pequeños la página se siente saturada y si son demasiado grandes surge una sensación de desperdicio. Existen diversos tipos de distribución de blancos en una página, siendo el sistema clásico, el método de la diagonal, el sistema ternario y la proporción 3:4, los más utilizados.

lom

o

cabeza

pie

cort

e

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

75

Reglas fundamentales para el diseño de la caja tipográfica

Márgenes áureos

Método de la diagonal

Sistema ternario

Composición 3:4

RETÍCULA Subdivisión de una superficie en espacios o campos más reducidos a modo de reja, que sirve para la distribución de los elementos en el campo compositivo, según ciertos criterios objetivos y funcionales. La retícula es la división geométrica de un área en columnas, espacios y márgenes medidos con precisión.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

76

Sistema reticular

Con esta parcelación en campos reticulares pueden ordenarse mejor los elementos de la configuración (tipografía, fotografía, ilustración y colores), favoreciendo la credibilidad de la información, así como su fácil asimilación y lectura.

Para la construcción de una retícula deben tomarse en cuenta ciertos aspectos como: estilo y tamaño de la tipografía, interlineado, anchura de las columnas, márgenes, las imágenes, títulos y subtítulos, etc., todos ellos con el fin de organizar de manera armónica, funcional y estética una página. La construcción de las retículas no solo se limita a la distribución de los márgenes, sino también la distribución del texto para lo cual serán determinantes la relación de la anchura y altura de la mancha. Los campos de una retícula pueden tener las mismas dimensiones26 o no. Su altura corresponde a un número determinado de líneas de texto, mientras que su anchura es idéntica a la de las columnas.

26 Las dimensiones de la altura y anchura se indican con medidas tipográficas (punto, pica, cícero).

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

77

Los campos se separan unos de otros por un espacio intermedio (intercampos) con objeto, por un lado de que las imágenes 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 más líneas: la distancia horizontal es función del tamaño de los tipos de letra y de las ilustraciones. La anchura de las columnas influye en el tamaño de la letra a utilizar. Cuanto más estrecha es la columna mas pequeña será, normalmente, la letra. Un método para encontrar una mancha adecuada es el siguiente:

1. Se diseña la mancha a escala 1:1 en la altura y anchura más favorable, tanto en el aspecto funcional como en el estético.

2. Se divide la mancha en dos, tres o más columnas. En el caso de dos columnas, por ej., se divide verticalmente la mancha en dos partes que distingue mediante un espacio intermedio.

3. Ahora se divide horizontalmente las columnas en 2, 3 o mas campos, que en este momento aún están separados por una sola línea.

4. 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 interlínea de 3 pt. da la imagen y legibilidad deseadas, entonces controla la altura de los campos y examina cuantas líneas de 10 pt. de letra pueden entrar en un campo. La mayoría de las veces se debe adaptar la altura del campo a la de un determinado número de líneas del texto, por ende los campos aumentarán o disminuirán un poco.

5. Los campos proyectados para los gráficos se encuentran todavía unos sobre otros, separados sólo por una línea Para que no se toquen hay que separarlos por una línea vacía o por varias. Cuando en una columna, por ej., dos campos están uno sobre otro y los separamos con una línea vacía tenemos entonces en una columna el número de líneas que pueden colocarse en ambos campos mas la línea que hemos incorporado la vacía. Con tres campos se necesitan para 2 separaciones = 2 líneas vacías, con cuatro campos son tres líneas vacías, etc.

El número de divisiones es prácticamente ilimitado, sin embargo hay que considerarse cuantas columnas deba tener cada composición.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

78

A manera de conclusión, recordemos que los márgenes son los espacios en blanco que enmarcan a la mancha de texto, existiendo varios métodos para la distribución de los márgenes en la página. Sin embargo sin importar el método es importante tomar en cuenta algunos aspectos:

la superficie de bloque de texto ha de estar siempre en relación a la superficie de la página de papel. La justificación del texto (Tamaño de la línea) debe estar proporcionada con la profundidad de la galera. El folio forma parte siempre parte del margen El corte o refine de las páginas impresas varía normalmente entre 2 y 5 mm. Los márgenes es su conjunto deben tener una adecuada proporción entre ellos. Los márgenes deben aumentar gradualmente en este orden: lomo, cabeza, corte y pie. El método más usual y que podemos considerar como regla general es: Dar al lomo la mitad del margen de corte, a la cabeza una mitad más que al lomo, y al pie aproximadamente el doble que a la cabeza. Queda una relación 2:3:4:6 Los diversos métodos de distribución de texto y márgenes tienen en común un detalle: la diagonal del rectángulo del texto coincide con la diagonal del papel; garantizando la armonía de la página

REFERENCIAS BIBLIOGRÁFICAS Estos apuntes son el resultado de la compilación de los siguientes textos: Biblioteca Virtual. Banco de la República. Colombia (en línea)

http://www.lablaa.org/ayudadetareas/periodismo/per17.htm De Buen, Jorge. Manual de Diseño Editorial. Editorial Santillana. México, 2000. Larrañaga, Mariana. De la Letra a la Página. Colección Procesos No. 59. UAM-AZC. México, 1993. Müller-Brockman, Josef. Sistemas de retículas. Ed. GG Diseño, Barcelona, 1982. Vargas, Georgina, et al. Fundamentos del Diseño Bidimensional. Colección Procesos, No. 82, UAM-AZC.

México, 1997. Vázquez Montero José. Introducción a la Producción Gráfica. Apuntes de clase. UAM-AZC, 2004.

La letra. Principios básicos de tipografía Expresión del Diseño Gráfico I Mtra. Marcela E. Buitrón de la Torre

79