Post on 16-Feb-2015
Tipografía
Profa. Gloria J. Yukavetsky
Curso Diseño Gráfico Computadorizado
(COMU 2055)
Relaciones de tipos en un material impreso
• Concordante– Se usa una sola familia de un tipo– No hay mucha variedad en estilo, tamaño,
peso, etc.– Es bastante formal
Ejemplos de Concordancia
A A
• Conflictivo– Se combinan tipos que son similares en
estilo, tamaño, peso, etc.– Causa molestia, porque el aspecto visual no
es igual (concordante pero son diferentes o de contraste)
A esto es Arial A esto es Century Gothic
Ejemplo de Conflictivo
Es otro tipo similarEs otro tipo similar
• De contrastes– Se combinan diferentes tipos y elementos que
son claramente diferentes– Los diseños que causan mayor interés tienen
mucho contraste.
A AA
Ejemplo de Contraste
Los tipos
• Seis grupos básicos:– Oldstyle– Modern– Slab serif– Sans serif
–Script–Decorative
• Tres familias– Serifs– Sans Serifs– Decorative
Oldstyle
• Siempre tienen serifs:
Oldstyle• Tienen una
transisción de grueso
a fino: d• Son de fácil lectura
Modern
• Tienen serifs, pero son rectos.
• Son fríos, pero elegantes.
Slab serif
• No tienen mucha transición.
• A veces se le conoce como Clarendon y Egipcio.
• Son ideales para imprimir libros, especialmente de niños.
Sans serif
• La palabra sans en Francés significa ‘sin’.
• Casi no tienen transiciones.
Script
• Parece caligrafía.• Deben usarse poco.• Nunca deben usarse
todas en mayúsculas.
Decorative
• Su aspecto provoca un ambiente, estado de ánimo o reacción sicológica.
Quiz #1
Parea el tipo con el fragmento
Oldstyle Los días son lindos
Sans serif El fin
Script El tiempo
Decorative La Universidad
Quiz #2Identifica los tipos serifs y sans serifs (no-serifs)
PerroGatoPájaroLiebreRatónConejo
Contraste entre tipos
• El contraste entre tipos se utiliza para realzar la comunicación y atraer la atención.
• Los siguientes elementos crean contraste:– Tamaño
• No todo tiene que estar a 12 puntos • Se debe evitar escribir todo en máyúsculas• Se puede hacer un contraste marcado de tipos en
diferentes tamaños
Ejemplos de Tamaño
– Peso• Se refiere al grosor
de los trazos: negrillas o “bold”, regular, y quizá semi-negrillas
• Se utiliza para atraer la atención
• Se utiliza para organizar la información
• Hace que una página sea más interesante visualmente
Otro ejemplo de Peso
- Estructura– Se refiere a cómo está
construído el tipo
– Nunca se debe colocar dos tipos de una familia en una página, pero en ocasiones, se pueden colocar dos tipos de serifs, siempre y cuando sean diferentes:
times imprint
- Forma– Se refiere a cómo está
formado o moldeado el tipo.
– Nunca se deben combinar dos tipos diferentes en itálicos.
– Los tipos en mayúsculas y minúsculas difieren en
forma: A a
– Se debe tener cuidado al usar todos los tipos en mayúsculas, puesto que son dificiles de leer.
• Otro ejemplo de contraste utilizando Forma es utilizar itálicos:
Sí, en efecto se fue a la playa.
- Dirección– Se pueden colocar palabras en un ángulo.– Un ángulo hacia la derecha y hacia arriba tiene
la connotación de fuerza positiva.– Un ángulo hacia abajo tiene una connotación
de energía negativa.– Nunca se debe rellenar esquinas con palabras
en ángulo.
Hacia arriba
Hacia abajo
Otro ejemplo de texto con una dirección diferente
Otro ejemplo de Dirección
Otro ejemplo de Dirección
• Color– Los colores cálidos sobresalen y llaman
nuestra atención: rojos y anaranjados– Los colores fríos parecen alejar: azules y
verdes
TextoTexto Texto
Texto•El texto que se escribe muy unido o separado tiene el efecto de crear un color, aún usando negro:
La leyenda de TutankamenLa leyenda de Tutankamen
Resumen de Contraste
Consejos útiles• La posibilidad de añadir contraste mediante el uso
de tipos es infinita. Por ejemplo, si se usan dos serifs, se deben enfatizar sus diferencias: mayúsculas, minúsculas, tamaño, peso y dirección, entre otros rasgos.
• Mira las revistas; allí encontrarás bastante contraste.• Trata de verbalizar lo que ves- si puedes describir lo
que está pasando, quiere decir que tienes poder sobre ello.
• Antes de encontrar una mejor solución, encuentra el problema: Enumera las similitudes y no las diferencias. Por ejemplo, ¿por qué dos tipos compiten entre sí?; ¿están todas en mayúsculas?; ¿tienen igual espesor?
Puntos y Picas
• Cuando se trabaja con tipos, las unidades de medidas utilizadas se conocen como punto y pica.
• Es preferible trabajar los tipos en puntos.• Hay 12 puntos en una pica.• Hay 6 picas en una piulgada.• Una página mide 66 picas.• El espacio entre líneas o párrafos se miden en puntos.• Picas se usa cuando queremos medir ellargo de una
línea o párrafo.• El monitor de una computadora se mide en puntos por
pulgada; 72 es el estándar.