TIPO S
UPER
GUIA TIPOGRAFICA
2012
Introduccion
En este guia tipografia encontraran toda la informaci贸n para entender el mundo tipogr谩fico y sus componentes principales de forma sencilla y con una exelente calidad grafica.
Introduccion
Conceptos basicos
5
Trabajando con las fuente
11
Construccion de una fuente
17
Principios basicos de diagramacion
23
1
Conceptos basicos
a a a Tipo la definicion de tipo se refiere al caracter en especifico perteneciente a una fuente y de ahi a una familia.El uso de tipo se centra en especificar una referencia a un simbolo individual o en especifico, a cada una de las piezas compuestas y juntas que alude a una letra o signo. No solo las letras son un tipo, los signos de puntuci贸n considerados tambien un caracter en el uso de la escritura corriente.
ABCabc
Britannic Bold
ABCabc
Bauhaus 93
ABCabc
Garamond
Fuente La fuente o tipo de letra se refiere a la familia de uno o mas conjuntos de modelos de letras, dise帽adas con un mismo estilo. Cada uno de estos conjuntos esta compuesta por glifos o caracteres y se distingen con un nombre propioque constituye una familia completa.
5
una familia tipografica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas en una unidad tipográfia. los miembros de las familias( los tipos) se parecen entre si pero tambien tienen rasgos propios
Familias tipograficas
Clasificaciones ATYPI (Asociación Tipográfica internacional)
Romanas
Antiguas Transiciónes Modernos Mecanos Incisas
Palo seco
Rotuladas
Decorativa
Lineales Grotescas
Calígráfícas Goticas Cursivas
Fantasia Epoca
6
Anatomia de las fuentes
Los tipos constan de unas partes que se denominan como: brazos, pata, oreja, hombros, colas... Estas son las partes que se han utilizado de forma tradicional para la construcci贸n de las diferentes letras. La estructura de las letras permanece constante sin tener en cuenta la tipograf铆a. Brazo
Oreja
QAKgt Cola
Ascendente
Hombro
Cruz
Pata
Barra
Panza
Contrapunzon
herap Linea Ascendente Linea superior
Lineas de construcci贸n
Linea base
Altura Mayusculas
Asta
Linea desscendente
desscendente
Altura X
7
Unidad de medida El punto tipografico Postscript(Pt)
Es la unidad más pequeña utilizada en tipografia y en composiciones de publicaciones, partir de la cual se dimensiona todo lo relacionado con el mundo tipográfico
Un punto equivale a 0,35 mm Abreviación del punto tipografico
Pt Esta es una fuente de 12 puntos de tamaño
Esta es una fuente de 14 puntos de tamaño
W
Esta es una fuente de 16 puntos de tamaño
Esta es una fuente de 18 puntos de tamaño
8
2 2
Trabajando con las fuentes
Contraste Tipográfico
La diversidad de variables que presenta una familia tipográfica puede resultar suficientes para la jerarquización del texto en ciertos trabajos del diseño pero al combinar dos o mas familias acrecienta el espectro morfologico y permite un juego de contrastes mucho más amplio. Para el diseño de piezas gráficas con combinaciones tipográficas, con contraste de estilo y de tamaño, es necesario un grado muy importante de pruebas y ensayos, pues no existe reglas que pueda guiar fehacientemente el trabajo del diseñador
Contraste de tamaño
El tamaño de una letra se encuentra íntimamente relacionado con el cuerpo tipográfico, aunque siempre hay que recordar que diferentes familias,según el diseño de cada fuente, pueden presentar diferentes tamaños para igual cuerpo
Contraste de estilos
Al diseñar no hay reglas instituidas que determinen la cantidad de familias tipograficas que se puedan utilizar en una pieza grafica, pero hay que tener en cuenta que en no utilizar familias tipograficasdemaciado parecidas en cuanto su aparienza y estilo.
DiseñoDiseño Arial
(igual cuerpo: 51pt) Centaur
SABOR y
Color
Contraste de grises
El gris tipográfico se genera por el contraste entre forma y contraforma en el contexto de un bloque de texto donde los caracteres se desempeñan como una trama de puntos
11
El manejo de la tipográfia como uno de los códigos básicos del diseño es de fundamental importancia en la tarea profecional del diseño, pues a partir de las decisiones que se tomen, puede variar radicalmente la legibilidad, la inteligibilidad e incluso l compromiso y los sentimientos del receptor hacia la pieza de diseño, roda tipografia es expresiva pues tiene expresión y constituye un indicio de algo
La fuente como elemento expesivo
Alineación
La alineacion del texto es un paso importante para mantener una buena legibilidad,
Alineación a la izquierda es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme
Las alineaciones centradas proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente.
Alineación a la derecha se encuentra El texto justificado alineado a derecha en sentido contrario del lector porque e izquierda. Puede ser muy legible, si resulta difícil encontrar la nueva línea el diseñador equilibra con uniformidad el espacio.
12
Espacios de los tipos
Tracking Distancia entre las letras de una composición tipográfica. Módulo fijo que se suma o se quita al espacio entre los caracteres de una composición.
Kerning: Se denomina así al ajuste especial del espaciado solo entre pares de letras. Corrige problemas puntuales que no pueden ser solucionados por medio del interletrado convencional o tracking.
Tipo Tipo
Interlineado (interlínea): Distancia entre dos líneas de texto. Su medida se toma de la base de una línea de texto a la base de la siguiente. Podemos encontrar: Interlineado positivo, cuando el interlineado es mayor que la medida del cuerpo tipográfico; Interlineado sólido, cuando es igual a la medida del cuerpo e Interlineado negativo cuando es menor al cuerpo tipográfico.
13
Viuda
La viuda es la última línea de un párrafo que se ha fugado hasta la siguiente página o columna. La huérfana, en cambio, es la primera línea de un párrafo que se ha quedado rezagada en la página o columna anterior. Recordar cuál es cuál será, siempre, un
ejercicio de memoria. La huerfan Una línea huérfana, por igual, es un mal cierre en una página que podría haber estado completa y un inicio lejano, en otro lugar, en una página que debió haber iniciado completa...
Viudas Huerfanas Rios que nos hemos acostumbrado a identificarlas, son manchas y desequilibros.
Estéticamente, una vez
Huerfana
Los ríos tipográficos
son uno de los muchos problemas que ocasiona un descuidado y consiste en los espacios en blanco que se generan entre palabras y que línea a línea se repiten verticalmente ,Es un defecto repetido, ya que esos espacios en blanco, por si sólo, ya son un error bastante común. Sólo sucede en el texto justificado, en el texto a bandera no ocurre.
14
2 3
Contrucci贸n de una fuente
Idea
se elabora siempre por medio de una combinación coherente y estudiada previamente, de los elementos visuales con los que hayamos decidido trabajar. Estos elementos pueden ser imágenes, texto, ilustraciones, espacios en blancos..., o por el contrario, construir nuestra composición con la ausencia deliberada de alguno de estos elementos.
En que pensar al crear una fuente podemos basarnos en elementos, color, forma o en una situacion para poder desarrollar una fuente tipográfca. Como por ejemplo las partes significativas de algo y aplicarlas a la construcción tipográfica.
ES IMPORTANTE
Seleccionar los elementos que vamos a utilizar. Todos los elemento de la fuente deben tener un por qué de su utilidad en dicha fuente. Es recomendable hacer unos bocetos de cómo podría ser la fuente, para respondernos visualmente a preguntas como, ¿qué es lo más importante del idea?, ¿dónde debe estar el impacto visual?, ¿podría verse de lejos?,¿es adecuada la disposición y el estilo de los tipos con respecto al idea?
17
Con una buena aplicacion del concepto, podremos tener un diseño tipográfico coherente, identifcando las características que estan directamente relacionadas con el elemento en el que nos estamos basando, con el fin de que el espectador pueda captar claramente la idea y sentir, casi de manera inmediata lo quese quiere transmitir. 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 finn de imprimirle carácter y expresividad, redundando en las significaciones de lo que se quiere transmitir.
Concepto
Como podemos ver, en este ejemplo de han tomado los aspectos mas representativos del camaro para aplicarlos al diseño de la tipografía.
Letra más redondeada Lineas rectas presentes en tipos que, casi siempre son redondos
Curvas audaces presentes en tipos que por lo general son construidos con lineas rectas
Tipos que en su forma son muy similares a los acabados de vehiculos
18
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.
Una de la ventaja de los bocetoses que nos permite visualiza las posibles mejoras, arreglos omodificaciones de la fuente.
La reticula tipografica La cuadrícula tipográfica, 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á co. Las cuadrículas tipográficas de formato estándar, tienen módulos cuadrados, columnas de texto, márgenes, lineas de contorno y medianiles (el espacio que queda en blanco entre dos columnas de texto). Para organizar el diseño de una retícula, primero se debe trabajar con los elementos más pequeños y a partir de ahí, ir ascendiendo.
19
Con una buena aplicacion del concepto, podremos tener un diseño tipográfico coherente, identifcando las características que estan directamente relacionadas con el elemento en el que nos estamos basando, con el fin de que el espectador pueda captar claramente la idea y sentir, casi de manera inmediata lo quese quiere transmitir. 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 finn de imprimirle carácter y expresividad, redundando en las significaciones de lo que se quiere transmitir..
Unidad visual
En este ejemplo apreciamos unidad visual al observar todos los tipos, no hay elementos que rompan o choquen unos con otros, sino que se complementan y generan una armonia.
20
2
4
Principio basicos de diagramacion
Reticula
La reticula se compone de lineas que son guia para la alineacion y distribucion de elementos en un formato. Tambien valora las caracteristicas informativas y los requisitos de produccion del contenido, tales como: naturaleza de la informacion, cantidad de imágenes, ubicación de imágenes, etc. En la retícula la división esta en columnas, márgenes, blancos de cabeza y pies de página. Sobre todo hay que tener cuidado con las columnas, lo que se refiere sobre todo a su anchura y legibilidad (cuerpo de letra que podamos meter). Ancho de lectura proporcionado al texto base.
COMO CONSTRUIR UNA RETICULA Definir el formato de la pagina Definir los margenes del documento Establecer la cantidad y tamaño de las columnas Establecer el espacio que hay entre las columnas Establecer la ubicación que hay entre marcadores Si se trabajará con múltiples tipos de información sería conveniente establecer un sistema modular.
23
Tipos de Reticulas
Reticula de manuscrito
Reticula modular
Estructura base: es una area grande y rectangular que ocupa la mayor parte del documento. Acoge textos largos y continuos, como en un libro. Estructura principal: bloque de texto e imĂĄgenes Estructura secundaria: Folio explicativo, titulos de los capitulos, numeracion de las paginas, notas de pie de pagina (si es necesario).
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.
Reticula de columnas
Reticula jerarquica
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.
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
24
Pagina maestra
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. Estas páginas se suelen hacer antes de realizar una publicación. Se hace en las dos páginas, tanto en la derecha como en la izquierda, a páginas enfrentadas para poder observar el resultado final que tendría todo el conjunto de la publicación.
Formato 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.
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.
25
El concepto de jerarquía designa una forma de organización de diversos elementos de un determinado sistema, en el que cada uno es subordinado del elemento posicionado inmediatamente por encima (con excepción, claro está, del primero que no está subordinado a ninguno de los demás).
Jerarquia
La jerarquia arriba/abajo
Jerarquia centrado/periferico
Jerarquia de grande/pequeño
Jerarquia de lo contrastado
Se manifiesta como la prioridad de lo superior en el espacio o en el plano, que presenta una conexión directa con lo superior en el orden de las ideas o en el orden moral. La imagen reproducida más abajo establece una jerarquía entre las letras que tiene una de sus bases más relevantes en su posición relativa superior / inferior. Es una de las más utilizadas. En términos generales, abundan las situaciones en las que el valor de las cosas es proporcional a su tamaño físico, respecto de las cosas que hay a su alrededor. Un fenómeno que ya encontramos en el arte egipcio, en el que se nos muestran gigantescos faraones imperando sobre ejércitos de diminutas figurillas.
Esta jerarquía visual también es de las más utilizadas y ha sido denominada "fuerza del centro". Tiene su primer fundamento en la estructuración simétrica que presentan tantos seres y sucesos de la naturaleza. Una ley que captamos y proyectamos a numerosos hechos o cuestiones de trascendencia social. Este tipo de jerarquía visual actúa mediante un juego de choque perceptivo. Aquello que contrasta salta hacia nosotros sin necesidad de que nosotros vayamos hacia él. Su primitivo fundamento es el de un acto de defensa, ligado a la exploración del medio en que nos movemos.
26
TIPO S
UPER
GUIA TIPOGRAFICA
David Bola単os Rodrigues