Introducción A La Tipografía
Introducción A La Tipografía
Introducción A La Tipografía
a la tipografía
Tipos de fuentes
• PC
• Mac
• Tipos de fuentes
– TrueType. Creadas por Microsoft, son las que siempre ha habido en los
sistemas Windows. La misma fuente TrueType no vale para PC y para MAC. Las
fuentes se instalan directamente en el sistema operativo sin necesidad de
tener ningún otro programa.
– Fuentes PostScript. Fueron las primeras fuentes y su fabricante es Adobe.
Tienen el incoveniente de que hasta hace poco necesitaban un programa
específico en el ordenador (tanto en MAC como en PC) que era Adobe Type
Manager. Son también llamadas tipo 1.
– Fuentes OpenType. Han sido creadas por Microsoft y Adobe. No necesitan
ningún programa adicional para funcionar ni en Mac ni en PC y su mayor
interés es que la misma fuente, el mismo archivo, se puede instalar en Mac y
en PC con los mismos resultados. Estas fuentes hacen posible la total
compatibilidad entre Mac y PC. Otra caracteristica de estas fuentes es que
tienen mas de 256 caracteres, pueden tener hasta 65536.
Instalación de fuentes
• Windows
– En sistema operativo Windows XP, cualquier fuente puede
ser instalada copiandose a la carpeta C:\Windows\Fonts
– En un sistema operativo anterior a Windows XP, las fuentes
PostScript no se pueden instalar copiandolas en la carpeta
Fonts, necesitamos Adobe Type Manager. (Programa de
Adobe).
– Nota: Ojo con tener dos fuentes con el mismo nombre y de
distinto tipo (truetype, opentype…) Si ocurre esto no
sabremos cual de las fuentes utiliza nuestro trabajo.
Instalación de fuentes en Mac
• En sistema operativo Mac OS X, cualquier fuente puede ser
instalada copiandose a la carpeta library/fonts general o en la
carpeta library/fonts de cada usuario.
• En un sistema operativo anterior a Mac OS X, sistema 9, las
fuentes PostScript no se pueden instalar copiandolas en la
carpeta library/fonts, necesitamos Adobe Type Manager.
(Programa de Adobe).
• Nota: Ojo con tener dos fuentes con el mismo nombre y de
distinto tipo (truetype, opentype…) Si ocurre esto no
sabremos cual de las fuentes utiliza nuestro trabajo.
Adobe: Otra carpeta para las fuentes
• En Windows existe una carpeta: C:\Archivos
de programa\Archivos comunes\Adobe que es
donde se instalan las fuentes usadas por los
programas de Adobe. Estas fuentes solo están
disponibles en los programas Adobe. Si las
queremos utilizar en el resto de programas las
copiamos y las pegamos en Windows/Fonts.
Primera clasificación
• Dos tipos
– Con serif, con remate
– Sin serif, sin remate, de palo seco
Gestores de fuentes
• Son programas que sirven para activar y
desactivar fuentes. De esta manera cuando
trabajo con un cliente activo las fuentes
correspondientes y el resto están desactivadas
para que no ocupen memoria.
• Algunos ejemplos
– ATM. Adobe Type Manager.
– Extensis Suitcase
De la imagen al texto
– El alfabeto nace como una evolución de la
representación gráfica e icónica.
• Nace como necesidad de una constancia
documental de tratos comerciales y de
derechos de propiedad.
De la imagen al texto
• Factor lingüístico y factor gráfico
De la imagen al texto
• Hay una evolución progresiva en la esquematización
y simplificación de las formas.
De la imagen al texto
• Ejemplo de evolución de los
distintos signos
• Corresponden a los alfabetos:
– Fenicio
– Griego antiguo
– Griego clásico
– Etrusco
– Latino antiguo
– Latino clásico
Evolución de la tipografía
• El factor tonal: modulación de los caracteres, que se
entienden como un todo.
• Tipografía monumental romana, exige un diseño
previo diferente al de los usos comerciales.
• Nuevos materiales y nuevas necesidades: el ‘ductus’.
Nacimiento de la cursiva.
• Aparecen los valores caligráficos: inclinación y
modulación.
Anatomía del tipo
• Principio de coherencia y legibilidad
• Divisiones y clasificaciones: familias, fuentes
y tipos.
• Líneas de referencia
Anatomía
del tipo
• Partes y elementos:
– Asta
– Brazo
– Hombro
– Ascendente
– Descendente
– Cruz o travesaño
– Cola
– Filete o perfil
– Panza o bucle
– Arco
– Ojo superior
– Cuello
– Ojo inferior
Anatomía del tipo
• Remates: tipos
• Más elementos:
– Espolón
– Lágrima
– Gancho de cabeza
– Vértice
Anatomía del tipo
• Variaciones de la estructura:
– Mayúscula
– Versalita
– Cursiva
– Negrita
– Fuentes condensadas
– Fuentes expandidas
Anatomía del tipo
• Modulación del trazo
• Tendencia geométrica y tendencia humanística
Clasificación
tipográfica
• Clasificación de
Maximilien Vox
Clasificación tipográfica
• Romanas:
• Modulación visible de los trazos
• Trazos acabados en remates
– Antiguas
– De transición
– Moderna
– De lectura
– Atípicas
Clasificación tipográfica
• Romanas: Antiguas
– Modulación inclinada de trazo quebrada
– Remates ligeramente desproporcionados
Clasificación tipográfica
• Romanas: De transición
– Modulación inclinada de trazo redondeado
– Remates proporcionados
Clasificación tipográfica
• Romanas: Modernas
– Modulación axial y de acentuado contraste entre los trazos
finos y gruesos
Clasificación tipográfica
• Romanas: De lectura
– Ligero ensanchamiento del ojo medio con contrapuntos
abiertos.
Clasificación tipográfica
• Romanas: Atípicas
– Cualquier romana con una interpretación muy libre de los
elementos fijos y variables. Prima su aspecto visual.
Clasificación tipográfica
• Egipcias:
• Modulación tendente a la uniformidad
• Engrosamiento del trazo
• Visible aumento del tamaño de los remates
– Suaves
– Duras
Clasificación tipográfica
• Egipcias: Suaves
– Modulación visible
– Punto de enlace suave
Clasificación tipográfica
• Egipcias: Duras
– Tendencia a la uniformidad del trazo
– Punto de enlace duro
Clasificación tipográfica
• Incisas:
• Híbridas
– Ausencia de modulación
– Utilización de remates
• Incisas
– Trazo modulado
– Remates insinuados
Clasificación tipográfica
• De palo seco:
• Ausencia de modulación
• Ausencia de remates
– Grotescas
– Humanistas
– Neogrotescas
– Geométricas
Clasificación tipográfica
• De palo seco: Grotescas
– Trazo homogéneo y ausencia de remates
– Caracteres estrechos
Clasificación tipográfica
• De palo seco: Humanistas
– Persistencia de la modulación del trazo
– Ausencia de remates
Clasificación tipográfica
• De palo seco: Neogrotescas
– Ausencia de modulación y de remates
– Estructura humanística del carácter
Clasificación tipográfica
• De palo seco: Geométricas
– Ausencia de modulación y de remates
– Estructura geométrica del carácter
Clasificación tipográfica
• De escritura
• Imitación del trazado manual
• Pueden tener los caracteres enlazados o sueltos
Clasificación tipográfica
• De fantasía
• Reinterpretación, fuera de toda norma, de los
elementos fijos e incorporación de elementos
variables de diversa naturaleza.
Clasificación tipográfica:
algunos ejemplos
Clasificación tipográfica:
algunos ejemplos
Clasificación tipográfica:
algunos ejemplos
Clasificación tipográfica:
algunos ejemplos
Tipometría
• Partes del tipo:
– Hombro
– Ojo
– Talud o prosa
– Altura
– Cran
– Grosor
– Cuerpo
Tipometría
• Medidas tipográficas:
– Cíceros. El sistema Didot
– Picas
– Puntos
• Diferencia entre puntos Didot y puntos
tipográficos.
• El tipómetro
Tipometría
• El cuadratín
– Uso
– Espacio M
– Espacio N
• Tipos de espacio
– Divisibles
– Indivisibles. No permiten que se parta la línea en
el espacio. Por ejemplo: Carlos V
Composición tipográfica
• Color tipográfico:
– Ojo medio
– Cuerpo
– Interlineado
• Medida óptima de línea. Como calcularla.
Composición tipográfica
• Alineación justificada:
– Espaciado y partición
• Composición no justificada:
– Longitud de línea y diferencia entre líneas
• Composición centrada
Normas para crear una bandera
• Las líneas no pueden ser cada vez más cortas
• No puede haber pares de líneas repetidos
• No se suelen poner guiones en la alineación a
la izquierda (bandera)
• No puede haber una diferencia excesiva entre
las líneas
Composición tipográfica
• Recorridos y arracadas:
– Espaciado
– Flujo de lectura del texto
• Capitulares:
– Alta
– En arracada
– Recorrida
Estética tipográfica
• Líneas viudas y huérfanas
• Track
• Kern
• Alineación óptica