TP Nº 1 Tipografía y legibilidad para web

Producción GráficaTrabajos prácticos

Escuela de Ciencias de la Información – UNCCátedra de Producción Gráfica – 4to Año M. Minervini – Trabajos Prácticos 2011

¿Qué es para ustedes la producción gráfica?


¿Qué esperan aprender de la instancia de

trabajos prácticos?


TP Nº 1: Retículas (Clásica y Germano-Suiza)TP Nº 2: Isologotipo

Jueves 15 de septiembre: TP Nº 3: Tipografías: herramientas de significado. Legibilidad y comunicación

Jueves 29 de septiembre: TP Nº 4: Nociones básicas de Color. Diseño digital

Jueves 6 de octubre: TP Nº 5: Imagen: fotografía e infografía. Invitado especial: Juan Colombato. Infografísta, Periodista visual de La Voz del Interior.

Jueves 20 de octubre: TP Nº 6: Impresión y encuadernaciónInvitados especiales: Usina Creativa. Empresa de jóvenes comunicadores sociales.

Jueves 13 de octubre: PARCIAL . NO HAY CLASE

PRÁCTICA.

Jueves 27 de octubre: RECUPERATORIO Y 1º

ENTREGA DE TF

Jueves 3 de noviembre: 2º ENTREGA DE TF

Jueves 10 de noviembre:NOTAS 1º ENTREGA

Jueves 17 de noviembre: NOTAS 2º ENTREGA

HORARIOS DE CONSULTA TP:

Viernes de 16 a 18 hs.

E-mail: minervini.mariana@

gmail.com

La Tipografía


HERRAMIENTA DE SIGNIFICADO

¿Por qué es importante conocer y aprender sobre tipografía?

La tipografía es el arte de hacer que la apariencia del texto exprese el tono o significado del contenido.

Conocer las cualidades de un tipo de letra nos permitirá tomar decisiones en cuanto a los efectos que queremos que esa tipografía produzca, efectos funcionales, estéticos y psicológicos de un material impreso.


“Las fuentes (tipográficas) son como la música: hay una diferente para cada historia.”Rodrigo Posada Director de Arte del periódico “The State” - EE.UU.

“La función de la tipografía, consiste en comunicar

a la imaginación, sin perder nada por el camino, la imagen

que intenta transmitir el autor.”Thomas James Cobden-Sanderson

Artista Inglés y encuadernador de libros relacionados con el movimiento Arts and Crafts..



La Tipografía/ un poco de historia

La antigüedad: signos y símbolos

Fuente: C. Yantorno. UBA



La Edad Media: gótico



El renacimiento: aparición de la imprenta – Gutemberg

typos = formas, es igual al modelo o diseño de una determinada letra y de graphein = escribir: sinónimos: escritura, signo, letra, pictograma, figura, etc



La revolución industrial y la era victoriana:se incorporan componentes visuales



Fines 1800 – Art Noveau (decorativo y respuesta a la industrialización)



VANGUARDIAS

Constructivismo Futurismo y Dadaísmo (el antiarte)

La tipografía es el reflejo de una época: se constituye como uno de los sellos visuales más claros e identificatorios.



La Escuela de Bauhaus (Alemania)



Período de entre guerra



La escuela Suiza

La evolución del diseño tipográfico responde a proyecciones tecnológicas y artísticas.



Los años 60

En algunos casos, la tipografía ha servido

para dinamizar y propagar las

corrientes artísticas, y en otros ha sido la experimentación de

los movimientos artísticos la que ha

servido para descubrir a la

tipografía nuevos caminos.



HOY: LA ERA DIGITAL > Bajar tipografía: http://www.fontyukle.net



> El signo tipográfico se ha considerado como uno de los miembros más activos de los cambios culturales del hombre.

> La cultura y el contexto histórico-social influyen y condicionan la elaboración y percepción de los

mensajes transmitidos por medio de una tipografía.


La Tipografía/ sus significados

EL MEDIO DE TRANSMISIÓN DE IDEAS POR EXCELENCIA ES LA PALABRA ESCRITA.

> Al cambiar el tipo de fuente se da otrocontexto a un mensaje o una sensación osignificado diferente si la tipografía.

> Cada letra de una palabra es por sí mismaun elemento gráfico, que aporta riqueza ybelleza a la composición final.

LA ELECCIÓN DE LA TIPOGRAFÍA


La Tipografía/ partes

Medida: puntos (Sistema Didot)12 puntos= 1 pica = 1 cícero

> Un tipo refleja siempre la tecnología con la cual fue creada. http://nl.toyota.be/cars/new_cars/iq/iq_font.aspx


La Tipografía/ clasificación

Las fuentes tienen rasgos morfológicos que las organizan y particularizan:

ROMANAS / EGIPCIAS / PALO SECO O SIN SERIF FANTASÍA /DE ESCRITURA

-Thibaudeau-

> Cada grupo o familia tipográfica tiene un diseño particular, caracterizado por rasgos que lo identifican.

Esto refuerza y genera determinadas sensaciones.



Tipos: Bodoni, Garamond, Caslon

Fuente: C. Yantorno. UBA



Tipos: BETON, CLARENDON


La Tipografía/ clasificaciónTipos: Helvetica, Univers



En una familia tipográfica (es decir, un grupo integrado de fuentes o letras con un nombre

general) intervienen distintas variables visuales:

Cuerpo / Tono / Dirección / Proporción

> Las variables tipográficas permiten ampliar las posibilidades de uso de una fuente.

> Cada variable será empleada en base a los objetivos de comunicación, definiendo y potenciando funciones y significados.



¿cuál es más “pesado”?

> La Tipografía por su diseño, forma, contraste o tamaño, puede expresar ideas o reforzar el significado de las palabras.


> Eso es exactamente lo que se pretende al elegir una tipografía para un diseño:

COMUNICAR UNA IDEA

“Ya no sé que hacer conmigo”Cuarteto de Nos. Animación tipográfica

http://www.youtube.com/watch?v=y9LlnLTH87U

• PLAZO Y FORMA DE ENTREGA:

• 22 DE SEPTIEMBRE. Vía e-mail.

Enviar el archivo editable y convertido en pdf a 150 dpi.

• 29 DE SEPTIEMBRE. Presentar copia impresa en tamaño real.


TRABAJO PRÁCTICO


TRABAJO PRÁCTICO

OBJETIVOS

• Utilizar las familias y variables tipográficas como herramientas para el desarrollo del pensamiento creativo.

• Comprender cómo el significado de las palabras puede reforzarse y/o transformarse a través de la utilización de efectos gráficos que produzcan sentido.


TRABAJO PRÁCTICO

CONSIGNA• Diseño de un afiche, tamaño A3, donde se comunicará el estreno de una película imaginaria. • Selección de frase: título de la película

En la pieza deberán existir unidades textuales como títulos, bajada, nombres de actores, logotipos de las productoras, logotipos de festivales de cine que hayan premiado dicha película, etc.

Deberá haber una selección tipográfica de acuerdo al espíritu o perfil de la película, es decir, deberán intentar representar el sentido de la frase utilizando tipografía a la que podrán aplicar libremente todos los efectos y criterios que consideren necesarios.

Podrá haber más de una fuente tipográfica. Podrán utilizar el programa de diseño que consideren conveniente. Justificar brevemente la elección y el trabajo realizado.


TRABAJO PRÁCTICOLISTA DE FRASES:

• Un disparo de nieve• El ángel de la soledad• Té para tres• De aquel amor de música ligera• Tardé en aprender a olvidarla 19 días y 500 noches• Trepo por tu recuerdo como una enredadera• Lo que fue hermoso será horrible después• Un ángel te puede tomar, tomar el cielo, y en el cielo bailar...• El amor cambia tu sangre• Si estas palabras te pudieran dar fe, si esta armonía te ayudara a crecer

• Cerca de la revolución, el pueblo pide sangre• Demoliendo hoteles• Vengo de los ríos que dan al mar• Silbando un tango oxidado• El hambre es negro y negra su herradura• Hay una grieta en mi corazón• Por la ciudad de la furia• Por la ribera de tu sábana vendré• Garganta con arena• La vida es una herida absurda y es todo tan fugaz• Llorando mi sermón de vino• El infierno está encantador• Luz de luna fugitiva


TRABAJO PRÁCTICO

CRITERIOS DE EVALUACIÓN

Se tendrán en cuenta los siguientes aspectos:

• Producción Creativa: esto implica búsqueda, experimentación, originalidad.

• Coherencia y cohesión entre idea, recursos elegidos, propuesta general.

• Claridad del concepto a comunicar, legibilidad.

• Ortografía y gramática.

• Actitud

> Legibilidad y comunicación


> Según Cicerón (filósofo de laantigua Roma), lo importante noes lo que se dice, sino cómo sedice.

> Un texto legible o que facilita lalectura es el que permite elreconocimiento fácil einstantáneo de las letras.


> FACTORES A TENER EN CUENTA:

> Público y distancia desde donde leerá el texto

> Siete palabras por línea

> Las líneas demasiado largas como lasdemasiado cortas fatigan.

> Para lograr una composición tipográficaarmónica, funcional, estética y duraderaes de importancia capital el correctointerlineado entre renglones.

> Cuanto mayor es el interlineado menornúmero de líneas podrá ponerse en lapágina.


A TENER EN CUENTA

El diseño de la letra

• Los tipos de diseño clásicos latinos, son los que ofrecen mayor legibilidad. Las letras redondas y minúsculas suelen ser las más legibles


Espaciado entre letra y letra

Un título o un rótulo cuyas letras se peguen materialmente unas a otra no ofrece buena legibilidad.


El tamaño de la letra

• Una letra de tamaño grande es más legible que otra de tamaño más pequeño.

• Tamaño ideal: la letra del cuerpo diez o doce.

• Ejemplo para un cartel que se observará a 10 metros, la altura de la letra debe ser , al menos de 2,5 cm, mientras que para una valla publicitaria que deba leerse a 60 metros, la altura de la letra deberá ser al menos de 15 cm.


La longitud de la línea

Una línea muy larga, impresa en un cuerpo de letra más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una línea a otra.

Lo concreto es que están allí, a veces hablándonos, a veces gritándonos, a veces susurrando. Pero…, y si las tipografías gritan… ¿como es que nunca escuché a ninguna?, ¿quienes gritan?, ¿quienes hablan? y ¿quienes susurran?. Y ciertamente no es cosa fácil darse cuenta de esto, pero no imposible; lo que si hay que admitir que en el caso de la tipografía para poder escucharla, extrañamente hay que abrir bien los ojos. Fue entonces cuando decidí salir a la calle con los ojos bien abiertos para poder escuchar mejor; estaba absolutamente convencido que de esta manera iba a poder encontrar el estilo que la definiera. Luego de un buen tiempo de escuchar tipografía, había logrado obtener un excelente oído visual para la tipografía de la calle; pero, todavía no había podido lograr encontrar el tan ansiado estilo que la definiera. Es por eso que decidí volvera las fuentes y comparé nuevamente a la tipografía con las personas, fue entonces ahí cuando encontré el estilo, el estilo de“la tipografía de la calle” es exactamente el estilo de nuestra sociedad, es decir, es un reflejo de lo que somos.


La calidad de impresión

• Una impresión deficiente con fallos, remosqueados, exceso de tinta, pisada o presión excesiva, puede perjudicar notablemente la legibilidad.


Los colores

• Los colores adecuados para una tipografía son:

• Los tipos negros sobre fondo blanco, reflejan mayor legibilidad, el efecto contrario, texto blanco sobre fondo negro, nos hacen perder visibilidad.

• “Color tipográfico": una ilusión óptica creada por las propias proporciones y las formas de los diseños tipográficos que nos da la sensación de distinto color aunque esté impreso en el mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono distinto debido a las características propias de sus diseños tipográficos.


La alineación del Texto

El texto alineado a la izquierda es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta alineación de textos es una de lasmás legibles.

Alineación a la derecha se encuentra en sentido contrario del lector porque

resulta difícil encontrar la nueva línea. Este método puede ser adecuado para

un texto que no sea muy extenso.

El texto justificado, alineado a derecha eizquierda. Puede ser muy legible, si eldiseñador equilibra con uniformidad elespacio entre letras y palabras, evitandomolestos huecos denominados ríos queno rompan el curso del texto.

Las alineaciones centradas proporcionan al texto una apariencia muy formal y son

ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado

largos con esta alineación

Alineaciones asimétricas se utilizan cuando el diseñador quiere romper el texto en unidades de pensamiento lógicas, o para dar más expresividad a la página.


Algunos juegos tipográficos

TP Nº 1 Tipografía y legibilidad para web

Documents

Transcript of TP Nº 1 Tipografía y legibilidad para web