TP #1 Tipografía y Legibilidad para Web

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao
M. Minervini Trabajos Prcticos 2011
Produccin Grfica Trabajos prcticos
Qu es para ustedes la produccin grfica?
Qu esperan aprender de la instancia de trabajos prcticos?
TP N 1: Retculas (Clsica y Germano-Suiza) TP N 2: Isologotipo Jueves 15 de septiembre: TP N 3: Tipografas: herramientas de significado. Legibilidad y comunicacin Jueves 29 de septiembre: TP N 4: Nociones bsicas de Color. Diseo digital Jueves 6 de octubre: TP N 5: Imagen: fotografa e infografa. Invitado especial: Juan Colombato. Infografsta, Periodista visual de La Voz del Interior. Jueves 20 de octubre: TP N 6: Impresin y encuadernacin Invitados especiales: Usina Creativa. Empresa de jvenes comunicadores sociales.
Jueves 13 de octubre: PARCIAL . NO HAY CLASE PRCTICA. 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 Tipografa
HERRAMIENTA DE SIGNIFICADO
Por qu es importante conocer y aprender sobre tipografa?
La tipografa 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 tipografa produzca, efectos funcionales, estticos y psicolgicos de un material impreso.
Las fuentes (tipogrficas) son como la msica: hay una diferente para cada historia.
Rodrigo Posada Director de Arte del peridico The State - EE.UU.
La funcin de la tipografa, consiste en comunicar a la imaginacin, sin perder nada por el camino, la imagen que intenta transmitir el autor.
Thomas James Cobden-Sanderson Artista Ingls y encuadernador de libros relacionados con el movimiento Arts and Crafts..
La Tipografa/ un poco de historia

La antigedad: signos y smbolos
Fuente: C. Yantorno. UBA

La Edad Media: gtico

El renacimiento: aparicin de la imprenta Gutemberg
typos = formas, es igual al modelo o diseo de una determinada letra y de graphein = escribir: sinnimos: escritura, signo, letra, pictograma, figura, etc

La revolucin industrial y la era victoriana: se incorporan componentes visuales

Fines 1800 Art Noveau (decorativo y respuesta a la industrializacin)

VANGUARDIAS
Constructivismo
Futurismo y Dadasmo (el antiarte)
La tipografa es el reflejo de una poca: se constituye como uno de los sellos visuales ms claros e identificatorios.

La Escuela de Bauhaus (Alemania)
Perodo de entre guerra

La escuela Suiza
La evolucin del diseo tipogrfico responde a proyecciones tecnolgicas y artsticas.

Los aos 60
En algunos casos, la tipografa ha servido para dinamizar y propagar las corrientes artsticas, y en otros ha sido la experimentacin de los movimientos artsticos la que ha servido para descubrir a la tipografa nuevos caminos.

> Bajar tipografa: http://www.fontyukle.net
HOY: LA ERA DIGITAL
> El signo tipogrfico se ha considerado como uno de los miembros ms activos de los cambios culturales del hombre.
> La cultura y el contexto histricosocial influyen y condicionan la elaboracin y percepcin de los mensajes transmitidos por medio de una tipografa.
La Tipografa/ sus significados

LA ELECCIN DE LA TIPOGRAFA
EL MEDIO DE TRANSMISIN DE IDEAS POR EXCELENCIA ES LA PALABRA ESCRITA.
> Al cambiar el tipo de fuente se da otro contexto a un mensaje o una sensacin o significado diferente si la tipografa. > Cada letra de una palabra es por s misma un elemento grfico, que aporta riqueza y belleza a la composicin final.
La Tipografa/ partes
Medida: puntos (Sistema Didot) 12 puntos = 1 pica = 1 ccero
> Un tipo refleja siempre la tecnologa con la cual fue creada. http://nl.toyota.be/cars/new_cars/iq/iq_font.aspx
La Tipografa/ clasificacin
Las fuentes tienen rasgos morfolgicos que las organizan y particularizan: ROMANAS / EGIPCIAS / PALO SECO O SIN SERIF FANTASA /DE ESCRITURA -Thibaudeau> Cada grupo o familia tipogrfica tiene un diseo particular, caracterizado por rasgos que lo identifican. Esto refuerza y genera determinadas sensaciones.
Tipos: Bodoni, Garamond, Caslon
Fuente: C. Yantorno. UBA
Tipos: BETON, CLARENDON
Tipos: Helvetica, Univers
En una familia tipogrfica (es decir, un grupo integrado de fuentes o letras con un nombre general) intervienen distintas variables visuales: Cuerpo / Tono / Direccin / Proporcin
> Las variables tipogrficas permiten ampliar las posibilidades de uso de una fuente. > Cada variable ser empleada en base a los objetivos de comunicacin, definiendo y potenciando funciones y significados.
cul es ms pesado?
> La Tipografa por su diseo, forma, contraste o tamao, puede expresar ideas o reforzar el significado de las palabras.
http://www.youtube.com/watch? v=y9LlnLTH87U
> Eso es exactamente lo que se pretende al elegir una tipografa para un diseo:
COMUNICAR UNA IDEA

Ya no s que hacer conmigo Cuarteto de Nos. Animacin tipogrfica
TRABAJO PRCTICO
PLAZO Y FORMA DE ENTREGA:

22 DE SEPTIEMBRE. Va e-mail. Enviar el archivo editable y convertido en pdf a 150 dpi. 29 DE SEPTIEMBRE. Presentar copia impresa en tamao real.
TRABAJO PRCTICO
OBJETIVOS Utilizar las familias y variables tipogrficas como herramientas para el desarrollo del pensamiento creativo.
Comprender cmo el significado de las palabras puede reforzarse y/o transformarse a travs de la utilizacin de efectos grficos que produzcan sentido.
TRABAJO PRCTICO
CONSIGNA Diseo de un afiche, tamao A3, donde se comunicar el estreno de una pelcula imaginaria. Seleccin de frase: ttulo de la pelcula En la pieza debern existir unidades textuales como ttulos, bajada, nombres de actores, logotipos de las productoras, logotipos de festivales de cine que hayan premiado dicha pelcula, etc. Deber haber una seleccin tipogrca de acuerdo al espritu o perl de la pelcula, es decir, debern intentar representar el sentido de la frase utilizando tipografa a la que podrn aplicar libremente todos los efectos y criterios que consideren necesarios. Podr haber ms de una fuente tipogrca. Podrn utilizar el programa de diseo que consideren conveniente. Justificar brevemente la eleccin y el trabajo realizado.
TRABAJO PRCTICO
LISTA DE FRASES: Un disparo de nieve El ngel de la soledad T para tres De aquel amor de msica ligera Tard en aprender a olvidarla 19 das y 500 noches Trepo por tu recuerdo como una enredadera Lo que fue hermoso ser horrible despus 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 armona te ayudara a crecer Cerca de la revolucin, el pueblo pide sangre Demoliendo hoteles Vengo de los ros que dan al mar Silbando un tango oxidado El hambre es negro y negra su herradura Hay una grieta en mi corazn Por la ciudad de la furia Por la ribera de tu sbana vendr Garganta con arena La vida es una herida absurda y es todo tan fugaz Llorando mi sermn de vino El infierno est encantador Luz de luna fugitiva
TRABAJO PRCTICO
CRITERIOS DE EVALUACIN Se tendrn en cuenta los siguientes aspectos: Produccin Creativa: esto implica bsqueda, experimentacin, originalidad. Coherencia y cohesin entre idea, recursos elegidos, propuesta general. Claridad del concepto a comunicar, legibilidad. Ortografa y gramtica. Actitud
> Legibilidad y comunicacin

> Segn Cicern (filsofo de la antigua Roma), lo importante no es lo que se dice, sino cmo se dice. > Un texto legible o que facilita la lectura es el que permite el reconocimiento fcil e instantneo de las letras.
> FACTORES A TENER EN CUENTA:
> Pblico y distancia desde donde leer el texto > Siete palabras por lnea > Las lneas demasiado largas como las demasiado cortas fatigan. > Para lograr una composicin tipogrfica armnica, funcional, esttica y duradera es de importancia capital el correcto interlineado entre renglones. > Cuanto mayor es el interlineado menor nmero de lneas podr ponerse en la pgina.
A TENER EN CUENTA
El diseo de la letra Los tipos de diseo clsicos latinos, son los que ofrecen mayor legibilidad. Las letras redondas y minsculas suelen ser las ms legibles
Espaciado entre letra y letra Un ttulo o un rtulo cuyas letras se peguen materialmente unas a otra no ofrece buena legibilidad.
El tamao de la letra
Una letra de tamao grande es ms legible que otra de tamao ms pequeo. Tamao 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 lnea Una lnea muy larga, impresa en un cuerpo de letra ms bien pequeo, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una lnea a otra.
Lo concreto es que estn all, a veces hablndonos, a veces gritndonos, a veces susurrando. Pero, y si las tipografas gritan como es que nunca escuch a ninguna?, quienes gritan?, quienes hablan? y quienes susurran?. Y ciertamente no es cosa fcil darse cuenta de esto, pero no imposible; lo que si hay que admitir que en el caso de la tipografa para poder escucharla, extraamente 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 tipografa, haba logrado obtener un excelente odo visual para la tipografa de la calle; pero, todava no haba podido lograr encontrar el tan ansiado estilo que la definiera. Es por eso que decid volver a las fuentes y compar nuevamente a la tipografa con las personas, fue entonces ah cuando encontr el estilo, el estilo de la tipografa de la calle es exactamente el estilo de nuestra sociedad, es decir, es un reflejo de lo que somos.
La calidad de impresin
Una impresin deficiente con fallos, remosqueados, exceso de tinta, pisada o presin excesiva, puede perjudicar notablemente la legibilidad.
Los colores
Los colores adecuados para una tipografa son: Los tipos negros sobre fondo blanco, reflejan mayor legibilidad, el efecto contrario, texto blanco sobre fondo negro, nos hacen perder visibilidad.
Color tipogrfico": una ilusin ptica creada por las propias proporciones y las formas de los diseos tipogrficos que nos da la sensacin de distinto color aunque est impreso en el mismo color. Aunque las palabras estn impresas en el mismo color, cada una de ellas puede poseer un tono distinto debido a las caractersticas propias de sus diseos tipogrficos.
La alineacin 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 alineacin de textos es una de lasms legibles. El texto justificado, alineado a derecha e izquierda. Puede ser muy legible, si el diseador equilibra con uniformidad el espacio entre letras y palabras, evitando molestos huecos denominados ros que no rompan el curso del texto. Alineacin a la derecha se encuentra en sentido contrario del lector porque resulta difcil encontrar la nueva lnea. Este mtodo puede ser adecuado para un texto que no sea muy extenso. Las alineaciones centradas proporcionan al texto una apariencia muy formal y son ideales cuando se usan mnimamente. Se debe evitar configurar textos demasiado largos con esta alineacin
Alineaciones asimtricas se utilizan cuando el diseador quiere romper el texto en unidades de pensamiento lgicas, o para dar ms expresividad a la pgina.
Algunos juegos tipogrficos

TP #1 Tipografía y Legibilidad para Web

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

TP #1 Tipografía y Legibilidad para Web

Enviado por

Direitos autorais:

Formatos disponíveis

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Produccin Grfica Trabajos prcticos

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Qu es para ustedes la produccin grfica?

Qu esperan aprender de la instancia de trabajos prcticos?

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Por qu es importante conocer y aprender sobre tipografa?

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Fuente: C. Yantorno. UBA

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Futurismo y Dadasmo (el antiarte)

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Perodo de entre guerra

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

La evolucin del diseo tipogrfico responde a proyecciones tecnolgicas y artsticas.

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ un poco de historia

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

La Tipografa/ sus significados

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011

Escuela de Ciencias de la Informacin UNC Ctedra de Produccin Grfica 4to Ao

M. Minervini Trabajos Prcticos 2011