D
I
A
G
R
M
A
A
M
N
U
A
A
C
L
I
Ó
T
N
Y
I
P
O
T
I
P
O
G
G
R
Á
F
I
R
C
A
O
F
Í
A
Conceptos bĂĄsicos de la tipografĂa
Trabajando con las fuentes
Construcci贸n de una fuente
Principios B谩sicos
Conceptos básicos de la tipografía
1. Tipo 2. Fuente 4. Anatomía de la fuente 5. Líneas de construcción 6. Unidades de medida
Tipos y fuentes Tipo: 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.
Liberation Sans Italic
Museo 700
Neou Thin
Tex Gyre Regular
Geosans Light Regular
saul bass
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
Familias tipográficas -
Romanas: Romanas: una gran armonía de proporciones, presentan un fuerte contraste elementos rectos y curvos una gran armonía de proporciones, presentan un fuerte contraste entreentre elementos rectos y curvos y susy sus
Palo seco: Son llamadas así porque carecen de detalles tipo serif en sus caracteres. Estas tipografías son más mod. Grotescos
Geométricas
Neo-grotescos
Humanistas
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
Cursivas
Góticas
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.
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: Ascendentes
Cap heigh Astas
Ojo
Mean line
Serifas
Base line
Descendente
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”.
Ascender
Descender
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
h
serif. Algunas tipografías las tienen muy pronunciadas, mientras que en otras apenas se distinguen.
Ear
Hairline
Aperture
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
Terminals
se ubican en algunas minúsculas como la “g” y pueden ser completamente cerradas o sólo parcialmente.
Crossbar
Las colas (tails) decorativas (a veces), y descienden del tronco
Finial
son cualquier trazo curvo que se origina de un tronco. Tail
Stem
Shoulder
Bar
Bowl
Esta 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
Lineas de construcción 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. 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.
Altura de las mayusculas Linea base
Sphinx
Tipometría 0,35 mm Pt (puntos). Esta es una fuente de 12 puntos de tamaño
Esta es una fuente de 14 puntos de tamaño
Esta es una fuente de 16 puntos de tamaño
Esta es una fuente de 18 puntos de tamaño
Esta es una fuente de 20 puntos de tamaño
Ascendente Linea media Altura de la X Descendente
Trabajando con las fuentes
2. Alineaciones 3. Tracking y Kerning 4. Interletraje e Interlineado 5. Como escoger un buen tipo?
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ón La alineación del texto es un paso importante para mantener también una buena legibilidad. Las opciones de alinalineaciones 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 cantidad de palabras por linea.la formula ideal caracteres o mas,
JUSTIFICADO
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.
ALINEACIÓN IZQUIERDA
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.
ALINEACIÓN DERECHA
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.
por cada parrafo.
En este tipo de composición todas las lineas comienzan en el margen izquierdo las palabras guardan regularmente su separación en todas las columnas. Es necesario manejar el margen irregular para que las lineas no queden excesivamente parejas o disparejas pudiendose 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 irregular 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.
CENTRADO
proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se con esta alineación
Tracking y Kerning Track 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 general, 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ácteres 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
Kerning: -18
Sin kerning
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.
Interletraje
Interletraje
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. .
INTERLINEADO
El interlineado es la distancia entre lineas base consecutivas
Construcci贸n de las fuentes
1. Principios basicos para la construcci贸n de una fuente
Principios básicos en la construcció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 elemento y las aplico en la construccion y desarrollo de dicha fuente con el fin de imprimirle carácter y expresividad, redundando en las signi caciones de lo que se quiere transmitir.
2 3
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 elemento de la composición, en función de la ubicación, dimensión o protagonismo que le asignemos, experimenta pequeñas variaciones en su significado.
4
La retícula> La cuadrícula tipográ ca, se utiliza para organizar todos los elementos tipográficos y demás ilustraciones que integraran la página. La configuración de la cuadrícula, depende de la información que se ha de transmitir y las propiedades físicas de cada elemento tipográfico.
Principios de diagramaci贸n
Principios básicos de diagramación Retículas: La retícula se compone de líneas que son guías fundamentales para alineación y distribución de 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 de imágenes, texto, etc.
1
2
3
4 Tipos de retícula
1.Retícula de manuscrito Es un área grande y rectángular que abordan casi la mayoria del documento, este tipo de retículas es ideal para la elaboración de textos continuos y extensos por ejeplo un libro. 2.Retícula Jerárquica Se adapta a la informacion que se organiza. Se analiza la interaccion optica 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 pueden ser independientes (pequeños bloques de informacion) La anchura de las columnas depende del cuerpo de letra del texto 2.Retícula de modular Es una reticula de columnas con un gran numero de lineas de flujo horizontales que subdividen las columnas en filas, creando una matriz de celdas denominadas modulos. Proporciona mas flexibilidad y precision, pero tambien puede llegar a ser confuso y redundante
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 filetes decorativos, etc.
Páginas maestras
Formato 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 definición de estos aspectos resuelven al menos el cincuenta por ciento del trabajo total pues una correcta definició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 modificando 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áfico.
fuente 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 Liberation Sans Italic palo seco grotesco
tipo 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.
Museo 700
WEIGHT
EXTRA BOLD
Tex Gyre Regular
BOLD
Geosans Light Regular
saul bass REGULAR
LIGHT
D
I
A
G
R
M
A
A
M
N
U
A
A
C
L
I
Ó
T
N
Y
I
P
O
T
I
P
O
G
G
R
Á
F
I
R
C
A
O
F
Í
A