D I A G R A M A C I Ó N Y T I P O G R A F Í A

M A N U A L T I P O G R Á F I C O

Conceptos básicosde la tipografía

Trabajando conlas fuentes

Construcción de una fuente

PrincipiosBásicos

Conceptos básicosde la tipografía

1. Tipo2. Fuente

4. Anatomía de la fuente5. Líneas de construcción6. Unidades de medida

Tipos y fuentesTipo:

individual o a cada una de las piezas compuestas que aluden a una letra o signo. No solo las letras son un Tipo, los signos de puntuación son también caracteres en el uso de la escritura corriente.

mismo estilo. Cada uno de estos conjuntos está compuesto por glifos o caracteres y se distinguen con un nombre propio que constituye una familia completa. Ej: Times New Roman, Helvetica...

*Tipo de letra es lo que ves*Fuente es lo que usas para hacer que asi se vea

saul bass

Tex Gyre Regular

Geosans Light Regular

Museo 700Liberation Sans Italic

Neou Thin

Familias tipográficas-

Romanas:

una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus

Palo seco:Son llamadas así porque carecen de detalles tipo serif en sus caracteres. Estas tipografías son más mod-

.

Grotescos

Neo-grotescos Humanistas

Geométricas

Romanas:

una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus

Familias tipográficas

Display o Rotuladas:Esta categoría es probablemente la más amplia y que incluye más variaciones. Su mayor característica es que son inadecuadas para cuerpos de texto y se reservan para titulares o pequeños textos que necesitan llamar la atención. Pueden ser formales o informales, y evocar cualquier estado de ánimo. Son comúnmente vistas en el diseño de impresión, pero se están volviendo más populares en sitios web

dingbats o fuentes especiales:Son tipografías que consisten en símbolos y ornamentos en lugar de letras. Wingdings es probablemente la

Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.

Góticas

Cursivas

Anatomía de las fuentes

-

usadas para determinar si dos (o más) tipos trabajan bien en conjunto, o chocan. Aquí las más importante partes de un caracter:

La imagen de arriba muestra las diferentes lineas de guía que son generalmente presentados en una tipografía. Su línea de base (baseline) esa línea invisible en la que todos los caracteres se apoyan. Las letras redondeadas a veces, se apoyan solo un poquito más abajo de la línea de base, y las descendentes siempre caen debajo de ésta. Una buena tipografía tiene una baseline consistente.

La línea central (meanline) es la altura de la mayoría de los caracteres minúsculos dentro de una tipografía, y está generalmente basado en la letra “x” si es que hay diferencias de alturas entre las minúsculas. De acá es de donde viene la “altura-x”. La altura capital (cap height) es la distancia entre la baseline y el tope de altura de una letra mayúscula como “A”.

Anatomía de las fuentes

Astas

Serifas

Ascender

Descender

Descendente

Ojo

AscendentesCap heigh

Mean line

Base line

Las ascendentes (ascender) de una minúscula es cualquier línea que pase la línea central, como las de la “d”, “h” y “b”. Las descendentes (descenders) son las que caen debajo de la línea de base, como en la “p”, “q” o “g

Anatomía de las fuentes

Stem Bar BowlEsta ilustración muestra tres partes comunes de una letra. El tronco (stem) es el trazo principal vertical de cualquier letra, incluyendo la primera en diagonal. La barra (bar) es cualquier línea horizontal, que también son llamados brazos. El cuenco (bowl) es la parte curva de un caracter que genera espacio interior vacío

serif. Algunas tipografías las tienen muy pronunciadas, mientras que en otras apenas se distinguen.

entrada de un caracter, como en la mayúscula “A” o en la minúscula “m”. Una asa (ear, oreja en inglés) es una extensión decorativa de una letra, como en la “g” marcado en la imagen de arriba. Las entradas (hairline) son las partes más angostas de una tipografía

El travesaño (crossbars) son trazos horizontales, como en la “A” y “H”. Terminales (Terminals) son encontradas en caracteres serif, y

se ubican en algunas minúsculas como la “g” y pueden ser com-pletamente cerradas o sólo parcialmente.

Las colas (tails) decorativas (a veces), y descienden del tronco

son cualquier trazo curvo que se origina de un tronco.

h

Aperture

Crossbar

Tail

Terminals

Finial

Shoulder

Ear

Hairline

Lineas de construcción

Tipometría

Lineas de construcción

Tipometría

Las líneas de construcción de una letra son “normas” que se han estipulado y se deben seguir para que en la creación de la letra, su altura, ancho y demás medidas sean acordes entre los mismos caracteres de la Tipo y sean funcionales y estéticamente correctas para aquel que desea usarlas como para el lector pueda comprenderlas con facilidad.

0,35 mm Pt (puntos).

Los parámetros o medidas que se deben seguir son:

•Altura X: altura de las letras de caja baja, tanto ascendentes como descendentes. •Ascendente: altura de la hasta de caja baja que sobre sale la altura X. •Descendente: altura de la hasta de caja baja que está por debajo de la altura X. •Altura Mayúscula: altura de la caja alta. •Línea base: line en la cual se apoya la altura X.

Ascendente

Linea media

Alturade la X

Altura de las mayusculas

Linea base Descendente

SphinxEsta es una fuente de 12 puntos de tamañoEsta es una fuente de 14 puntos de tamañoEsta es una fuente de 16 puntos de tamañoEsta es una fuente de 18 puntos de tamañoEsta es una fuente de 20 puntos de tamaño

2. Alineaciones3. Tracking y Kerning4. Interletraje e Interlineado5. Como escoger un buen tipo?

Trabajando con las fuentes

Contrastes tipográficos

texto en ciertos trabajos de diseño, pero el combinar dos o más familias, acrecienta el espectro morfológico y permite un juego de contrastes mucho más amplio.

un grado muy importante de pruebas y ensayos, pues no existen reglas que puedan guiar fehacientemente el trabajo del diseñador.

Contraste de tamaño:Esta categoría es probablemente la más amplia y que incluye más variaciones. Su mayor característica es que son inadecuadas para cuerpos de texto y se reservan para titulares o pequeños textos que necesitan llamar la atención. Pueden ser formales o informales, y evocar cualquier estado de ánimo. Son comúnmente vistas en el diseño de impresión, pero se están volviendo más populares en sitios web

Garamond (igual cuerpo) Verdana

El trabajo con contrastes en el tamaño de las tipografías permite jerarquizar el texto, creando focos de interés visual que posibilitan la orientación del receptor en el recorrido de la

AlineaciónLa alineación del texto es un paso importante para mantener también una buena legibilidad. Las opciones de alin-

alineaciones asimétricas

este tipo de columnas tienen lineas plenas que llenan de izquierda a derecha la misma, los espacios entre palabras son repetidos de forma pareja en cada linea , por lo que el espacio entre palabras varia de una linea a otra en funcion de la canti-dad de palabras por linea.la formula ideal

caracteres o mas, por cada parrafo.

En este tipo de composición todas las lineas comienzan en el margen izquierdolas palabras guardan regularmente su separación en todas las columnas.Es necesario manejar el margen irregu-lar para que las lineas no queden excesivamente parejas o disparejaspudiendose en todo caso cortar palabras.

En este tipo de composición, las líneas marginan hacia la derecha, todas las

palabras guardan regularmente su separacion en toda la columna.

Es necesario manejar el margen irregu-lar para que las lineas no queden

excesivamente parejas o disparejas

causa al lector.

En esta columna todas las lineas se disponen en un eje central, quedando

ambos extremos simétricos.En este tipo de composición todas las palabras conservan la misma distancia

en todas las lineas, pero tiene muy malas condiciones para la lectura, por

eso no es recomendable usarla en textos demasiado largos.

JUSTIFICADO

CENTRADO

ALINEACIÓNIZQUIERDA

ALINEACIÓNDERECHA

Es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible.

alineado a derecha e izquierda. Puede ser muy legible, si el diseñador equilibra con uniformidad el espacio entre letras y palabras, evitando molestos huecos denominados ríos que no rompan el curso del texto.

se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso.

proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se

con esta alineación

Tracking y KerningTrack o Tracking:

Los tipógrafos han usado el track o tracking para alterar la densidad visual del texto o el espacio global entre un grupo seleccionado de caracteres. Esta alteración afecta a todos los caracteres, como regla gen-eral, cuanto más grande es el cuerpo más apretado debe ser el track. El track ajusta el espacio que existe

entre los caracteres, abriendo los cuerpos más pequeños y cerrando los mas grandes.

Kern o kerning:El Kern o kerning es el espacio existente entre dos caracteres individuales, para cuando dos de estos carác-teres se encuentran demasiado juntos o separados. El kern es proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los caracteres. Si un texto es de 10 puntos, el kern mide 10 puntos.

Kerning: -18 Sin kerningKerning: -18

Interletraje e Interlineado

Interletraje:Por interletraje se entiende el espacio en blanco que separa un carácter de otro. Este espacio en blanco no debe ser igual para todos los pares de caracteres, sino que en función de su forma debe ir variando para que visualmente parezca uniforme. En ocasiones puede ser negativo, es decir, cuando en lugar de separarse los caracteres se juntan y se acoplan.

Interlineado:

como la distancia entre las líneas base de dos líneas de texto consecutivas. Así pues, para su cálculo tenemos que medir dicha distancia.

.

Interletraje Interletraje

El interlineado es ladistancia entre lineasbase consecutivas

INTERLINEADO

Construcción de las fuentes

1. Principios basicos para la construcción de una fuente

Principios básicos en laconstrucción de una fuente

Hay que tener clara una idea, esta se elabora siempre por medio de una combinación coherente y estudiada previamentede los elementos visuales con los que hayamos decidido trabajar.

Concepto> Es la razón de ser del diseño de la fuente, es la forma con la cual yo sintetizo las características mas relevantes del elemen-to y las aplico en la construccion y desarrollo de dicha fuente con el �n de imprimirle carácter y expresividad, redundando en las signi�caciones de lo que se quiere transmitir.

Boceto> El boceto es el inicio de toda creacion, es el momento en el cual el diseñador hace pruebas y aplica cada posibilidad de modelar su idea sobre el papel antes de pasar al proceso de digitalizado.

Unidad Visual> El diseñador debe tener siempre presente, que cada ele-mento de la composición, en función de la ubicación, dimensión o protag-onismo que le asignemos, experimenta pequeñas variaciones en su signi�cado.

La retícula> La cuadrícula tipográ�ca, se utiliza para organizar todos los elementos tipográ�cos y demás ilustraciones que integraran la página. La con�guración de la cuadrícula, depende de la información que se ha de transmitir y las propiedades físicas de cada elemento tipográ�co.

234

Principios de diagramación

Principios básicos dediagramación

Retículas: La retícula se compone de líneas que son guías fundamentales para alineación y distribuciónde elementos en un formato dado. También valora las características informativas y los requisitos de producción del contenido, tales como: naturaleza de la información, cantidad de imágenes, ubicación deimágenes, texto, etc.

12

3 4

1.Retícula de manuscrito Es un área grande y rectángular que abordan casi la mayoria deldocumento, este tipo de retículas es ideal para la elaboración de textos continuos y extensospor ejeplo un libro.

2.Retícula Jerárquica Se adapta a la informacion que se organiza. Se analiza la interaccionoptica entre los elementos situados de manera espontanea y luego se elabora una estructura que los coordine

2.Retícula de columnas Las columnas pueden depender unas de otras (texto corrido) o pue-den ser independientes (pequeños bloques de informacion) La anchura de las columnas de-pende del cuerpo de letra del texto

2.Retícula de modular Es una reticula de columnas con un gran numero de lineas de �ujo horizontales que subdividen las columnas en �las, creando una matriz de celdas denominadasmodulos. Proporciona mas �exibilidad y precision, pero tambien puede llegar a ser confuso y redundante

Tipos de retícula

Formato

Páginas maestras.

Páginas maestras

Estamos hablando de la primera página, donde aparece el estilo y todas las características ideadas para toda la publicación. De esta forma, todas las páginas que forman una revista, catálogo o bien un libro, tendrán siempre el mismo estilo y presentación.

Una retícula base, se encuentra compuesta por las siguientes partes, dependiendo de la composición que se esté diseñando:

•La orientación del papel. •El número de columnas y el tamaño de estas. •La separación existente entre ellas (el medianil). •El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc. •El uso de las imágenes como fondo en todas las páginas (marca de agua) y demás elementos ornamentales, tales como los �letes decorativos, etc.

Como en toda operación se necesita conocer las herramientas con las que se van a trabajar, así como la preparación del lugar de trabajo. Sin estos requisitos no podríamos organizar nada, es más, la de�nición de estos aspectos resuelven al menos el cincuenta por ciento del trabajo total pues una correcta de�nición de todos los detalles que gobernarán el desarrollo de todo el proceso creativo harán de éste una actividad entretenida, atractiva y fácil de manejar.

Cuando no se le da importancia a esta etapa, porque aparentemente se puede resolver «en el camino», se corre el riesgo de estar modi�cando las pautas con la consiguiente pérdida de tiempo y la conversión del proceso creativo en una actividad complicada.Se trata de armonizar la función con la forma, contenido y diseño grá�co.

saul bass

Tex Gyre Regular

Geosans Light Regular

Museo 700Liberation Sans Italic

fuente tipográfica“Tipo” es un caracter en específico perteneciente a una fuente y de ahí a una familia. El uso de "Tipo" se centra en especificar la referencia a un símbolo individual o en específico, o a cada una de las piezas compuestas y juntas que alude a una letra o signo.

La fuente o tipo de letra se refiere a la familia de uno o más conjuntos de modelos de letras, diseñadas con un

mismo estilo. Cada uno de estos conjuntos está compuesto por

glifos o caracteres y se distinguen con un nombre propio que constituye

tipofuente

palo secogrotesco

EXTRA BOLD

WEIGHT

BOLD

REGULAR

LIGHT

D I A G R A M A C I Ó N Y T I P O G R A F Í A

M A N U A L T I P O G R Á F I C O