Manual de diagramaci贸n y tipograf铆a
Julián Andrés Bolívar Gutiérrez
INTRODUCCIÓN
Diagramación tipográfica es un manual para aprender los conceptos básicos de la diagramación y tipografía. Si no sabes los conceptos básicos de la tipografía, sino eres bueno para trabajar con las fuentes, si quieres saber como construir una fuente y si te cuesta organizar la información en un documento, entonces este manual será muy útil para tus proyectos.
ICE
IND
CONCEPTOS BÁSICOS DE LA TIPOGRAFÍA Tipo. Pág. 2 Fuente. Pág. 2 Familias tipográficas. Pág. 2 Clasificación por familias. Pág. 2 Romanas. Pág. 2 Palo Seco. Pág. 2 Rotuladas. Pág. 2 Decorativas. Pág. 2 Anatomía básica de la fuentes. Pág. 3 Lineas de construcción. Pág. 3 Cuadratin. Pág. 3
TRABAJANDO CON LAS FUENTES Contrastes tipográficos. Pág. 4 Tipos de contrastes. Pág. 4 Contraste de tamaño. Pág. 4 Contraste de estilo. Pág. 4 Contraste de grises. Pág. 4 Alineación. Pág. 5 Fuente. Pág. 5 Tracking. Pág. 5 Kerning. Pág. 5 Viudas y huérfanas. Pág. 5 Los rios tipográficos. Pág. 5
CONSTRUCCIÓN DE UNA FUENTE Ideas. Pág. 6 Concepto. Pág. 6 Boceto. Pág. 7 Unidad visual. Pág. 7 Retícula tipográfica. Pág. 7
PRINCIPIOS DE DIAGRAMACIÓN Márgenes. Pág. 8 Lineas de flujo. z 8 Las columnas. Pág. 8 Modulos. Pág. 8 Zonas espaciales. Pág. 8 Marcadores. Pág. 8 Retículas. Pág. 8 INFOGRAFIA. Pág. 9
CONCEPTOS BÁSICOS DE LA TIPOGRAFÍA CLASIFICACIÓN POR FAMILIAS
TIPO “Tipo” se refiere al carácter 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 signos como la coma y el punto.
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 caracteres y se distinguen con un nombre propio que constituye una familia completa. Algunos ejemplos son: Helvetica BEBAS NEUE
Bellerose Heineken
Courier Rockwell
Las variables tipográficas como: el tamaño, el grosor, la inclinación de los ejes, etc, permiten soluciones de color y ritmo, ejemplos: Rockewell Italic Rockewell Regular
Rockewell Bold Rockewell Bold Italic
FAMILIAS TIPOGRÁFICAS Una familia tipográfica es un grupo de signos escritúrales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.
Romanas Formado por fuentes que muestran influencias de la escritura manual. Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad. Las Romanas se dividen en 5 grupo: Antiguas, Transición, Modernas, Mecanos e Incisas.
Palo Seco Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo.
Rotuladas Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador. Los grupos principales de estas fuentes son: Caligráficas, Góticas y Cursivas.
Decorativas Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado, entre ellas están las de Fantasía y las de Época.
2
ANATOMÍA BÁSICA DE LA FUENTE
LÍNEAS DE CONSTRUCCIÓN
CUADRATÍN
Las líneas de construcción 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 z como para el lector pueda comprenderlas con facilidad.
Es un espacio implementado para la elaboración de las letras desde tiempos antiguos, desde la implementación de la imprenta con los espacios tipográficos físicos para cada tipo o caracter.
Las medidas a 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: linea en la cual se apoya la altura X.
Al principio se consideraba el cuadratín por un espacio en blanco determinado por la anchura misma de cada letra sin tener en claro su altura, es decir, si una letra tiene de tamaño 48 puntos, el cuadratín tenía 48 puntos de tamaño horizontal, y si es de 10 puntos, sería igual, así para cada tamaño de puntos que contenga la letra. También se usan como unidad de mediada el "medio cuadratín" para el tamaño de las letras de caja baja, y el "cuarto de cuadratín" (espacio fino) para el espacio entre palabras.
3
TRABAJANDO CON LAS FUENTES CONTRASTES TIPOGRÁFICOS La diversidad de variables que presenta una familia tipográfica puede resultar suficiente para la jerarquización del 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.
TIPOS DE CONTRASTES 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.
TRABAJANDO CON LAS
FUENTES
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 pieza gráfica o generan un sentido de diferenciación e identidad.
Contraste de estilo No hay reglas instituidas que determinen la cantidad de fuentes que pueden ser utilizadas, es común que se trabaje con más de una. Existen trabajos que presentan muy pocas familias tipográficas y sin embargo, visualmente resultan sumamente confusos, perjudicando la lectura y el entendimiento, y en muchos casos atentando contra la pieza misma.
En otros casos piezas gráficas con numerosas familias tipográficas, tratadas sutil y adecuadamente, resultan en trabajos por demás plausibles.
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.
fuentes
FAMIlias
TIPOGRAFÍA contraste
tipo
Las diferentes gradaciones tonales pueden regularse al variar el tamaño de los caracteres, su valor de tono, su proporción , su color o el espaciado entre los elementos (interletra, interpalabra e interlínea).
EXPRESIVIDAD DE UNA FUENTE El manejo de la tipografía como uno de los códigos básicos del diseño es de fundamental importancia en la tarea profesional del diseñador gráfico y del comunicador visual, pues a partir de las decisiones que se tomen, puede variar radicalmente la legibilidad, la inteligibilidad e incluso el compromiso y los sentimientos del receptor hacia la pieza de diseño, toda tipografía es expresiva, pues tiene expresión y constituye un indicio de algo.
4
ALINEACIÓN JUSTIFICADO
Alineado a derecha e izquierda. A LA IZQUIERDA
Recomendable para textos largos. A LA DERECHA
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.
KERNING El 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.
VIUDAS Y HUÉRFANAS 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.
Adecuado para un texto que no sea muy extenso. CENTRADO
Texto con apariencia formal. No deben ser largos.
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.
5
CONSTRUCCIÓ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. Podemos basarnos en elementos, color, forma o en una situación para poder desarrollar una fuente tipográfica. Un ejemplo claro puede ser la abstracción de las partes significativas de un automóvil como el chevy camaro y aplicarlas a la construcción de la tipografía. 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?
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 construcción y desarrollo de dicha fuente con el �fin de imprimirle carácter y expresividad, redundando en las significaciones de lo que se quiere transmitir. Con una buena aplicación del concepto, podremos tener un diseño tipográfico coherente, identificando las características que están 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 que se quiere transmitir.
6
BOCETO El boceto es el inicio de toda z, 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ño deberá ordenarse habitualmente de manera coherente y dentro de los parámetros de la simetría en la disposición de los distintos elementos. 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. Por tanto, es muy importante la forma que se le da a cada uno de los elementos de la fuente y encontrar el equilibrio entre todos ellos.
LA RETÍCULA TIPOGRÁFICA 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áfico. 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. Con la retícula, el campo visual dentro de la caja tipográfica puede subdividirse en campos o espacios más reducidos a modo de reja. Los campos o espacios pueden tener las mismas dimensiones o no. La altura de los campos corresponde a un número determinado de líneas de texto; su ancho estará determinado según el cuerpo de la tipografía. Las dimensiones de altura y ancho se indican con una misma medida tipográfica, ya sea la pica o el cícero. Los campos se separan uno de otro por un espacio intermedio, con el objeto de que las imágenes no se toquen y que se conserve la legibilidad.
7
PRINCIPIOS DE DIAGRAMACIÓN MÁRGENES
ZONAS ESPACIALES
Los márgenes de página determinan la distancia desde los bordes de una página a los objetos que contiene dicha página, mientras que los márgenes de cuadro de texto determinan la distancia desde el borde del cuadro de texto al texto que contiene el cuadro.
Son grupos de modulos que, en su conjunto, forman campos claramente identificables. Puede asignarse un papel especifico a cada campo para mostrar información; por ejemplo, un campo alargado horizontal puede reservarse para imágenes, y el campo situado debajo de este puede reservarse para una serie de columnas de texto.
LINEAS DE FLUJO Son alineaciones que rompen el espacio dividiendo lo en bandas horizontales. Estas lineas guían al ojo a través del formato y pueden utilizarse para imponer paradas adicionales y crear puntos de inicio para el texto o las imágenes.
LAS COLUMNAS Son alineaciones verticales de tipografía que crean divisiones horizontales entre las márgenes. Puede haber un numero cualquiera de columnas ; a veces todas tienen la misma anchura y, a veces, tienen anchuras diferentes en función de su información.
MARCADORES Son indicaciones de posición para texto subordinado o repetido a lo largo del texto, como los folios explicativos, los titulos de sección, los numeros de paginas o cualquier otro elemento que ocupe una única posición en la diagramación o maqueta.
RETÍCULA La retícula se compone de lineas que son guía para la alineación y distribución de elementos en un formato, estas lineas son las que conforman todos los elementos mencionados anteriormente.
MODULOS Son unidades individuales de espacio que están separados por intervalos regulares que, cuando se repiten en el formato de la pagina, crean columnas y filas.
8
Mรกrgenes
Modulo
Lineas de flujo Columna
Marcadores
Zona Espacial
9
Julián Andrés Bolívar Gutiérrez Diseñador de medios interactivos Correo: jabg0606@hotmail.com
Universidad Icesi