MANUAL DE TIPOGRAFIA Y DIAGRAMACION PARA DISENADORES, EDITORES Y AFICIONADOS.
El siguiente es un manual tipográfico elaborado con el propósito de facilitar información resumida pero puntual acerca de la tipografía y diagramación, muy útil para diseñadores sensibles al desarrollo de tipografías o principiantes de la industria del diseño. Es mi más sincero deseo que disfrute del contenido de este documento, donde encontrará temas como Conceptos Básicos,Trabajo con Fuentes, Construccion Tipográfica y Principios de Diagramación; y sería aún más satisfactorio si los aplicara sin importar si el que lo lee fuese un profesional o un aficionado al tema
¿Qué es tipografía? La tipografía es el oficio que trata el tema de las letras, números y símbolos de un texto impreso, ya sea sobre un medio físico o digital, tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.
Los tipos son conjuntos de modelos fisicos o vectoriales que representan a cada uno de los caracteres de una letra. Los tipos se dividen según sus propiedades fundamentales en : FAMILIAS TIPOGRAFICAS. Estas se definen por peso, inclinación, proporción, espaciado y remates en común de dichos conjuntos.
Cruz
Oreja
1 2 3 4
Hombro
Barra Asta
Blanco Interno
Descendiente
Barriga
Altura Caja Alta
Ascendente Brazo Pierna Serif Cola
Altura x
THIS IS FROM THE STREET
La personalidad de una fuente
THIS IS THE END OF THE WORLD Por Tamaño
THIS�IS�FOR� THE�CLOWNS
La mayor parte de los lectores no leen línea por línea, sino que de “exploran” la página, es decir la recorren con los ojos de un punto a otro. Por esta razón, los
Por Negrilla
THIS IS FAST AND MAYBE FURIOUS TOO
diseñadores
contraste
THIS IS MAYBE DISCO
y
crear un
un flujo
coherente, destacando correctamente el texto que tenga más valor. Si se usa de manera adecuada se puede dirigir la atención
Por Color
deben
tipográfico
del
lector
a
los
mensajes
importantes, mejorando a la vez el aspecto visual y estético. Todas las tipografias tienen su propia personalidad, algunas pueden denotar informalidad y rebeldia, otras denotan
Por Mayúsculas
THIS IS HELVETICA
todo lo contrario, resultando del tipo autoritarias. Por esto, una tipografia puede
incluso
relacionarse
con
el
temperamento y las emociones.
El Kerning, que carece de traducción establecida, se aplica entre pares de letras para compensar ópticamente sus diferentes formas y que no dé la sensación de que están más juntas o separadas que las otras (AV, fo, etc.).
El Tracking o, en español, prosa, se añade sistemáticamente entre las letras de un texto con funciones visuales y/o estéticas
Kerning Fail
Epic Kerning
El interletraje en tipografía es el espacio que se añade entre letras para diversas funciones visuales. Este término se aplica a dos tipos distintos de espaciado, conocidos normalmente por sus dos nombres :
Alineación Izquierda es la de uso más común para textos largos, pues nuestra manera de escritura, de izquierda a derecha, obliga al lector a buscar el inicio de cada línea tipográfica a la izquierda. Alineación Derecha. Posesionará hacia la derecha el texto o objeto seleccionado. Es el tipo de alineación menos utilizado. Se lo suele utilizar para firmas, en números de pagina o en decoraciones Alineación Centrar. Se lo suele utilizar en imágenes o títulos principales.
Cuando
se
aquella
escribe
en
o linea de texto
columnas
se
que se queda al
suele
cometer
de
un
un error llamado
bloque de texto
rios, que tiene la
y
p a r t i c u l a r
continua en uno
caracteristica de
siguiente.
acabar
con
estética
lo
demas
la de
La
huérfana
cualquier tipo de
tiene
parrafo o bloque
competencia y es
de
cuando
texto
acabar
Alineación tipo justificada. Es un tipo de alineación que empareja el texto. Se lo suele utilizar en todos los párrafos aunque en ocasiones en párrafos de muy poco ancho no se lo utiliza.
final
palarba
y con
su una
palabra queda al
c u a l q u i e r
final
intento
bloque de texto
de armonia.
como
de
un
sobrando,
esto se llama una Una huérfana es
viuda.
ffffound.com
Cuando se trata de hacer una nueva fuente lo primero que se necesita es una idea, ayuda estar consciente de los aportes de otros diseñadores tipográficos. Una vez se sabe en qué tema se está interesado, es recomendable comenzar a investigar y recopilar información sobre este; después de haber definido el tema y la idea, se comienzan a bocetar caracteres que nos ayuden a descubrir las características y patrones de nuestra tipografía. Recordar siempre que el único aspecto importante de una fuente de texto es su lecturabilidad
De manera general, conviene destacar la idea de que en los tipos modernos, los trazos que se resaltan son los rectos, mientras que en los tipos antiguos son los curvos.
El
diseño
tipos
no
Los caracteres de la línea superior tienen una construcción diferente de los situados en la línea inferior; ambos con un origen caligráfico diferente.
de es
nada
Una
más y nada menos que
vez se sabe
armonizar las formas negras
en qué tema se
y las blancas. El negro no puede
está interesado, es
existir sin el blanco y el blanco no puede
recomendable comenzar a
existir sin el negro.
buscar, investigar y recopilar
Negro, la forma de las letras; blanco el espacio dentro y alrededor de las mismas. La cantidad de espacio
blanco
dentro
de
un
carácter
define
la
cantidad de blanco que existirá entre dos caracteres.
información sobre este. Aprender del tema le dará pistas visuales de lo que quiere lograr; entre más investigación, más fundamentado será el diseño final.
Las m谩rgenes son los espacios
negativos entre el borde del formato y el contenido.
Las lineas de flujo son las
alineaciones que dividen el espacio en horizontales.
Las
zonas
espaciales
son grupos de m贸dulos que forman campos indentificables.
Los m贸odulos son las unidades
individuales del espacio que son divididas por intervalos regulares.
Las columnas son uniones de m贸dulos consecutivos en forma vertical y perpendicular a las lineas de flujo.
2. ESTRUCTURAS BÁSICAS JERÁRQUICAS
Descomponen la página en zonas.
Muchas de ellas se En diagramación componen se habla de de columnas Jerarquia de acuerdo al orden horizontales. Se utilizan que se le da a los elementos en en páginas web.en un documento, localizando
la
parte
superior los más importantes.
La tensión es un factor clave a la hora de diagramar, esta se logra por medio de varias técnicas, entre ellas el uso de la psicologia del color para generar sensaciones, el ritmo que consiste en una disposición regular de los elementos para dirigir la mirada, o el uso adecuado de los espacios sin contenido o tambien llamados “blancos” que dan diagonales, verticales u horizontales que sirven como puntos de tensión.
Wide Spread Panic Band Poster
Alineación: Manera en que se ordenan las líneas de texto de un párrafo. También llamada Marginación o justificación. Altura de equis (altura x): Medida correspondiente a la altura de las tipografías minúsculas sin ascendentes ni descendentes. Ascendente: Trazo superior de las letras minúsculas que sobrepasa la altura de x.
Descendente: Trazo inferior de las letras minúsculas que se prolonga por debajo de la línea de base. Línea base: Línea imaginaria donde se encuentran apoyadas todas las letras mayúsculas y las minúsculas sin descendentes. Serif (serifa, zapata, patín, remate): Trazo pequeño que remata a un asta principal de un caracter.
Asta: Trazo vertical o diagonal de una letra.
Caja baja: Tipografías minúsculas.
Caja alta: Tipografías mayúsculas.
Fuente (font): Se utiliza como sinónimo de tipografía.
“El diseño y la tipografía son como un traje a la medida: es posible que el cliente normal y corriente no note que los botones están cosidos a mano (interletraje); que las pinzas son a medida (alineación perfecta), o que la tela es exquisita (el tamaño de letra perfecto). Lo único que sabe es que le queda de maravilla”