Prof.

Rosa Palamary

Prof. Rosa Palamary

Definicin
La tipografa es el arte y la tcnica de crear y componer tipos a fin de comunicar un mensaje. El termino "tipo" incluye el diseo y funcin de smbolos alfabticos y no alfabticos para representar el lenguaje. Woolman y Bellantoni
El texto est formado por caracteres que pueden ser: letras: MAYSCULAS y minsculas, nmeros, signos de puntuacin y diversos caracteres especiales

Prof. Rosa Palamary

Helvtica

La serie son todos los

tamaos de un tipo

ABCDEFGHIJKLMNOPQRS TUVWXYZ Abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMN OPQRSTUVWXYZ Abcdefghijklmnopqr stuvwxyz 1234567890

ABCDEFGHIJKL MNOPQRSTUV WXYZ Abcdefghijklmnop qrstuvwxyz 1234567890

Prof. Rosa Palamary

Arial

La familia tipogrfica
son el grupo de tipos afines por cualidades grficas

ABCDEFGHIJKLMNOPQRSTU VWXYZ Abcdefghijklmnopqrstuvwxyz 1234567890

Helvtica

ABCDEFGHIJKLMN OPQRSTUVWXYZ Abcdefghijklmnopqrstu vwxyz 1234567890

Franklin Gothic

ABCDEFGHIJKLMNOPQRSTUVW XYZ Abcdefghijklmnopqrstuvwxyz 1234567890

Prof. Rosa Palamary

El cuerpo del tipo es el tamao del carcter, y se define en puntos. Puntos es el sistema de medida de los elementos tipogrficos
equivalentes a 0,35 mm

AA

Helvtica 20 puntos

ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 1234567890

Helvtica 30 puntos

ABCDEFGHIJKLMNOPQ RSTUVWXYZ Abcdefghijklmnopqrstuvwx yz 1234567890

Prof. Rosa Palamary

Grosor -Peso de tipo Grosor

, Grosor de los caracteres: es la negrura o pesadez de un carcter. Por lo general una fuente se disea en dos grosores: normal y negrita

-Ancho de los caracteres:

Condensado, normal y expandido.

-Postura (inclinada-oblicua, rectaromana):

-Tamao del caracter: (punto)

Prof. Rosa Palamary

espaciado

-Espaciado(interletrado) : Es la unin
:

de las letras para formar palabras. Distancia estndar entre las letras de un tipo. Un espaciado ptimo permite una buena legibilidad

-Tracking Es el ajuste de espacio

uniforme de las letras de una palabra, frase, prrafo, etc.

-Kerning: El espacio creado para

permitir que dos caracteres se acerquen ms.

Como regla la cantidad ptima de equivalente a la anchura de la letra r. El espaciado de la letras puede ajustarse y especificarse de la misma manera.

espaciado entre palabras

es

Prof. Rosa Palamary

-Interlineado: Es la distancia vertical entre las

lneas bases del tipo. Espacio entre lneas de texto

ABCDEFGHIJKLMN OPQRSTUVWXYZ

ABCDEFGHIJKLMN OPQRSTUVWXYZ ABCDEFGHIJKLMN

OPQRSTUVWXYZ
Prof. Rosa Palamary

Anatoma del tipo y la retcula

Prof. Rosa Palamary

Tipografa de Fantasa

Prof. Rosa Palamary

Alineacin de texto
No siempre, el texto justificado es el ms profesional, si observamos con detenimiento, veremos que el alineado a la izquierda, Es la opcin que obtiene una mejor distribucin de las letras en cada lnea, sin espacios en blanco o sin alterar el interletraje. Las otras opciones -alineacin a la derecha y alineacin centrada- deben utilizarse exclusivamente para textos cortos (citas, ttulos, resmenes...) puesto que hacen difcil la lectura

Justificado La clasificacin se basa segn la presencia o ausencia de serif Alineado a la izquierda

La clasificacin se basa segn la presencia o ausencia de serif

Alineado a la derecha La clasificacin se basa segn la presencia o ausencia de serif

Centrado
La clasificacin se basa segn la presencia o ausencia de serif
Prof. Rosa Palamary

Prof. Rosa Palamary

Eleccin de fuentes para un documento

El criterio a tener en cuenta se denomina: legibilidad.
Legibilidad es la facilidad o complejidad de la lectura de una letra.

trazos

Se consideran como condicionantes de legibilidad:

-El interletrado o espaciado entre letras, -el interpalabrado o espaciado entre palabras y -el interlineado o espacio entre lneas de texto.

La presencia de serif, la constancia de grosores de trazo, la ausencia de serif o la variabilidad de trazos, son caractersticas que deben tenerse en cuenta.

Serif

Prof. Rosa Palamary

la legibilidad es muy importante Para textos largos. Para bloques de texto ms cortos tenemos mayor libertad de eleccin,
Para los ttulos podemos emplear la fuente que queramos, en funcin del espritu del documento y la sensacin que nos interese crear.

Prof. Rosa Palamary

Tradicionalmente, se han considerado ms fcilmente legibles en impresos las letras con remates en los extremos ( serifs) Para la pantalla, algunas fuentes sans como Verdana o Tahoma ofrecen ptima legibilidad.

Las fuentes ornamentales o caligrficas no deben emplearse ms all de unas pocas lneas, puesto que seran causa inmediata de fatiga visual

Prof. Rosa Palamary

Bloque de texto impreso con serif

Sitio web con tipografa palo seco

Los "saltos creativos" de Newman comenzaron en 1988, cuando empez a trabajar en la filial de Saatchi & Saatchi ( en adelante S&S), en Sydney. En esas fechas, el xito de la marca Saatchi en Australia se basaba principalmente en las cuentas de los clientes locales que la filial haba conseguido e iban desde el Commonwealth Bank hasta una serie de modelos de Toyota. La cuenta de British Airways era la nica excepcin en la que la oficina de Sydney se encargaba de contratar los medios de comunicacin para el trabajo creativo realizado en Londres.

Prof. Rosa Palamary

Palo seco

No deben mezclarse muchos estilos de tipografas ni diversas fuentes dentro de una publicacin porque distrae la lectura y el diseo pierde su objetivo. Dos fuentes , o dos estilos tipogrficos es ms clsico y de mayor legibilidad. Pudindose en algunos casos combinar hasta cuatro tipos diferentes. Un ejemplo de diseo efectivo es: ttulo palo seco y bloque de textos con serif.

Serif

Prof. Rosa Palamary

El tamao ms corriente para el texto normal o bloques de textos est entre los 10 y 12 puntos.
Tipografa (10 puntos)
Tipografa (12 puntos)

Si diseamos una composicin

con mltiples columnas estrechas, se puede reducir el tamao a 8 9 puntos.
Tipografa (8 puntos)

Tipografa ( 9 puntos)

Prof. Rosa Palamary

Si usamos papel de gran tamao o carteles, podemos aumentarlo proporcionalmente. Por lo que se refiere a los encabezados, ttulos y subttulos, no hay reglas fijas, pero suelen aplicarse tamaos que sean del orden de un 20% superiores o inferiores al del texto, y aplicar cambios de estilo donde convenga (negrita o cursiva.)

Prof. Rosa Palamary

El interlineado es otra importante caracterstica del texto. Muchos programas tienen la opcin de "doble espacio" o "espacio y medio". Es mejor no utilizarlos. Todos los programas de procesamiento de textos permiten establecer un valor exacto para el interlineado:

Valores ms corrientes para el interlineado.

%interlineado

120%

130%

140%

Texto a 8 pt
Texto a 9 pt

9.5pt
11pt

10.5pt
12pt

11pt
12.5pt

Texto a 10 pt
Texto a 11 pt

12pt
13pt

13pt
14pt

14pt
15.5pt

Prof. Rosa Palamary

No es conveniente subrayar el texto. Para enfatizar una parte del texto, se debe recurrir a la letra negrita o la cursiva.

Dnde va la gente cuando llueve?

No debe componerse texto slo en maysculas. Puede hacerse para ttulos, carteles... pero no es admisible para largos pasajes de texto. Es ms difcil de leer y parece que GRITAMOS.

DONDE VA LA GENTE CUANDO LLUEVE

Prof. Rosa Palamary

Otro elemento a tener en cuenta es el Contraste que nos permite mayor o menor legibilidad

Los "saltos creativos" de Newman comenzaron en 1988, cuando empez a trabajar en la filial de Saatchi & Saatchi ( en adelante S&S), en Sydney. En esas fechas, el xito de su proyecto Los "saltos creativos" de Newman comenzaron en 1988, cuando empez a trabajar en la filial de Saatchi & Saatchi ( en adelante S&S), en Sydney. En esas fechas, el xito de su proyecto Los "saltos creativos" de Newman comenzaron en 1988, cuando empez a trabajar en la filial de Saatchi & Saatchi ( en adelante S&S), en Sydney. En esas fechas, el xito de su proyecto

Poco contraste: mala legibilidad

Contraste medio: legibilidad regular

Buen contraste: buena legibilidad

Prof. Rosa Palamary

Elegir los tipos Esta es sin duda una parte crtica del proceso de diseo. Todo el aspecto y significado aparente del trabajo, cambia con un tipo de letra u otro. Aunque no analicemos de forma consciente qu tipografa se ha utilizado, subconscientemente relacionamos aquello que vemos con experiencias anteriores. 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.

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Prof. Rosa Palamary

Asociacin de tipografa al tiempo y al espacio. 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

Prof. Rosa Palamary

Paletas de Fuentes Tal como preparamos una paleta de colores para usar en un diseo o pintura, tambin podemos escoger un grupo de fuentes que vaya bien para un determinado trabajo. Una paleta tpica contiene:
1. Una fuente para el texto, acompaada de: 2. Una fuente para los ttulos y subttulos; su tamao puede estar aumentado en un 120 - 130% de la fuente del texto. 3. Una fuente para los pies de foto, resmenes, citas y notas . En muchos caso, puede ser la misma fuentes que para los subttulos, a tamao ms pequeo, por ejemplo a un 70 - 80% del tamao del texto. La fuente elegida para el texto puede incluir, naturalmente, la variante cursiva y en negrilla. Ambas deben emplearse slo para enfatizar partes del documento, no en fragmentos extensos

Prof. Rosa Palamary

Ejercicio Prctico # 1 Buscar los siguientes ejemplos de conceptos tipogrficos bsicos vistos en clase: 1. seis (6) fuentes tipogrficas diferentes 2. Cuatro (4) estilos diferentes; ejemplo: Negrita, Inclinada, condensada, expandida etc. 3. Cuatro (4) tipos de alineacin de texto: justificado, alineado a la derecha, alineado a la izquierda y centrado. 4. Cuatro (4) fuentes tipogrficas de fantasa y escribir el concepto que considera est representando cada fuente. 5. Buscar dos portadas de revista por internet, una que posea composicin esttica y otra dinmica.

Organizar en un documento del software de su preferencia , toda la informacin, colocando el nmero y el nombre correspondiente a cada ejemplo. Presentarlo debidamente identificado (nombre y apellido, C.I., Taller de D.G. II Secc. 512 Prof. Rosa Palamary)

Prof. Rosa Palamary