12.05.2013 Views

Tipografía creativa

Tipografía creativa

Tipografía creativa

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

TIPOGRAFÍA


1. Concepto de tipografía


1. Concepto de tipografía<br />

Conjunto de letras y números<br />

que se utilizan en un medio impreso


1. Concepto de tipografía


1. Concepto de tipografía<br />

Sistema de composición e impresión<br />

creado por Gutemberg


1. Concepto de tipografía


1. Concepto de tipografía<br />

Arte de colocar las letras,<br />

repartir los espacios y organizar<br />

los tipos para facilitar la lectura<br />

y comprensión del texto


1.Concepto de tipografía<br />

Rama del diseño gráfico que<br />

se ocupa del del diseño de letras y<br />

de la composición de textos,<br />

de modo que se puedan leer de un modo fácil, y<br />

agradable


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Al margen de su significado lingüístico<br />

el texto es portador de<br />

un significado emocional<br />

que se expresa a través de su imagen


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Simplemente la elección del tipo ya expresa ciertas<br />

connotaciones


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

“El diseño es a la escritura<br />

como el tono de voz es a la palabra hablada”


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Profesora de Primaria. Simpática. Se esfuerza por<br />

ser muy clara para que los niños la entiendan sin<br />

dificultad.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Señor mayor, de unos 60 años. Conservador.<br />

Correcto, puntual y refinado.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Ha sido el gordito simpático toda su vida. Tiene 30<br />

años, pero aún no ha madurado.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

El hippie aún anclado en la psicodelia. Idealista y<br />

libre. Se siente muy unido a la naturaleza.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Joven, transgresor y vanguardista. Muy interesado<br />

por la tecnología. Más al tanto del futuro que del<br />

pasado. Le encanta experimentar.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Adolescente. Ingenua, entusiasta, tímida y<br />

coqueta.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Es la hermana mayor. Más madura. Tiene claro lo<br />

que quiere. Sensible y elegante.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Es un joven periodista todoterreno. Presenta las<br />

noticias en un canal de televisión. Es claro y<br />

correcto.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Deportista. Robusto, fuerte y seguro de sí mismo.<br />

Preparado para competir.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Y la forma de componer el texto es otro recurso para<br />

potenciar la expresividad del mensaje


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

La <strong>Tipografía</strong> <strong>creativa</strong> se manifiesta en con poca<br />

cantidad de texto: mensajes publicitarios,<br />

logotipos, etc.<br />

En estos casos la legibilidad puede quedar<br />

relegada si el resultado a nivel expresivo y estético<br />

así lo exige.


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Titulares de revistas


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Carteles


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Carteles


2. <strong>Tipografía</strong> <strong>creativa</strong>


2. <strong>Tipografía</strong> <strong>creativa</strong>


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Portadas de libros


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Logotipos /Basin White (productos de baño y perfumería)


2. <strong>Tipografía</strong> <strong>creativa</strong><br />

Logotipos /restaurantes


2. <strong>Tipografía</strong> de edición<br />

La tipografía de edición trata de ofrecer al lector el<br />

máximo de comodidad para acceder al texto<br />

En este caso prima la legibilidad


2. <strong>Tipografía</strong> de edición<br />

Revistas


2. <strong>Tipografía</strong> de edición<br />

Revistas


2. <strong>Tipografía</strong> de edición<br />

Libros


2. <strong>Tipografía</strong> de edición<br />

Libros


2. <strong>Tipografía</strong> de edición<br />

Libros


3. Anatomía de los tipos<br />

La estructura de las letras es bastante compleja.<br />

Debe permanecer constante en cada carácter para<br />

hacer posible su identificación


3. Anatomía de los tipos


4. Las líneas de referencia<br />

Las líneas de referencia se utilizan para una correcta<br />

construcción de los caracteres<br />

OJO MEDIO


4. Las líneas de referencia<br />

La distancia entre ellas es variable y esto determina<br />

en gran medida el aspecto de una familia de tipos


5. Variaciones en los caracteres<br />

Según el espacio que ocupan en<br />

las líneas de referencia<br />

MAYÚSCULAS MINÚSCULAS VERSALITAS<br />

A a A


5. Variaciones en los caracteres<br />

La auténtica versalita no es simplemente una<br />

mayúscula reducida


5. Variaciones en los caracteres


5. Variaciones en los caracteres<br />

Según la angulación del eje de la letra<br />

REDONDA CURSIVA FALSA CURSIVA<br />

a a


5. Variaciones en los caracteres<br />

La auténtica cursiva es un diseño específico que<br />

introduce rasgos de la escritura manual


5. Variaciones en los caracteres<br />

Según la anchura de la letra<br />

CONDENSADA NORMAL EXPANDIDA<br />

A A A<br />

,


5. Variaciones en los caracteres<br />

Es aconsejable no modificar la letra digitalmente,<br />

pues tiende a perder las proporciones establecidas<br />

por su diseñador<br />

Si se necesita una tipografía más estrecha o más<br />

ancha es recomendable usar una letra que ya esté<br />

definida con esas características<br />

NO<br />

NO


5. Variaciones en los caracteres<br />

La modulación<br />

Tiene su origen en la antigua escritura con un<br />

instrumento de punta recta


5. Variaciones en los caracteres<br />

La modulación<br />

Consiste en la alternancia rítmica<br />

de trazos finos y gruesos<br />

A O A O


5. Variaciones en los caracteres<br />

La modulación<br />

Puede presentar diferentes grados de inclinación<br />

con modulación sin modulación


6. Familias y fuentes tipográficas<br />

FAMILIA<br />

Formada por caracteres que tienen un mismo diseño


6. Familias y fuentes tipográficas<br />

FAMILIA<br />

Cada familia presenta características propias<br />

(rasgos estilísticos)


6. Familias y fuentes tipográficas<br />

FUENTE<br />

Está formada por todos los caracteres de una familia<br />

en un mismo estilo


6. Familias y fuentes tipográficas<br />

FUENTE<br />

A la hora de elegir una fuente para un proyecto<br />

complejo es importante conocer sus posibilidades.<br />

Una fuente bastante completa puede llegar a incluir:<br />

Mayúsculas<br />

Versalitas<br />

Minúsculas<br />

Signos ortográficos<br />

Símbolos de monedas<br />

Signos matemáticos<br />

Números minúsculos<br />

Numeros tabulares<br />

Números versalitos<br />

Numeradores y denominadores<br />

Fracciones<br />

Ligaduras<br />

Ornamentos<br />

Abreviaturas


6. Familias y fuentes tipográficas<br />

FUENTE


7. Clasificaciones de las familias de tipos<br />

ROMANAS<br />

Tipos con serifa (remates) y modulación muy<br />

adecuados para textos de lectura


7. Clasificaciones de las familias de tipos<br />

PALO SECO<br />

Tipos sin serifa y sin modulación, También aptos<br />

para textos de lectura


7. Clasificaciones de las familias de tipos<br />

DE ESCRITURA<br />

Tipos que imitan el trazo manual<br />

Biham Scri<br />

Gessele<br />

Handwriting-Dakota


7. Clasificaciones de las familias de tipos<br />

DE FANTASÍA<br />

Tipos que surgen a partir de cualquier pretexto gráfico<br />

Aptos sólo para usar en textos cortos y de mayor tamaño<br />

Bgirlfriend<br />

Braggadoccio<br />

Colonna MT<br />

Yellow<br />

Wisecrack


8. Legibilidad<br />

Minúsculas<br />

Los textos extensos son más legibles en minúsculas


8. Legibilidad<br />

Caracteres con serifa<br />

Las serifas facilitan la lectura,<br />

pues sirven de enlace entre las letras


8. Legibilidad<br />

Estilo negrita<br />

El uso de un tipo de letra con mayor peso<br />

sólo es adecuado para destacar ciertas palabras,<br />

no para un texto extenso


8. Legibilidad<br />

La cursiva<br />

La cursiva ralentiza la lectura<br />

Se debe usar sólo para diferenciar textos breves<br />

Es muy apropiada para la poesía


8. Legibilidad<br />

El tamaño de letra<br />

El cuerpo de letra óptimo para lectura debe oscilar entre<br />

8 y 11 puntos, aunque esta indicación puede modificarse<br />

en función de las proporciones de la letra


8. Legibilidad<br />

El tamaño de letra<br />

El tamaño tipográfico por defecto en muchos programas<br />

es de 12 pts.<br />

Un texto a 12 pts. suele producir letras legibles en<br />

pantalla, pero a menudo resulta grande y tosco una vez<br />

impreso.


8. Legibilidad<br />

El tamaño de letra


8. Legibilidad<br />

La longitud de las líneas de texto<br />

Debe ser la adecuada para que<br />

la lectura sea cómoda (unos 65 espacios)


8. Legibilidad<br />

El interlineado<br />

Debe ser el adecuado. Si es reducido el lector tendrá<br />

dificultades para distinguir una línea de otra y si es<br />

demasiado amplio será difícil localizar la línea siguiente.


8. Legibilidad<br />

El interlineado

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!