Tipografia Final
Tipografia Final
Tipografia Final
Tipografía
¿Tipografía o Fuente?
x x x x x x x x
x x x x x x x x
x x x x x x x x
Tamaño
! Altura:
! El sistema de puntos es el sistema estándar hoy en día. Un
punto equivale a 0,35mm.
! Actualmente también puede medirse en pulgadas,
milímetros o píxeles.
! Anchura:
! La anchura del carácter es el cuerpo de la letra más una
franja espacial que la protege de otras letras.
! El ancho de los caracteres de un tipo puede modificarse
jugando con su escala vertical y horizontal. Esto distorsiona
el peso lineal de las letras. Es mejor escoger un tipo de letra
que ya tenga las proporciones que buscas.
Tamaño
! El diseñador gráfico
selecciona el estilo
basándose en el
contexto.
Clasificación
! Cursivas (o Script)
! Decorativas (o Graphic)
Clasificación
Nn Nn
Con Serif (Roman) Sin Serif (Paloseco)
Nn N n
Clasificación
Tipografías Clásicas
Tipografías Clásicas
Tipografías Clásicas
Tipografías Clásicas
Tipografías Clásicas
Tipografías Clásicas
Tipografías Con Serif (Romanas)
! Bembo
! Garamond
! Bodoni
! Minion
! Mrs Eaves
! Clarendon
! Rockwell
! Gill Sans
! Diseñada por Eric Gill en 1926. Gill Sans es una de las fuentes más
utilizadas en materia de Diseño Gráfico. Se trata de una tipografía
muy legible, con una alta dosis de originalidad y una personalidad
muy moderna.
Tipografías Sin Serif (Humanísticas)
! Optima
! Frutiger
! Myriad
! News Gothic
! Una de las tipografías más populares del mundo. Fue creada por el
diseñador suizo Max Miedinger bajo el encargo de Edouard Hoffmann, de
la Fundición Hass en 1957. La Helvética es una tipografía con una alta
legibilidad y eficacia en todo tipo de situaciones y fue gracias a ella, por la
que Max Miedinger pasó a la historia de la tipografía.
Tipografías Sin Serif (Grotescas)
! Univers (Neogrotesca)
! Rotis (Neogrotesca)
! Futura
! Avant Garde
! VAG Rounded
! Avenir
"#$%&'()*+,-./0123456789⌧;<=>?@ABCDEFG
!"#$%&'(012345)6789*+,-./0123456789:;<
!"#$%&'()*+,-.ñ/0123▹56789:;<=>?@ABCDE
Mapa de Caracteres
! Intentaleerunalíneasinespaciadoparaverloimportantequees
! Menos es más.
! http://type.method.ac
Resumen: Tracking o Kerning
Interlineado
! Alineación a la derecha:
! Puede suponer una agradable ruptura de lo habitual.
También puede molestar al lector.
! Corren el mismo riesgo que la alineación a la
izquierda.
! Los signos de puntuación pueden debilitar el margen
derecho.
Alineación
! Alineación centrada:
! Es formal y clásico.
! Si se usa sin cuidado, un texto centrado
puede parecer monótono y triste, como una
lápida.
! En la mayoría de los casos el texto debe
partirse para combinar líneas cortas y largas.
! Alineación justificada:
! Crea una forma limpia en la página.
! Su uso eficiente del espacio hace que
este sea el patrón para periódicos y
libros.
! Pueden aparecer huecos (calles)
indeseables. Una columna demasiado
estrecha se llenará de huecos.
Alineación
! A veces los diseñadores emplean las formas clásicas de
alineación de un modo que enfatice sus cualidades visuales.
! La combinación de formas de alineación distintas puede
generar composiciones dinámicas y sorprendentes.
House of leaves.
Autor: Mark Z. Danielewski
Texto en vertical
! Las letras romanas están diseñadas para componerse
unas junto a otras, no unas encima de otras.
! Las diferentes anchuras de los caracteres hace que la
columna parezca frágil.
! Más fácil con letras en caja alta, más parecidas entre sí.
! Algunos ejemplos:
! Sangría y salto de línea.
! Sangría negativa y salto de línea.
! Espacio extra dentro de la línea, sin salto de línea.
! Salto de línea y ½ espacio de línea (espacio entre párrafos)
! Símbolo, sin sangría ni salto de línea.
Ejemplos: Marcar los Párrafos
Sangría y salto de línea. Sangría negativa y salto de línea Espacio extra dentro de la línea,
sin salto de línea.
Salto de línea y ½ espacio de línea. Símbolo, sin sangría ni salto de línea. Delito tipográfico.
Demasiadas marcas.
Jerarquía
! Sirve para la organización del contenido y destaca algunos
elementos por encima de otros.
JERARQUÍA
DEMASIADAS MARCAS.
(Negrita, cursiva, caja alta, subrayado)
Un solo recurso es suficiente.
Jerarquía
! Los contenidos complejos precisan una jerarquía con
muchos niveles.
! Por ejemplo:
! Los que están destinados a dejar suficiente espacio para que una
máquina impresora pueda pinzar el papel.
! O bien para que el usuario pueda coger el libro sin tapar el
contenido con sus dedos.