Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Universidad Autnoma Metropolitana Divisin de Ciencias y Artes para en Diseo Departamento de Procesos y Tcnicas de Realizacin
La Letra
Fundamentos de tipografa
Marcela E. Buitrn de la Torre
CONTENIDOS
TEMA 1 TEMA 2 TEMA 3 TIPOGRAFA: FASES DEL APRENDIZAJE CONCEPTOS BSICOS DESARROLLO HISTRICO DE LA ESCRITURA 3.1 ANTECEDENTES HISTRICOS DE LA ESCRITURA 3.2 DESARROLLO DE LA ESCRITURA FONTICA 3.3 DESARROLLO ESTLISTICO DE LA ESCRITURA TEMA 4 TEMA 5 CONSTRUCCIN DEL ALFABETO ROMANO PRINCIPIOS DE TIPOGRAFA 5.1 ESTRUCTURA DE LA LETRA 5.2 ANATOMA DE LA LETRA 5.3 CLASIFICACIN DE LAS LETRAS (ESTILOS Y GAMAS SERIALES) TEMA 6 USOS DE LA LETRA 6.1 PERSONALIDAD DEL TIPO 6.2 USO FORMAL DE LA LETRA 6.3 USO DE LA LETRA COMO IMAGEN TEMA 7 TIPOGRAFA DIGITAL
La letra. Fundamentos de tipografa, es una publicacin electrnica de la Mtra. Marcela E. Buitrn adscrita al del Departamento de Procesos y Tcnicas de Realizacin. Divisin de Ciencias y Artes para el Diseo. Universidad Autnoma Metropolitana-Azcapotzalco. Divisin de Ciencias y Artes para el Diseo. Av. San Pablo No. 180, Edificio H, Planta Baja. Col. Reynosa, Tamaulipas. C.P. 02200. Mxico, D.F. El presente manual es el resultado de la compilacin de diversos textos, basada en la bibliografa sugerida y con el debido crdito a los autores de cada documento. De tal manera, segn el art. 148 de la Ley Federal de Derechos de Autor, al tener fines educativos y no de lucro, queda exento del Pago de Derecho de Autor. Publicacin: Mayo 2009 3
CONCEPTOS BSICOS1
Existen varios conceptos relacionados con la letra que son el punto de partida para la comprensin de algunos principios del origen, evolucin, desarrollo y aplicacin de la misma. CONCEPTO Caligrafa DEFINICIN Arte de escribir con rasgos de estilo bello y legible. Se basa en la escritura manual. Capacidad de escribir con la mano mediante un instrumento. Tambin se denomina caligrafa a los rasgos de la escritura que son propios de cada persona, as como al conjunto de los mismos, contenidos en un documento manuscrito. Tipografa Estudio de la letra, a partir de la definicin del tipo mvil de impresin. Anlisis de la letra (forma y tipo de impresin). La tipografa es el conjunto de caractersticas visuales de las letras y nmeros de un texto, tales como su diseo, su forma y su tamao. Diseo de la letra a mano (relacionada con el rotulismo) (letering).
1
Letragrafa
Pictograma Representacin del objeto como tal. Figura o smbolo que asume el significado del objeto representado.
Ideograma
Evolucin del smbolo. Evolucin del pictograma que no representa al objeto sino a la idea. Se denomina ideograma a un carcter grfico que corresponde a una idea (concepto, proceso o cualidad).
Fonograma
Evolucin de los smbolos que representan sonidos. Se ven perfiladas los smbolos o grafas mediante sonidos.
CONCLUSION
I. Conceptos relacionados con desarrollo / aplicacin letra caligrafa tipografa letragrafa II. Letragrafa Caligrafa Tipografa Tipografa creativa Diseo tipogrfico Diseo editorial aspecto formal de la letra (historia, partes y clasificacin) trazo a partir de la imprenta como imagen creacin de tipos aplicacin historia / evolucin caligrafa tipografa pictograma ideograma fonograma
DESARROLLO DE LA ESCRITURA FONTICA Sumerios Egipcios Fenicios Griegos Etruscos Romanos DESARROLLO ESTILSTICO DE LA ESCRITURA Uncial Semiuncial Cancilleresca Gtica Carolingia
Necesidad de crear una escritura La acumulacin de ideas, juicios y pensamientos aument y, por ello, la comunicacin hablada se hizo insuficiente. Surge as una escritura con signos de valor constante.
Pictografa Expresin con imgenes. Es el primer paso para la verdadera escritura (hace 50,000 aos). Iconografa Ideografa imgenes. Escritura analtica Representa cosas vistas y da impresiones estticas. Los signos y dibujos representan ideas y conceptos abstractos combinando Las imgenes se elevan a la categora de smbolos y abstracciones. Constituyen el puente natural entre la pictografa y la fontica (ej. Cuneiforme, Hiertica y Demtica, China, Maya).
Escritura Fontica Las figuras despus de ser smbolos convencionales pasan a representar sonidos para ser reproducidos de manera constante y perdurable.
10
11
12
13
14
15
16
17
Lneas fundamentales de la estructura de la letra Referidas a alfabetos de tipo lineal, las letras adems de estar circunscritas en alguna forma geomtrica, pueden constituirse geomtricamente por 4 tipos de lneas: rectas, fragmentadas, curvas y mixtas.
2 3
Si se utilizan slo maysculas la lectura es ms difcil ya que todos los caracteres tienen la misma altura. Aunque hay variaciones cuando se combinan estas formas. 4 El uso de diagonales y puntos intermedios estabiliza las formas menos estables de las letras basadas en el triangulo y el crculo.
18
Existe una derivacin progresiva de las letras partiendo de los trazos fundamentales. En la siguiente figura estn evidenciados los cuatro trazos fundamentales que se repiten siempre iguales en otros tantos grupos de letras; despus se recompone la forma de todos los signos alfabticos individualizados otros 20 trazos suplementarios, necesarios para la terminacin.
Todas las letras pueden ser reproducidas mediante un solo grosor de la lnea, creando su esqueleto que luego puede revestirse de diferentes formas.
19
Proporciones romanas
20
Correcciones pticas (ajuste ptico del alfabeto) Para hacer las formas ms estables, ciertos detalles tienen que ser corregidos visualmente. Es el mismo caso para las letras. Las letras son figuras percibidas por el ojo humano cuyo diseo se somete a leyes fsicas bien precisas. La sola construccin geomtrica, si bien rigurosa, no le garantiza al carcter una forma armoniosa y proporcionada. Para obtener esto es necesario retocar las letras en sus contornos aplicando leves modificaciones llamadas correcciones pticas. A continuacin se detallan las ms utilizadas:
o
Los rasgos transversales en las letras B, E, F y H debern situarse ligeramente arriba de la mitad de las mismas para evitar que aparezcan flojas o cadas. (1) En las letras P, A y R tanto los rasgos medios como transversales se dibujarn debajo de la lnea de gua central, proporcionando entre s los espacios interiores de las letras con los exteriores. (2) Las letras redondas C, G, O y Q deben agrandarse ligeramente ms que las otras o de lo contrario darn la impresin de ser inferiores de tamao. (3) Lo mismo sucede con las letras angulares A, M, N, V y W por lo que la punta exceder en tamao a las dems. (4) Las letras J, U y S se ajustarn a la misma regla en los rasgos curvos. (5)
21
5. PRINCIPIOS DE TIPOGRAFA
5.1 ESTRUCTURA DE LA LETRA
El CARCTER
Es esa seal o marca que se imprime, transfiere, pinta o esculpe y viene a ser la unidad fundamental del lenguaje escrito, que en tipografa es una unidad portadora de una forma y estilo singular. Los caracteres pueden presentarse en:
Cada uno de ellos con sus formas bien definidas, permiten asociarlos a una fuente o a una familia y estas a su vez clasificarlas dentro de esa gran magnitud de formas.
EL RENGLN GRFICO
Es el conjunto de lneas horizontales que indican la proporcin de la altura de las partes bsicas de las letras, como la altura x, las ascendentes y las descendentes, as como, la proporcin de maysculas, minsculas, versalitas y nmeros. En el caso de las lineales, las egipcias y las romanas modernas, el rengln se compone generalmente de 4 espacios y en el caso de las romanas antiguas est formado por 5 ya que las ascendentes superan la altura de las maysculas. Se consideran bsicamente: lnea media inferior, lnea media superior, lnea de las descendentes, lnea de las ascendentes, altura de las maysculas.
22
Altura x (ojo medio) Altura de las letras minsculas sin considerar los trazos ascendentes y descendentes. La proporcin de la altura x, con respecto a las ascendentes y a las descendentes, puede variar para cada tipo de letras.
Ascendentes (ojo medio superior) Rasgo de las letras que sobresale de la parte superior de la altura x. La alineacin superior del renglon grfico define su altura. Los ascendentes pueden llegar a sobrepasar la altura de las maysculas.
Descendentes (ojo medio inferior) Rasgo de las letras que sobresale de la parte inferior de la altura x. La alineacin interior del rengln grfico, define su tamao.
Maysculas Tambin llamadas letras de caja alta5. El rengln grfico indica su altura a partir de la alineacin superior, y no siempre tienen la misma altura que las ascendentes.
Minsculas Tambin llamadas bajas o de caja baja.6 Su altura corresponde a la altura x definida en el rengln grfico.
Haciendo referencia a las cajas en las que se acomodaban los tipos de impresin. (En la caja superior iban las maysculas, mientras que en la inferior iban las minsculas). Idem. 23
Veresalitas Carcter con las caractersticas de las maysculas pero de igual altura al ojo central de la minscula.
Capitulares Sirven de comienzo a un prrafo, son de adorno y de mayor tamao que las empleadas en el texto base. Pueden ser sencillas u orladas, y abarcar una o ms lneas del prrafo.
Interlnea Distancia entre las lneas de texto o renglones. La interlnea se mide desde donde termina la descendente hasta donde empieza la ascendente de la siguiente lnea de texto
24
Fuerza del cuerpo o del tipo Altura o tamao de la letra mas el interlineado de la misma. Ej. Si la letra mide 10 puntos y el interlineado 2 puntos, entonces la fuerza del cuerpo o del tipo se expresa como: 10/12; en donde 10=tamao de la letra y 12=el tamao de la letra + el interlneado.
Las caractersticas formales de estos dos, determinan el estilo de la letra. La manipulacin de las astas y remates en la bsqueda de nuevas formas, constituyen una parte muy importante en el diseo de alfabetos. Trazo principal Tambin llamado asta, rasgo o fuste, es el trazo que estructura a la letra, que la determina y el de mayor fuerza en la letra; y se pude definir por su grosor o por su inclinacin.
Por su grosor
25
Por su inclinacin
Asta vertical (pierna o pata) Asta horizontal (braso, tilde, trabezao, barra o asta transversal) Asta transversal quebrada (traviesa) Asta oblicua (montante o convergente, pierna, brazo) Asta curva (arco de pierna, ojo, anillo u ojal, espina, panza)
Trazo terminal Define el extremo de los trazos principales y pueden estar en la cabeza o pie de la letra. Se pueden agrupar en dos tipos bsicos: Patines, gracia o serif
Los trazos terminales, definidos como patines, marcan dos estilos bsicos en las letras: las letras patinadas o serif y las letras no patinadas o sans serif. El patin serif, gracia o remate, es un trazo muy importante en la definicin de los diferentes estilos, ha evolucionado formalmente de una poca a otra y constituye un elemento muy importante en la legibilidad y grado de lectura de la letra. Tipos de patines: 1. 2. 3. 4. Mixtiforme Filiforme Rectiforme Cuadrangular
1 2
Pueden tener cuatro conformaciones. Gota Botn Bandera Pico o gancho (pice)
26
ESQUEMA DE SNTESIS
27
Antiguos, lineal o bastones Egipcios Romanos antiguos o Elzeviros Romanos modernos o Didots
Se reconocen adems los dos subgrupos de las Escrituras y de los caracteres Fantasa a los cuales se adjuntan, por su frecuente presencia en muestrarios de caracteres, de manera secundaria las letras Cancillerescas y las del tipo Gtico.
7 8
Forma propia y caracterstica del caracter dada por el diseo de sus astas y por la combinacin de stas con los remates. Deutsche Industrie Normen (Normas Industriales Alemanas). 9 Asociacin Tipogrfica Internacional.
28
lineales
egipcios
romanos antiguos
romanos modernos
escritura
fantasa
En relacin con su estilo, los caracteres estn clasificados por familias o conjuntos de signos escriturales que comparten rasgos de diseo comunes. Para cada una de las familias es posible individualizar en grupos ulteriores de letras, haciendo referencia as a la gama serial, que son las variaciones10 de la misma basadas en la amplitud, la intensidad y la inclinacin del trazo.
10
Segn Adrian Frutiger (De signos y de hombres), las letras H y n10, mayscula y minscula respectivamente, de cualquier familia son el modelo que fija las proporciones a partir de las cuales se modifican y construyen los signos. La versin normal de estas dos letras nos dice que si su altura es x, la amplitud debe ser 80% de x; adems de que el grosor de sus rasgos principales es igual al 15% de la medida de su altura. 29
Gama serial
Los caracteres pueden modificar su forma normal estrechndose o alargndose, obtenindose letras extracondensadas, condensadas, normales, extendidas y extraextendidas.
Las letras pueden cambiar su valor de intensidad afinando el espesor, volvindose con ello ms claras (delgadas) o ms espesas (gruesas), obtenindose letras ultra light, light, normal, semi bold, bold, extrabold.
30
11
La inclinacin de 12 es la ms correcta para expresar la forma cursiva de un carcter. Las inclinaciones menores no son percibidas por el ojo mientras que las inclinaciones mas acentuadas alteran el equilibrio de la misma. 31
Los casos extremos de las variaciones dan por resultado letras tan alteradas y desproporcionadas que se tornan ilegibles.
Fuentes y familias tipogrficas Los trminos tipografa y fuentes a menudo se confunden como sinnimos; sin embargo, la tipografa es el diseo de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseo, cuerpo y estilo; estos caracteres incluyen letras en caja alta y baja, numerales, versalitas, fracciones, ligaduras, smbolos y grafismos, entre otros. En iguales circunstancias familia y fuente tipogrfica son mencionados como un mismo trmino, sin embargo una familia tipogrfica es un grupo de tipografas unidas por caractersticas similares. Los caracteres de una familia se parecen entre s, pero tambin tienen rasgos propios. Las tipografas de cada familia tienen distintos grosores y anchos.
Fuente tipogrfica es la que se define como estilo o apariencia de un grupo completo de caracteres, nmeros y signos, regidos por unas caractersticas comunes. Familia tipogrfica significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, como por ej. en el grosor y anchura, pero manteniendo caractersticas comunes. Los miembros que integran una famlia se parecen entre s pero tienen rasgos propios.
Fuente
Familia
32
33
6. USOS DE LA LETRA
Aspectos participes en la eleccin de fuentes SINTCTICO SEMNTICO PRAGMTICO organizacin (distribucin de los caracteres). significado (lo que corresponde a su contenido). prctica (produccin y reproduccin del objeto de diseo, uso y funcin de la letra).
CLASIFICACION DE LOS USOS Partiendo del anlisis de los tres aspectos (sintctico, semntico y pragmtico) que determinan una tipografa, se puede apreciar que presenta bsicamente dos tipos de usos:
Formal
relacionado con la disposicin, organizacin y funcin de la letra como ente compositivo escrito-visual (diseo editorial). (letra, lnea, prrafo, columnas, interlnea, legibilidad, texto base, texto de display, etc.) relacionado meramente con la funcin visual de la letra (monogramas, caligramas, tipogramas, sintagmas, logotipos, etc.)
Como imagen
caligrama
monograma
Uso formal
34
Los tres aspectos tienen que ver con el aspecto y la connotacin visual de la letra, y se ven estrechamente relacionados en el diseo y empleo de alguna tipografa.
Ej. Un encabezado se acomoda en determinado lugar (a. sintctico) para determinar una jerarqua visual y de conceptos, De igual forma se le asigna un color y una forma determinada para remitir a algn concepto (a. semntico) y a la funcin que est cumpliendo (a. pragmtico). Lo anterior influye en la eleccin del sistema de produccin y reproduccin a usar.
35
ASPECTO SEMNTICO DE LA LETRA La escritura es la representacin del habla. En lenguaje escrito, el significante12 se representa con caracteres fsicos (letras) que son del dominio de la vista, resultando irremediablemente imgenes visuales que se mezclan con el contenido semntico del lenguaje verbal. Utiliza todos los recursos de la comunicacin visual, que combinan con la informacin lingstica contenida en las palabras. Se puede hablar de un lenguaje escrito-visual, en donde se da una sntesis de la palabra con la imagen. En l, la palabra escrita puede alterarse con un simple cambio tipogrfico, variando su forma, su tamao, su color y su grosor, para subrayar o transformar su significado13.
As, la tipografa posee una dimensin icnica, no verbal, que incorpora para lograr la comunicacin de significado. La tipografa transforma el significado de las palabras y, junto con el color, puede reforzar o alterar por completo el significado que asociamos a un diseo. Como se ha mencionado, dems de enviar mensajes objetivos (efectuar la comunicacin), la tipografa expresa inevitablemente emociones subjetivas (modos en que la informacin afecta), efecto que se produce por dos razones: 1. Por la forma abstracta de los caracteres: blandos, redondos, tiernos, rudos, elegantes, groseros, etc. 2. Por la experiencia vital de la escritura por lo que se ha vivido con ella. Es un hecho inexplicable pero real, el que las sensaciones que nos evoca determinada tipografa tiene que ver mas con hechos emotivos que lgicos. Y as, nada ms mirar el diseo, slo el tipo de letra utilizado ya nos comunica una sensacin fra o amistosa, agradable o molesta, formal o informal. Lo anterior esta determinado por el medio cultural en el que nos desarrollamos, relacionado a momentos en el tiempo o a lugares geogrficos, con la moda, con aplicaciones y experiencias especficas anteriores, entre otros
Ej. Una letra de los aos 60s difcilmente se puede sacar de ese contexto, no permitiendo remitir a nada ms que a algo relacionado con dicha dcada.
12 13
Lo que corresponde a la forma de las palabras sean orales o escritas. Lo que corresponde a su contenido, responde al tipo de intereses del grupo.
36
Tal como pasa con los estilos artsticos, musicales, la moda... cada tipografa puede estar asociada inequvocamente a un lugar determinado y a una poca concreta. Esto hace que, normalmente, las tipografas que tienen una asociacin clara de este tipo sirven para usos muy determinados, y que se empleen escasamente fuera de stos, haciendo que incluso resulte extrao verlos en un contexto diferente del esperado.
Ej. Muchas cervezas se anuncian o tienen su logo con las tpicas letras gticas fraktur.
Se debe contemplar que la mala eleccin de esas formas puede interferir positiva o negativamente en el proceso de comunicacin.
LIGERO
LIGERO
Por otro lado, la tipografa debe ser funcional si se quiere cumplir con su tarea. La relacin debe estar basada en la respuesta a la pregunta Cumple este tipo con el objeto de la tarea?. En ese sentido, la forma es parte integrante de la funcin y las variaciones en la forma de las letras cambian las cualidades semnticas y sintcticas de las palabras. La calidad semntica y visual de una palabra o un texto puede realzarse mediante las variaciones en la caja el estilo, la inclinacin, el peso y la anchura de las letras. Los sutiles detalles de los remates en la forma de cada letra en concreto contribuyen de manera significativa a potencializar la calidad de un texto.
37
Sin embargo, no solo con el tipo de letra sino tambin con el diseo tipogrfico se puede decir algo (aspecto sintctico). La arquitectura de las letras y su organizacin definen la mtrica, organizacin la lectura y jerarquizan la informacin.
Se puede concluir diciendo que todo diseador debe tener la habilidad de analizar, explorar y reconocer las caractersticas conceptuales, formales, histricas y tcnicas de los diferentes tipos de letras. Cada familia tipogrfica tiene sus propias caractersticas y su propia personalidad, que permiten expresar diferentes notas visuales, por lo que la seleccin de las familias tipogrficas a usar en una composicin debe hacerse con un amplio sentido de la responsabilidad y cuidado, para no afectar al proceso comunicativo.
38
El texto se distingue como uno de los elementos que componen14, en general, una pgina15; resultando un factor determinante para la creacin de alguna publicacin16.
4 5
Dentro de ese mbito, entendemos por texto al conjunto coherente de enunciados escritos, dentro de los cuales se distingue el texto base (texto que conforma el volumen principal del material impreso) y el texto de resalte (palabras o frases que destacan: ttulos y subttulos, por ej.) Adems, existen otros elementos textuales que pueden ayudar a definir la composicin de una pgina: epgrafes, folios, citas, notas, entre otros.
14
En general, se pueden distinguir 5 elementos que componen una pgina: formato (papel-sustrato), mrgenes, retcula, texto e imagen (elementos grficos). 15 Entendiendo a la pgina como la unidad bsica de diseo de publicaciones. 16 Originalmente el trmino publicacin significa hacer algo pblicamente conocido. Ahora, este trmino hace referencia al material preparado para el consumidor, incluyendo la informacin contenida en libros, peridicos, revistas, etc. 39
1. texto base 2. titulo 3. subtitulo 4. fotografa 5. pie de foto 6. folio numrico 7. folio explicativo 8. cita 9. nota
I. Texto base Por texto base se entiende el que forma el volumen principal del material impreso, el cual genera una mancha de texto. Responde generalmente a un tipo de lectura continua, con textos lineales y homogneos; casi no se fragmenta. Se conforma por prrafos o bloques de texto comprendido entre dos puntos y aparte, formado generalmente por varias lneas de texto.
prrafo
Mancha tipogrfica
40
La mancha de texto puede ocupar el 100% de la hoja o solo una parte de ella, sin embargo normalmente es menor al tamao total del papel, por lo tanto es necesario considerar cual es la manera ms armoniosa de distribuir sta. (Ver ANEXO: FUNDAMENTOS PARA EL DISEO DE LA CAJA TIPOGRFICA) II. Texto de Resalte Son las palabras o frases que destacan por su posicin especial, su puntaje, su grosor, su color, su inclinacin, etc. Segn su importancia se dividen en:
Titulo Subttulo
(palabra o frase para dar a conocer el nombre del tema, capitulo o unidad del documento). (ttulo secundario que se ubica en ocasiones despus del ttulo y nos refiere a una parte del contenido del documento).
Titulo Subtitulo
Como otro elemento de resalte podemos encontrar a las letras iniciales o capitulares sirven para dar pauta al inicio de un prrafo, de un captulo, tema o unidad de un documento. Son letras de adorno, de mayor tamao que el resto de la mancha tipogrfica o texto base y deben estar proporcionadas con este y con el tamao del impreso. Pueden ser: sencillas (de tipo comn con cuerpo grande) y orladas (con adornos u ornamentadas).
41
Adems del texto base y de resalte, como parte del texto de una composicin podemos encontrar epgrafes (pie de foto), folios, citas, notas, entre otros.
Epgrafe: Leyenda explicativa que se coloca debajo de las imgenes. Folio: Nmero que indica el orden de las pginas, y que pueden ir acompaados de algn adorno. Cita: Nombre de intercalo cuando un autor repite en el texto palabras de otro autor. Nota: Son observaciones o aclaraciones que se aaden fuera del texto, al margen o al final de la pgina o captulo, incluso del libro.
Folio Cita
Epgrafe
Nota
MEDIDAS TIPOGRFICAS
Tamao de la letra: Se le denomina cuerpo, se mide en puntos y va desde la alineacin superior a la alineacin inferior. Esto es tomando la ascendente y la descendente.
Interlnea: Espacio entre una lnea y otra, y se mide en puntos a partir de la descendente de una lnea a la ascendente de la siguiente lnea.
Fuerza del cuerpo (F.C.): Es el tamao o puntaje de la letra mas el tamao de la interlnea, y se indica 10/12 pt. (diez en doce).
43
Profundidad: (longitud de lnea), es el nmero de lneas de una columna. Se puede medir en picas o puntos, segn el nmero de lneas y la fuerza del tipo (por ej. si se tienen 30 lnea de 10/12, son 360 pt. O 30 picas). Justificacin: Ancho de una columna tipogrfica que delimita el largo de una lnea, y se mide en picas.
Justificacin
Profundidad
Se entiende por diseo editorial al trabajo de crear piezas de difusin enmarcadas en una clara identidad tipogrfica, icnogrfica, geomtrica y cromtica, que apuntale una intencin de comunicacin y describan un perfil acorde con la informacin que en ellas se publica y permitiendo con ello su sucesiva reutilizacin sin perder sentido ni actualidad. El diseo editorial es el exponente ms combativo de las piezas de diseo. Sus caractersticas posicionan a los libros, las revistas, entre otras publicaciones, como un espacio donde informacin e imagen conviven fortalecindose, fomentando la precisin del mensaje y su eficacia.
Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en pia e irregular.
Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos. Pasaremos a referirnos a ciertos materiales modernos de categora "superior" a la de los recin tratados, algunos ya existentes y otros pertenecientes a la categora de productos prospectivos.
Justificado
A la derecha
A la izquierda
Centrada
LEGIBILIDAD Y LEIBILIDAD
Legibilidad es el trmino empleado en diseo tipogrfico para definir una cualidad deseable en los tipos. Es una propiedad del diseo de la letra La leibilidad es una cualidad de la tipografa en su conjunto, o del uso de ella (publicaciones), esto es, que la persona que lo va a leer pueda hacerlo de manera fcil y rpida. La legibilidad de un tipo de letra diseado para un texto seguido depende en gran medida de sus caractersticas concretas y la leibilidad del modo en que se emplea.
44
LEGIBILIDAD Para un tipo con mayor legibilidad, se deben tomar en cuenta varios aspectos, de preferencia debe tener las siguientes propiedades: a) Los espacios interiores abiertos, el contorno interno de las letras debe estar lo suficientemente abierto para no confundirse con otras letras o que no se cierre al momento de emplear un tamao pequeo
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin
Un tipo de letra normal resulta ms legible que cualquiera de sus series, en un texto seguido (las variante fueron diseadas para dar nfasis en el texto de resalte o variedad, ya que resultan ms difciles de leer que la redonda normal). Mientras mas delgada sea la tipografa ser mas fcil de leer, ya que conforme se va engrosando los huecos de la letra se van cerrando
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
b) Que las ascendentes y las descendentes no sean muy cortas para que se distingan de la altura x.
djh
Ilcito lila
djh
Ilcito lila
c) La letra con patines aumenta la legibilidad, aunque tampoco deben ser muy exagerados; por otro lado los caracteres sin trazo terminal son por naturaleza menos legibles ya que es frecuente que las letras se parezcan entre si.
d) no son muy convenientes los contrastes drsticos entre los trazos finos y los gruesos, debido a que dificultan la lectura; por otro lado tambin es muy montona una letra con trazos del mismo grueso.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
45
LEIBILIDAD Aunque el tipo de letra tenga una buena legibilidad, un mal manejo de esta puede crear poca leibilidad en un texto, esto es, una mala lectura. Para hacerla leble, es necesario considerar varios aspectos: a) el material impreso en formato normal se lee habitualmente a una distancia de 30 a 35 cm., de tal forma que el tamao de la letra ha de calcularse para esta distancia. Letras muy grandes o muy pequeas se leen con mayor esfuerzo y el lector se cansar rpidamente.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
b) Es ms fcil leer un texto continuo en bajas, ya que las ascendentes y las descendentes dan movimiento a la tipografa por lo tanto hay seguimiento en la lectura.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. SE LLAMA FORMATO AL TAMAO DE UNA PUBLICACIN O IMPRESO, QUE ADOPTA UNA FORMA DETERMINADA POR SUS DIMENSIONES Y POR SU POSICIN.
c) Dentro de una pgina, la falta de trazos presenta una uniformidad que puede llegar a hacerla montona y en consecuencia poco atractiva. Esto se puede resolver dando ms interlineado o utilizando texto de resalte, ilustraciones, etc. Que rompan la solidez del texto seguido.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Tipografa 9/12
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Tipografa 9/14
d) Las palabras deben estar prximas unas a otras, se puede considerar el ancho de la letra t como el espacio ptimo de separacin y como mximo deben estar separadas por un espacio igual a la anchura de la letra a. Por otro, lado deben evitarse espacios entre palabras muy abiertos, ya que estos ocasionan los llamados ros en el texto, que resultan desagradables a la vista.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama tamao publicacin que adopta determinada dimensiones posicin. formato al de una o impreso, una forma por sus y por su
46
47
Clasificacin de los espacios. Para formar una palabra, en sentido tipogrfico, colocamos una letra enseguida de la otra considerando espacios ptimos entre cada una de ellas, siendo lo mas importante que los espacios queden visualmente bien balanceados.
Los espacios entre las letras se ajustan segn se trate de formas anchas o estrechas y que consten perfectamente de verticales, oblicuas y curvas. As, el espacio entre las letras depende de la amplitud y de la intensidad del carcter17, tomando en cuenta el asta de las mismas con respecto a su perfil. Como ya se mencion, una palabra bien espaciada es aquella que es reconocida con armona y equilibrio entre su forma y el espacio que se encuentra a su alrededor. Para lograr esto se emplean diversos tipos de espaciados, segn sea el caso de aplicacin:
Espacio EM
Medida, adems de los puntos y las picas, empleada para describir espacios tipogrficos. Es un cuadrado cuyas medidas van en relacin al alto y ancho del tamao del tipo que se est empleando. La mitad del espacio EM es llamado EN. El EM es casi el ancho de la m minscula y el EN es casi el ancho de la n minscula. Las sangras y los espacios entre tabuladores se especifican muchas veces en EMS, mientras que el espacio entre palabras comnmente es definido como una fraccin de una EM. El espacio EM y sus divisiones son relativos al tamao de la letra.
Tracking
Es el espacio entre caracteres. Cuando los caracteres de un prrafo se acercan o se separan entre s, se llama tracking, este es til para compensar problemas en el ancho original de una fuente, para crear cambios en la densidad al momento de unir o separar las letras y para crear aumentar o disminuir el nmero de caracteres que caben en determinado espacio. Cuando el tracking es empleado en un bloque de texto es llamado reduccin o adicin de espacio blanco, segn sea el caso.
17
Cada estilo, familia y serie de caracteres requiere de un estudio especial, segn sea su asta y su configuracin.
48
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Kerning
Existen ocasiones en que solo un par de letras tienen un mal espaciado; cuando se ajusta solamente el espacio entre una letra y otra se le llama kerning. La separacin se produce principalmente por la forma de las letras provocando que se quede demasiado espacio entre una letra y otra. Generalmente la separacin debe ser ptica y no mecnica. Principales casos de ajuste de kerning: Yo, Ya, To, Tu, Ta, Wo, Wa, TA, WA, PA y casos similares.
TA TA
normal Regla auxiliar para los espacios entre letras.
kerning
49
Alineacin ptica. En ocasiones, sobre todo cuando se trabaja con ttulos, la alineacin de la tipografa se debe hacer visualmente, ya que mecnicamente la alineacin vertical y horizontal es la misma para todos los caracteres; esta alineacin es individual. Para producir una apariencia correcta, sobre todo cuando se emplean astas rectas y circulares , verticalmente hay que alinear las curvas con las lneas verticales. Igualmente la alineacin horizontal de las curvas de debe cuidar, dejndolas caer un poco ms debajo de la lnea base para que visualmente se vean alineadas con los dems.
Unicornio
HISTORIA Y VERDAD DEL UNICORNIO Y SU CUERNO
Alineacin Mecnica
Ancho de columna. En cuanto a la justificacin de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por lnea. Cuando la lnea tiene ms de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difcil encontrar la siguiente. Las lneas demasiado cortas tambin fatigan, ya que el ojo es obligado a cambiar de rengln con demasiada rapidez.
En cuanto a la justificacin de una columna, se ha logrado una anchura favorable para la lectura cuando se colocan de 7 a 10 palabras por lnea. Cuando la lnea tiene ms de doce palabras, la vista tiene que alejarse demasiado del comienzo de la misma y resulta difcil encontrar la siguiente. Las lneas demasiado cortas tambin fatigan, ya que el ojo es obligado a cambiar de rengln con demasiada rapidez. En cuanto a la justificacin de una columna, se ha logrado una anchura.
Interlnea. Las lneas demasiado prximas entre si perjudican la velocidad de la lectura, puesto que entran al mismo tiempo en el campo ptico el rengln superior y el inferior.
50
Lo mismo puede decirse del interlineado excesivo, al lector le cuesta trabajo encontrar la unin con la lnea siguiente y las lneas parecen demasiado aisladas.
Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin. Se llama formato al tamao de una publicacin o impreso, que adopta una forma determinada por sus dimensiones y por su posicin.
Los textos largos requieren mayor interlineado. Un nuevo prrafo de texto puede separarse con una lnea en blanco que lo anteceda o con sangra en la primera lnea. Densidad o valor tonal. En la tipografa el color se refiere al tono de gris que esta produce a la vista. El valor tonal es el aspecto general que adopta una composicin tipogrfica integrando todos los elementos que la conforman en relacin con el blanco total de la pgina; el espacio alrededor de las letras y de las palabras debe ser constante. Otros aspectos que contribuyen al balance tonal de la pgina son: los mrgenes, medianil, interlineado y la altura x. En la configuracin del color intervienen mltiples factores compositivos adems de los propios de la tipografa elegida. Influyen los espacios empleados en la composicin para separar caracteres, palabras o lneas, todos ellos conjugados a su vez con la distribucin y ubicacin que tengan los bloques de texto. El texto puede tener muy poco espacio o no, lo cual no es recomendable, sin embargo en ambos casos el balance tonal debe ser el mismo, para no generar diversidad de patrones en la tipografa.
51
MONOGRAMA Signo18 compuesto por 2 caracteres relacionados entre si de manera singular, que se colocan enlazados o acoplados y en ocasiones se combinan con dibujo o elementos decorativos. En el caso de tener mas letras se denomina sigla. El monograma surge de la bsqueda de superposiciones y enlazamientos para obtener una forma que no sea transparente. No solamente deber observarse si no tambin estimular a un proceso de interpretacin, de ah que su diseo es regido por el impacto visual que genere. Es posible individualizar algunas caractersticas fundamentales que todo monograma debe presentar:
Nitidez de composicin para una rpida interpretacin. Personalidad y carcter fuerte de la imagen totalizante. Individualidad del signo, con referencia a la persona o tema de pertenencia.
Se puede llamar monograma tambin a un logotipo. El logotipo (estrictamente se traduce como tratado de la letra) es un grupo de letras, abreviaturas, cifras, etc., fundidas en un solo bloque que hace referencia al nombre de una empresa, conmemoracin, marca o producto. Cuando el logotipo incluye un smbolo grfico recibe el nombre de imagotipo (anagrama). La mayor parte de las veces, logotipo e imagotipo van de la mano, pero en otros casos o bien nicamente el smbolo o bien nicamente el logotipo componen el identificador (Ej. COCA-COLA (slo logotipo) y NIKE (slo smbolo).
18 Signo es todo carcter grfico que por su forma, convenio o naturaleza evoque en la conciencia la idea de algo. (http://es.wikipedia.org/wiki/Signo)
52
TIPOGRAMA (palabra-imagen) Texto, signo o caligrama realizado con caracteres de imprenta, los cuales estn dispuestos de tal manera que su figura reproduce un objeto o idea en l aludidos. Se pueden representar, principalmente, en tres situaciones:
Palabra-imagen
En el campo de la grfica la simple escritura alfabtica con frecuencia no resulta suficiente para una comunicacin fuerte y expresiva. Un carcter adecuado, an elegido cuidadosamente con referencia al significado de la palabra que compone, a veces no es suficiente para una propia expresin clara y se recurre entonces a una solucin grfica definida como la palabra-imagen. En este caso las palabras se cargan de valor icnico en grado dominante respecto de su valencia lingstica habitual. Estas deben ser ledas y al mismo tiempo interpretadas como imgenes y quienes las observan tienen que encontrarse en posicin de valorizar el contenido (la figura) a travs de la lectura del vocablo.
53
Fototipograma
Letra faltante
En el campo de la grfica se adopta frecuentemente la solucin de sustituir una o mas letras de un signo o logotipo con la silueta de un objeto o cualquier otro signo que defina ms claramente la identidad del tema involucrado. En razn de que los caracteres son reconocibles por el ojo gracias a la percepcin de pocos trazos esenciales, su sustitucin por una figura que tenga elementos estructurales parecidos no origina graves alteraciones en el proceso normal del lectura. La palabra, en cambio, gracias a la introduccin de una imagen diferente es ms interesante, asumiendo un valor icnico. Si el cambio esta bien estudiado y la nueva silueta se coloca de manera acentuada, pero con equilibrio y armona en el contexto de la palabra, el ojo es atrado pero no disturbado; y sucede entonces que a la simple lectura se superpone tambin un procedimiento de visin e interpretacin.
54
Letra expresiva
La alteracin de la forma de una letra puede suceder tambin con referencia a un lema19. En este caso la accin que el lema expresa se convierte en el tema para la ideacin de la nueva imagen del carcter; el lema se invierte directamente sobre la letra y manipula la figura de modo que ella represente la accin de inmediato. En algunas circunstancias son las mismas letras las que, sin cambiar la forma original, se cargan de identidad y se convierten en sujetos, integrantes entre ellas; los personajes que intervienen en la accin deben tener, en efecto, connotaciones bien marcadas adecuadas para expresar del modo mas claro posible el lema por representar.
COMPOSICION TIPOGRAFICA Se entiende por composicin a la disposicin en el espacio-formato de diferentes signos segn una idea directriz20 para obtener un efecto deseado, mediante una forma estticamente agradable y fcilmente legible. En una composicin tipogrfica sern los caracteres los elementos dispuestos a lo largo del formato.
19
Un lema es una frase que expresa la intencin de un grupo de personas. Muchos pases tienen lemas, al igual que otras instituciones como universidades o empresas. (http://es.wikipedia.org/wiki/Lema) Por idea directriz se entiende a la intencin subyacente en la composicin de comunicar algo en especfico. Es el concepto a manifestar a travs de la obra. 55
20
Sintaxis del campo compositivo. Al realizar una composicin estamos pasando del caos al orden y del orden al caos, en una dualidad que busca nuevas formas de expresin en su transformacin constante. Esto implica a final de cuentas un manejo de fuerzas o energas que subyacen en toda estructuracin. Podemos hablar as de tres tipos o clases compositivas: estticas (equilibro, estabilidad), dinmicas (tensin, movimiento) y compensacin de pesos visuales (equilibrio simtrico y tensin); esto tiene mucho que ver con los criterios de equilibrio, tensin y ambigedad. En el campo compositivo se dice que los elementos de diseo estn en equilibrio cuando dentro de una composicin se da un ajuste de pesos de cada uno de los elementos que la conforman, de tal modo que no exista dentro del conjunto alguna parte que genere una atraccin muy poderosa. Sin embargo es importante que en una composicin exista un punto focal que atrape la atencin para recorrerla visualmente, aunque en este caso se encuentre manifiesto de un modo sutil. Este equilibrio o ajuste de pesos visuales se puede lograr a partir de la simetra especular o bien a partir de una compensacin en donde la idea de contrapeso visual se hace presente. Por otro lado, cuando los elementos que componen un diseo estn fuera de los ejes de equilibrio se da una sensacin de inestabilidad o bien e presenta una zona de alta atraccin o tensin visual. Esta tensin o fuerza de atraccin puede tener diferentes intensidades apoyadas por las caractersticas de la forma (figura, tamao, color y textura) o por las relaciones de direccin, posicin espacio y gravedad que se generen en la imagen. Dos casos de la composicin dinmica, son: la composicin en espiral (una lnea en espiral dirige la fuerza vital hacia el centro del cuadro. Este tipo de composicin alude al sentido de profundidad y movimiento al infinito) y la composicin polifnica (los elementos compositivos son desarrollados simultneamente y se compenetran entre s gracias a sus semejanzas o diferencias de forma, color, valor, posicin o direccin. En este tipo de composicin los elementos adquieren carcter de voces o sonidos que articulados entre s generan armona, tal como sucede con los diferentes instrumentos de una sinfona). La ambigedad en una composicin se da cuando no se define con claridad la estrategia del manejo de las energas compositivas. El manejo de la imagen puede ser armnica o contrastante, atractiva o repulsiva, integrada o desintegrada, en equilibrio o tensin. No se alcanza a determinar si algo est en tensin o no, si es dinmico o esttico, o bien cual es ka parte de mayor importancia dentro de la composicin. Es conveniente evitar la ambigedad visual ya que de lo contrario el resultado podra ser desagradable e inadecuado. En los tres casos se generar implcitamente un movimiento, entendido como el cambio de posicin o situacin. (Pequeo Larousse Ilustrado, 2000) Todo movimiento involucra cierto ritmo. El ritmo es la sucesin y la armona de los valores visuales; son movimientos y velocidades sugeridos, similares a los desarrollos meldicos. As, se puede hacer mencin de que el ritmo se coordina con el movimiento, la lgica y la proporcin. El ritmo puede ser libre o constante y se genera mediante la manipulacin de las direcciones de los elementos y de los espacios entre ellos. La ley del ritmo involucra conceptos tales como simetra y densidad. Simetra: Es el equilibrio de energas o fuerzas contrastantes y puede ser de tipo: lineal (tiene un mismo elemento en una lnea, repeticin constante en traslacin o rotacin), alternada (sucesin de dos o ms elementos cuyos perodos pueden ser simples o compuestos), bilateral (simetra especular) y radial (su disposicin es conforme a un punto; puede ser bilateral). Intensidad o densidad: Es la fuerza que van a tener los elementos compositivos y se manifiestan a manera de modos cualitativos y cuantitativos. Pueden encontrarse 2 tipos: uniforme (ritmo sin un elemento ms importante que los dems) y modulada (existen diferentes pesos; hay elementos que tienen ms peso que otros).
56
Representacin movimiento 57
Representacin ritmo 58
Polifona
59
7. TIPOGRAFA DIGITAL
En la tipografa digital, el tipo carece de una existencia fsica propiamente dicha, y slo consiste en un conjunto de datos almacenado en al memoria de un ordenador. Esos datos pueden ser contemplados en la pantalla, o bien en papel, pelcula o directamente a una placa o un cilindro de presin digital para impresin offset o xerogrfica. As, una fuente digital se define como un conjunto o surtido completo de letras y signos tipogrficos de una clase o tipo determinados, en un tamao y estilo concretos, interpretados y manipulados por una computadora. Casi todos los programas tienen acceso a las opciones de formato de la fuente, tales como familia de fuentes, estilo de fuente y tamao. Sin embargo, las fuentes vienen en varios formatos21 y traen muchas variaciones. Existen fundamentalmente dos tipos de fuentes tipogrficas en los medios digitales, independientemente de la plataforma en que se trabaje, que son: Postcript
Es un lenguaje de computacin que describe todos los elementos de una pgina: textos, logotipos, imgenes, etc. Y es el estndar en los medios de edicin siendo empleado por diversas plataformas. Para texto, Postcript emplea sus propias fuentes digitales llamadas fuentes Postcript y que consisten en dos tipos de archivos: las fuentes de pantalla (bitmap) y las de impresin (outline). Fuentes de pantalla: Consisten en una serie de dibujos(mapas de bits) de todos los elementos del alfabeto (letras minsculas y maysculas, nmeros y smbolos) a tamaos fijos que estn formados por puntos o pixeles. Comnmente se encuentran en 8, 9, 10, 12, 14, 18 y 24 puntos, lo que hace un total de 7 archivos para cada estilo. Si el usuario requiere de otro tamao entonces el sistema emplea la de tamao ms cercano amplindola lo necesario. Esto trae consigo que la apariencia no sea tan buena mostrando bordes dentados. Fuentes de impresin: Se almacenan en la fotocomponedora o bien en el disco duro de la mquina para enviarse a la impresora cuando un documento as lo requiere. Estas fuentes son en realidad pequeos programas en Postcript que generan todos los elementos de una fuente a cualquier tamao para ser impresos.
pixeles
Vectores (Postcript)
21
True Type y Post Script, as como nuevos formatos Open Type y Uncode, prometen aadir cientos de nuevos caracteres especiales a las fuentes (desde vietas y smbolos de copyright, hasta caracteres extranjeros o smbolos muy especficos); desafortunadamente no existe un conjunto constante de caracteres especiales con los que puede contar al cambiar de una fuente a otra. Cuanto ms reciente es una fuente ser ms probable que tenga una mayor variedad de caracteres especiales. 60
TrueType
En este tipo de fuentes se mantienen los dos tipos de informacin pero un solo archivo, por lo que su manejo es ms sencillo.
MAC
PC
Cabe aclarar que an cuando las fuentes pueden encontrarse en cualquiera de estos dos formatos, y an, se puedan llamar igual, existen pequeas diferencias entre los distintos fabricantes, por lo que hay que proveer al bur de servicios con la fuente que se haya utilizado.
Open type Tecnologa para tipos anunciada por Adobe y Microsoft en 1997 para resolver las incompatibilidades de los formatos Post Script y True Type entre plataformas operativas (tecnologa "envoltura" que puede contener fuentes creadas en ambos formatos). Este formato Open Type fusiona True Type y Post Script en un archivo.
61
Las fuentes tanto de pantalla como de impresin se deben almacenar en una carpeta llamada Fuentes (FONTS) dentro de la carpeta de sistema de la computadora. De esta manera al arrancar se cargan las fuentes de pantalla en memoria RAM para ser usadas en tanto que las de impresin estn disponibles para ser enviadas a la impresora.
Fuentes para salida a pantalla (monitor)22 La adecuada implementacin de tipografa en un diseo destinado a una salida a monitor resulta del equilibrio e interaccin entre los distintos caracteres en la pantalla as como de una igualdad verbal y visual que ayude al lector a entender la forma que adoptan los contenidos de la misma. As, la tipografa juega un doble papel: verbal y visual. Cuando un lector visualiza una pantalla primero reconoce el esquema grfico general de la pgina y despus empieza a analizar el lenguaje para leerlo. Con una buena seleccin de tipografa se puede establecer una jerarqua visual que facilite la lectura al proporcionar tanto interrupciones visuales como nfasis grficos que ayuden al lector a entender la relacin entre el texto y la imagen, entre los titulares y los bloques de texto subordinados. Adems, cada tipografa seleccionada aporta un carcter propio al espacio virtual, lo cual ayuda a crear una armona entre los flujos verbal y visual de los contenidos. Cuando el contenido es en gran parte textual, la tipografa se convierte en la herramienta que utilizamos para "pintar" el esquema organizativo de la pgina, el cual ayuda a mejorar la organizacin de la informacin y a incrementar la legibilidad.
22
Multimedia e Internet.
62
www.wpp.com Los mrgenes definen la zona de lectura al separar y diferenciar el cuerpo principal de texto de la zona y los elementos que lo rodean. Si se usan de manera consistente pueden generar unidad en el sitio ya que establecen una adecuada estructura visual, adems de aportar una incuestionable tranquilidad y atractivo visual al aadir contraste entre el espacio positivo (texto) y el negativo (espacios en blanco).
typospace.drikka.net.com Los bloques de texto pueden asentarse entre los mrgenes de distintas formas. Un texto puede estar alineado a la izquierda, a la derecha, centrado o justificado.
El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.
Figura 3.17
El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.
Alineaciones de texto
derecha
El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.
El contraste es fundamental. El equilibrio y organizacin general de los elementos de una pgina es esencial si se desea atraer al usuario hacia los contenidos. Una pgina con slo texto genera una masa gris y montona, si claves.
justificado
centrado
izquierda
El texto justificado se alinea tanto a la izquierda como a la derecha creando rectngulos de texto slido, los cuales se consiguen mediante un espaciado de palabras muy rgido que genera una prdida de calidad. Los bloques centrados y justificados a la derecha resultan de lectura incmoda. Leemos de izquierda a derecha, anclando nuestro viaje a travs de la pgina en lnea vertical del margen izquierdo. Los mrgenes desiguales que se producen con la opcin de centrar texto o justificarlo a la derecha hacen que la visualizacin sea mucho ms compleja, pues el lector debe rastrear y buscar el origen de cada lnea de texto. 63
El texto justificado a la izquierda es la opcin ms viable, pues el margen izquierdo es constante, reglado y predecible. Esta justificacin no ajusta el espacio entre palabras y las arbitrariedades del texto se acumulan al final de cada lnea. Adems, el margen desigual de la derecha puede aportar variedad e inters a la pgina, sin restar capacidad de lectura. Los titulares y encabezados en textos justificados a la izquierda deberan alinearse tambin a la izquierda. Los encabezados centrados funcionan muy bien con los textos justificados, pero este tipo de justificacin no es muy recomendado. Las letras de un titular centrado contrastan con la asimetra del margen derecho y generan una pgina poco equilibrada. En la mayora de los casos para el cuerpo de texto y los encabezados el uso de la justificacin a la izquierda resulta la mejor opcin para la composicin de pgina. A pesar de que las reglas tipogrficas bsicas son las mismas tanto para documentos impresos como para los electrnicos, las caractersticas de la tipografa en pantalla son sustancialmente distintas. La lectura de un texto en la pantalla de una computadora resulta difcil en comparacin de un impreso, debido a la baja resolucin que ofrecen los monitores. La pantalla reproduce las fuentes a una resolucin23 muy inferior a la que se encuentra en cualquier impreso. Tipografa impresin lser = 1200 puntos por pulgada o ms Tipografa en pantalla = no ms de 72 puntos por pulgada Adems, la zona til de una pantalla tpica es menor que la mayora de las pginas impresas, limitando la informacin que se puede mostrar sin forzar a utilizar las barras de desplazamiento. Las lneas de texto no deben de ser demasiado largas, pues esto hace muy incmoda su lectura. Si la distancia entre el final de la frase y el principio de la siguiente es considerable, el ojo tendr que girar para volver al margen izquierdo, lo cual puede hacer que el lector se pierda y tarde un poco en reencontrar el inicio de la lnea siguiente. As, se ve que el uso de lneas con longitudes moderadas incrementa significativamente la capacidad de lectura de un texto. Una de las maneras de potencializar la funcionalidad y legibilidad de una composicin es el uso de columnas. La columna izquierda ms estrecha favorece a la composicin por dos cuestiones: por un lado proporciona flexibilidad en espacio para posibles variaciones en la composicin y por otro delimita la columna de texto principal a longitudes de lnea ms confortables.
www.sundancechannel.com Por otra parte, la distancia entre la lnea base de un rengln de texto hasta la lnea base del siguiente (interlineado) afecta en gran medida la legibilidad de un bloque de texto: demasiado grande hace que el lector tenga dificultad para
23
Segn Andrs Surez (2003), la resolucin de pantalla (r. de dispositivo), no es ms que a la cantidad de pixeles por unidad de medida lineal estndar que son desplegados por un monitor, expresada en pixeles por pulgadas. 64
encontrar la lnea siguiente, mientras que si es demasiado pequeo lo confunde al interpolar los extremos superiores de las palabras que conforman una lnea con los inferiores de la lnea anterior. As se observa que, el xito de la implementacin de tipografa depende, en gran medida, del contraste visual entre los distintos tipos de letra y entre los distintos bloques de texto, titulares y espacio en blanco circundante. En este sentido, el nfasis tipogrfico aporta estructura a la informacin y aade variedad visual, lo cual facilita el acceso a los contenidos por parte del lector. La tipografa tradicional posee herramientas efectivas para aadir nfasis a un bloque de texto, pero hay que utilizarlas siempre mesuradamente. Elementos de nfasis tipogrfico: El texto en cursivas atrae por el contraste respecto a la forma del cuerpo principal del texto. Es bueno utilizar las cursivas en los casos convencionales (ttulos, expresiones forzadas o palabras en otro idioma). Tratar de evitar las cursivas en bloques de texto largos pues las bajas resoluciones de las pantallas no facilitan su lectura. El texto en negritas contrasta con el normal por su peso, aportando el nfasis necesario como, por ejemplo, para los ttulos de las sub secciones. El texto en negritas se lee bien en pantalla, aunque si se utiliza para bloques de texto demasiado largos pierde su capacidad de contraste y por tanto, su eficacia. El texto subrayado resulta un recurso demasiado pesado e interfiere con las formas de las letras, adems de que en la web el subrayado tiene una funcin y un significado especiales, siendo ste el de identificar a los hipervnculos. A pesar de que el color es una opcin ms para diferenciar un determinado texto del cuerpo principal, en pantalla tiene un significado propio. Hay que evitar insertar texto en color en un bloque de texto, por que el usuario enseguida lo asociar con un enlace de hipertexto y podra intentar dar clic sobre l. De todas formas es muy apropiado cuando se utiliza sutilmente para distinguir titulares de una seccin como color del cuerpo base de texto, solamente evitando los colores por default de enlace (azul y morado). Una de las formas ms sutiles y efectivas de modificar el contraste visual y diferenciar en importancia un fragmento es aislarlo o diferenciarlo del texto que lo rodea. Si se quiere destacar los encabezados sin hacerlos ms grandes, se puede aadir espacio detrs para diferenciarlo del texto siguiente. Por otro lado, el uso de sangras es eficaz para diferenciar las listas, citas o ejemplos de texto. El texto en maysculas es uno de los mtodos ms utilizados y menos efectivos en la voluntad de poner nfasis tipogrfico a un texto. Las palabras en maysculas forman una sucesin montona de rectngulos, sin un resalte. Para leer un bloque de texto en maysculas nicamente queda la posibilidad de analizar los distintos grupos de letras, leyendo letra por letra, lo que aumenta la incomodidad en la lectura al hacer ms lento el proceso.
La caracterstica diferencial de la tipografa en pantalla tal vez sea su variabilidad. El texto se reconstruye sobre la base de una interaccin compleja entre el software y hardware utilizados, acarreando con ello ciertos contratiempos, como el que una fuente no est disponible en el sistema, que el software no est actualizado o que estn determinadas preferencias particulares de cada usuario.
65
Al especificar el tipo de letra se debe escoger entre las que vienen por defecto en todos los sistemas operativos.24 Si se emplea una fuente que no se encuentre en la mquina del usuario, el texto se mostrar utilizando la fuente que el usuario tenga configurado por default en su computadora. Con respecto al tipo de letra a utilizar se ha intentado determinar cul de ellas resulta ms cmoda para leer en pantalla, si una de tipo lineal o no lineal. Pero en realidad, tan slo se puede juzgar la legibilidad de un texto cuando se percibe directamente en la pantalla. 27 Sin embargo, se pueden distinguir algunas fuentes que facilitan la lectura ms que otras. Tipografas como la Verdana o la Georgia fueron diseadas especialmente para facilitar la lectura en pantalla Tienen una altura x engrandecida y, comparadas con tipografas ms tradicionales, su tamao es mucho mayor para una misma dimensin en puntos. Estas fuentes aportan una mayor legibilidad a pginas web que se disean para ser directamente ledas en pantalla.
Por razones estticas se puede mostrar el texto como representacin grfica en lugar de trabajar directamente con fuentes del sistema, lo que significar conocer las caractersticas de una imagen digital. Se recomienda utilizar texto convertido a imagen slo cuando no pueda aislarse la tipografa de los elementos grficos o sea imprescindible el tratamiento del texto con algn efecto visual. El nico inconveniente ser que el texto al convertirse a imagen adquirir determinadas caractersticas en cuanto a peso, tamao y posicin, dificultando en algunos casos su despliegue en pantalla.25
24
25
En este sentido, uno de los problemas a los que se enfrenta el diseador de ambientes virtuales es la posibilidad de generar espacios que presenten las mismas caractersticas en todas las plataformas o sistemas operativos en los que se implemente. Para solucionar ese problema, hay que hacer uso de las fuentes bsicas que contienen todos los sistemas (MAC, PC, UNIX) por default. Esto limita el trabajo de diseo pero es mejor condicionar el trabajo a destinarlo a que slo una minora de los usuarios pueda verlo como est planeado. Las principales fuentes que vienen con el sistema operativo son: Arial/Helvetica, Times New Roman/Times, Courier/Courier. Generalmente se conoce como imagen digital a todas aquellas imgenes que son introducidas o creadas mediante una computadora, basndose en el principio del cdigo binario. La imagen est dividida en una malla o rejilla finita de pequeos puntos conocidos como pixeles; a cada pixel le corresponde una combinacin de 0s y 1s, y cada combinacin define un color determinado. As, la sucesin de pixeles con determinada informacin dar la apariencia de una imagen. 66
67
REFERENCIAS BIBLIOGRFICAS
ACOSTA, Orlando y GARCA, Luis Alberto. Fuentes. Exposicin Laboratorio de Realizacin I. UAM-Azc. Mxico, 2003. Anatoma de la letra. (en lnea) http://www.unostiposduros.com/paginas/traba1.html BAINES, Phil y HASLAM Andrew. Tipografa. Funcin, forma y diseo. Gustavo Gili. 2002. BUITRN, Marcela. Consideraciones para el diseo de interfaces grficas de usuario en ambientes virtuales educativos. Tesis para la obtencin del grado de maestra en Diseo. UAM-Azc, Mxico, 2004. DE BUEN, Jorge. Manual de Diseo Editorial. Ed. Santillana. Mxico, 2000. Diseo grfico, evolucin y tendencias. La tipografa y su evolucin. (en lnea) http://www.fotonostra.com/grafico/partescaracter.htm DONDIS, D.A.. La sintaxis de la imagen. Ed. GG Diseo. Barcelona, 1995. Elegir los tipos. Manual de diseo editorial. Typephases Design. 2005 (en lnea) http://platea.cnice.mecd.es/~jmas/manual/html/elegir_los_tipos.html ENCICLOGRFICA. Diccionario de trminos de Arte y Diseo (en lnea) http://www.sitographics.com/dicciona/t.html GRUMAN, Galen. La biblia de Adobe InDesign. Anaya multimedia. 1999. HUGHES, Rose Marie. La evolucin del alfabeto. Introduccin al arte de la caligrafa. UAM-Xochimilco. Mxico, 1992. KUNZ, Willi. Tipografa: macro y microesttica. Ed. GG. Barcelona, 2002. LARRAAGA, Mariana. De la Letra a la Pgina. Coleccin Procesos No. 59. UAM-AZC. Mxico, 1993. LEAL, Luisa. Treita siglos de tipos y letras. Universidad Autnoma Metropolitana AZC / Tilde. Mxico, 1990. Lo esencial de la preprensa electrnica No. 4. Principios de Tipografa y manejo de fuentes. Graphic Arts Technical Fundation. 1996. LPEZ BRACHO, R., ZARAGOZA, A. Caractersticas formales de la LETRA. Primer curso de tipografa. UAM-Azcapotzalco. Mxico, 2003. LYNCH, Patrick y Horton Sarah. Principios de diseo bsicos para la creacin de sitios web. Gustavo Gili. 2000. MEJA, Beatriz. Tipografa. Apuntes de clase. UAM-Azcapotzalco. Mxico, 2004. MARTNEZ, Juan. Fundamentos de tipometra (en lnea) http://www.juanval.net/fundamentos_tipometr%EDa.htm Martnez Meave, Gabriel. Historia de las letras y la Tipografa. Revista Matiz. No. 9. 1997. Moreno, Luciano. Tipografa y diseo. DesarrolloWeb.com (en lnea) http://www.desarrolloweb.com/articulos/1691.php?manual=47 MUNARI, Bruno. Diseo y comunicacin visual. Ed. GG Diseo. Barcelona, 1985. RUDEL, Emil. Manual de diseo tipogrfico. Ed. GG. Barcelona, 1992. Scott, Robert. Fundamentos del Diseo. Ed. Limusa. Mxico, 1995. SUREZ, Andrs. Apuntes sobre preprensa. Mxico, 2003 (en lnea) http://usuarios.lycos.es/elmercadomexico/ TUBARO, Antonio, et al. Tipografa. Estudios e investigaciones. Universidad de Palermo. Librera Tcnica CP67. VARGAS, Georgina. Fundamentos de tipografa (apuntes de clase). UAM-AZC. Mxico, 2004. ______, et al. Fundamentos del Diseo Bidimensional. Coleccin Procesos, No. 82, UAM-AZC. Mxico, 1997. WILLBERG, H. Peter. Primeros auxilios en tipografa. Ed. GG. Barcelona, 2002. WONG, Wicius. Fundamentos de Diseo. Ed. GG Diseo. Barcelona, 2001.
68
69
70
71
72
73
lomo
pie
Mrgenes La mancha siempre queda rodeada de una zona de blancos, de un lado por motivos tcnicos (el corte de las pginas varia normalmente entre 2 y 5 mm. por lo que se recomienda no dejar una muy pequea anchura de los mrgenes evitando que el texto quede cortado) y de otro lado por motivos estticos (unos blancos bien proporcionados pueden acrecentar el goce de leer). Cuanto mayor sea el blanco menos podr afectar una imprecisin tcnica a la impresin global de una pgina bien configurada. Adems, los mrgenes en su conjunto deben tener una adecuada relacin entre sus proporciones, ya que esto tiene una gran influencia en la impresin ptica que da la pgina al lector; si son demasiado pequeos la pgina se siente saturada y si son demasiado grandes surge una sensacin de desperdicio. Existen diversos tipos de distribucin de blancos en una pgina, siendo el sistema clsico, el mtodo de la diagonal, el sistema ternario y la proporcin 3:4, los ms utilizados.
corte
74
Mrgenes ureos
Mtodo de la diagonal
Sistema ternario
Composicin 3:4
RETCULA Subdivisin de una superficie en espacios o campos ms reducidos a modo de reja, que sirve para la distribucin de los elementos en el campo compositivo, segn ciertos criterios objetivos y funcionales. La retcula es la divisin geomtrica de un rea en columnas, espacios y mrgenes medidos con precisin.
75
Sistema reticular Con esta parcelacin en campos reticulares pueden ordenarse mejor los elementos de la configuracin (tipografa, fotografa, ilustracin y colores), favoreciendo la credibilidad de la informacin, as como su fcil asimilacin y lectura.
Para la construccin de una retcula deben tomarse en cuenta ciertos aspectos como: estilo y tamao de la tipografa, interlineado, anchura de las columnas, mrgenes, las imgenes, ttulos y subttulos, etc., todos ellos con el fin de organizar de manera armnica, funcional y esttica una pgina. La construccin de las retculas no solo se limita a la distribucin de los mrgenes, sino tambin la distribucin del texto para lo cual sern determinantes la relacin de la anchura y altura de la mancha. Los campos de una retcula pueden tener las mismas dimensiones26 o no. Su altura corresponde a un nmero determinado de lneas de texto, mientras que su anchura es idntica a la de las columnas.
26
Las dimensiones de la altura y anchura se indican con medidas tipogrficas (punto, pica, ccero).
76
Los campos se separan unos de otros por un espacio intermedio (intercampos) con objeto, por un lado de que las imgenes no se toquen y que se conserve la legibilidad, y por otro de que puedan colocarse leyendas bajo las ilustraciones. La distancia vertical entre los campos es de 1, 2 o ms lneas: la distancia horizontal es funcin del tamao de los tipos de letra y de las ilustraciones. La anchura de las columnas influye en el tamao de la letra a utilizar. Cuanto ms estrecha es la columna mas pequea ser, normalmente, la letra. Un mtodo para encontrar una mancha adecuada es el siguiente: 1. 2. 3. 4. Se disea la mancha a escala 1:1 en la altura y anchura ms favorable, tanto en el aspecto funcional como en el esttico. Se divide la mancha en dos, tres o ms columnas. En el caso de dos columnas, por ej., se divide verticalmente la mancha en dos partes que distingue mediante un espacio intermedio. Ahora se divide horizontalmente las columnas en 2, 3 o mas campos, que en este momento an estn separados por una sola lnea. En este punto se debe decidir el tipo de letra e interlineado a emplear en el texto. Si, por ej., una letra de 10 pt. con una interlnea de 3 pt. da la imagen y legibilidad deseadas, entonces controla la altura de los campos y examina cuantas lneas de 10 pt. de letra pueden entrar en un campo. La mayora de las veces se debe adaptar la altura del campo a la de un determinado nmero de lneas del texto, por ende los campos aumentarn o disminuirn un poco. Los campos proyectados para los grficos se encuentran todava unos sobre otros, separados slo por una lnea Para que no se toquen hay que separarlos por una lnea vaca o por varias. Cuando en una columna, por ej., dos campos estn uno sobre otro y los separamos con una lnea vaca tenemos entonces en una columna el nmero de lneas que pueden colocarse en ambos campos mas la lnea que hemos incorporado la vaca. Con tres campos se necesitan para 2 separaciones = 2 lneas vacas, con cuatro campos son tres lneas vacas, etc.
5.
El nmero de divisiones es prcticamente ilimitado, sin embargo hay que considerarse cuantas columnas deba tener cada composicin.
77
A manera de conclusin, recordemos que los mrgenes son los espacios en blanco que enmarcan a la mancha de texto, existiendo varios mtodos para la distribucin de los mrgenes en la pgina. Sin embargo sin importar el mtodo es importante tomar en cuenta algunos aspectos: la superficie de bloque de texto ha de estar siempre en relacin a la superficie de la pgina de papel. La justificacin del texto (Tamao de la lnea) debe estar proporcionada con la profundidad de la galera. El folio forma parte siempre parte del margen El corte o refine de las pginas impresas vara normalmente entre 2 y 5 mm. Los mrgenes es su conjunto deben tener una adecuada proporcin entre ellos. Los mrgenes deben aumentar gradualmente en este orden: lomo, cabeza, corte y pie. El mtodo ms usual y que podemos considerar como regla general es: Dar al lomo la mitad del margen de corte, a la cabeza una mitad ms que al lomo, y al pie aproximadamente el doble que a la cabeza. Queda una relacin 2:3:4:6 Los diversos mtodos de distribucin de texto y mrgenes tienen en comn un detalle: la diagonal del rectngulo del texto coincide con la diagonal del papel; garantizando la armona de la pgina
REFERENCIAS BIBLIOGRFICAS
Estos apuntes son el resultado de la compilacin de los siguientes textos:
Biblioteca Virtual. Banco de la Repblica. Colombia (en lnea) http://www.lablaa.org/ayudadetareas/periodismo/per17.htm De Buen, Jorge. Manual de Diseo Editorial. Editorial Santillana. Mxico, 2000. Larraaga, Mariana. De la Letra a la Pgina. Coleccin Procesos No. 59. UAM-AZC. Mxico, 1993. Mller-Brockman, Josef. Sistemas de retculas. Ed. GG Diseo, Barcelona, 1982. Vargas, Georgina, et al. Fundamentos del Diseo Bidimensional. Coleccin Procesos, No. 82, UAM-AZC. Mxico, 1997. Vzquez Montero Jos. Introduccin a la Produccin Grfica. Apuntes de clase. UAM-AZC, 2004.
78
79