Composición y Tipografía

Begoña Yáñez

Tema 5: Selección tipográfica

Índice del tema

Tema 5. Selección tipográfica

► 5.1. ¿Cómo estudiar este tema?
► 5.2. Connotaciones tipográficas
► 5.3. Combinando familias
► 5.4. Recursos para elegir la mejor combinación
► 5.5. Tipos para impresión/Tipos para digital

Composición y Tipografía - Begoña Yáñez 2

 ¿Qué vamos a estudiar?

• Psicotiografía
• Combinaciones
• Recursos útiles
• Digital vs Impresión

Composición y Tipografía - Begoña Yáñez 3

Psicotipografía- Resumen en 6 grupos
Con serifa o Seriedad, tranquilidad, rigor, firmeza, dignidad…
romanas Periódicos y publicaciones serias.
Revolución, industria, modernidad…
Sin serifa o
Sobriedad, alegría y seguridad.
sans serif
Grotescas-amables, humanistas-legibilidad.
Acabado suave sin serif.
Rounded
Suavidad y sensación reconfortante.

Script o En general cercanía.

manuscritas Gran variedad con variedad de sensaciones.

Poco legibles. Conexión con el tema que tratan por su

Display
carácter de imagen o dibujo.

No es un tipo sino una variable de la fuente principal.

Condensadas
Contundencia y personalidad. Arrojo y tesón.

Composición y Tipografía - Begoña Yáñez 4

Psicotipografía- Resumen en 6 grupos

Rounded Condesadas

Composición y Tipografía - Begoña Yáñez 5

Clasificación simplificada
1. Góticas
2. Romanas
– Venecianas (Centaur)
– Garaldas (Garramond)
– Transicional (Times New Roman)
– Didonas (Bodoni)
– Egipcias (Rockwell)
– Grotesca (Trade Gothic)
3. Palo seco – Neogrotesca (Helvetica)
–
4. Script
Humanista (Gill Sans)
– Geométrica (Futura)
5.

Composición y Tipografía - Begoña Yáñez 6

 Psicotipografía por categorías- Góticas

Da impresión de antigüedad,
rigidez y falta de flexibilidad.
Por costumbre nos remite a lo
religioso o lo militar.

http://www.artdec.cl/621/articles-
28839_imagen_portada.thumb_listado.jpg
https://ycdn.space/f/di/diploma-regular_4.png

Composición y Tipografía - Begoña Yáñez 7

 Psicotipografía por categorías- Humanas

• Recorrido visual por los

remates.
• Carácter antiguo.
• Notoriedad, serenidad y
cultura.

https://www.typewolf.com/assets/img/sotd/2017-03-10-big.png

Composición y Tipografía - Begoña Yáñez 8

 Psicotipografía por categorías- Garaldas
• Conservadoras pero informativas.
• Ideales para cuerpos de texto o titulares que requieran seriedad.

https://pre00.deviantart.net/1699/th/pre/i/2010/024/e/b/garamond_magazine_spread_by_rayhernandez.jpg

Composición y Tipografía - Begoña Yáñez 9

 Psicotipografía por categorías- Reales

• Rasgos modernos y antiguos.

• Imitan la escritura manual pero
con retoques.
• Los remates horizontales
reducen la fluidez de lectura.

http://1hdlxe1oe0ll1eghud24le5v.wpengine.netdna-cdn.com/wp-
content/uploads/2016/06/Forbes-April-19-2016.jpg https://i.forbesimg.com/media/amp/images/forbes-logo-dark.png

Composición y Tipografía - Begoña Yáñez 10

 Psicotipografía por categorías- Didonas
• Elegantes aunque con cierta rigidez.
• No son apropiadas para textos extensos por su verticalidad, pero sí
son ideales para logotipos o titulares.
• No compatible con tipografías muy decoradas.

https://i.pinimg.com/236x/62/41/cd/6241cddf139664b10470e7b692e3094e--magazine-cover-design-magazine-covers.jpg

Composición y Tipografía - Begoña Yáñez 11

 Psicotipografía por categorías- Mecanas
• En general rigidez y actualidad, pero
también relación con aspecto de
máquina de escribir antigua.
• Se puede usar en grandes bloques
de texto aportando un aire
confidencial y semi-formal.
• Llamativos y expresivos.

https://venturebeat.com/wp-content/uploads/2016/09/Playboy-logo.jpg?fit=1776%2C595&strip=all
https://fontmeme.com/images/Popular-Mechanics-Magazine.jpg

Composición y Tipografía - Begoña Yáñez 12

 Psicotipografía por categorías- Grotescas y Neogrotescas

• Actualidad y limpieza en el trabajo.

• Sencillez y legibilidad.
• Aspecto minimalista, contemporáneo
y ordenado.
• Sensación de estabilidad a la vez que
de movimiento.
• Aporta universalidad y objetividad,
pero si no se usa correctamente
puede generar un efecto impersonal,
frío y distante (un exceso de
neutralidad).

https://ourthoughtscomm2441.files.wordpress.com/2012/07/moma-logo1.gif
https://image.isu.pub/160530231534-3c7d93c3ebcf6e51ed17a67a8cba76ee/jpg/page_1.jpg

Composición y Tipografía - Begoña Yáñez 13

 Psicotipografía por categorías- Geométrica
• Modernidad y contemporaneidad.
• Aspecto digital que se relaciona con los avances tecnológicos.
• Fácil lectura, objetividad, universalidad y limpieza, pero también son
frías, y rígidas.

https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/AvantGarde_log
http://www.jotdown.es/ o.svg/1200px-AvantGarde_logo.svg.png

Composición y Tipografía - Begoña Yáñez 14

 Psicotipografía por categorías- Incisas y humanistas

• Los ligeros remates le

confieren claridad pero con
atención a los detalles.
• Son modernas por su
sencillez, pero también
humanas por inspirarse en
la escritura manual
evocando épocas
anteriores.

https://blogs.protegerse.com/wp-content/imagenes/yahoo_logo.png
https://www.nationalgeographic.com/content/dam/magazine/Logos/national-geographic.jpg

Composición y Tipografía - Begoña Yáñez 15

 Psicotipografía por categorías- Scriptas
• Transmiten reminiscencia al Renacimiento, y cartas escritas a
mano.
• Aspecto personal, romántico, íntimo, pero también status,
conocimiento y cultura olvidada.

https://s-media-cache-
https://i.pinimg.com/236x/ca/88/74/ca8874dbb09485952e2e9fd ak0.pinimg.com/originals/7d/76/81/7d76812f3f90b
9864b1c56--magazine-cover-design-magazine-covers.jpg 8c1cf54114955ce68f3.jpg

Composición y Tipografía - Begoña Yáñez 16

Psicotipografía por categorías- Scriptas

https://i.pinimg.com/236x/e9/56/cc/e956ccfa7dd4ccfec7d15602526de686--daniel-radcliffe-equality.jpg
https://i.pinimg.com/236x/71/9c/03/719c03c8f9c7f7d7a895638e9dcb0315--magazine-spreads-magazine-covers.jpg

Composición y Tipografía - Begoña Yáñez 17

 Psicotipografía por categorías-
• Diseñadas con fines muy distintos, no se puede
generalizar.
• Cualidades de la imágenes: las curvas aportarán
suavidad, movimiento, serenidad…; mientras que los
ángulos sensación de advertencia, agresividad,
frialdad, impredecible…

http://luc.devroye.org/ApirahInfahsaeng-
NewYorkMagazine-2008.jpg

Composición y Tipografía - Begoña Yáñez 18

¿Qué te resulta más fiable?

La información
La información
La información
La información
Composición y Tipografía - Begoña Yáñez 19
¿Qué es más apropiado?

Malas noticias
Malas noticias
Malas noticias
Malas noticias
Composición y Tipografía - Begoña Yáñez 20
¿Qué te resulta más atractivo?

¡Ven a mi fiesta!
¡Ven a mi fiesta!
¡Ven a mi fiesta!
¡Ven a mi fiesta!
Composición y Tipografía - Begoña Yáñez 21
Combinaciones de fuentes

• Combinar 2 familias, 3 en casos muy

extremos y bien justificados.
• Cuanto más compleja sea la tipografía
más difícil es combinarla.
• Conoce los puntos fuertes de tus
tipografías, para no mandar mensajes
contradictorios.
• Trabajar con las variables de la
familia tipográfica.

Composición y Tipografía - Begoña Yáñez 22

Combinaciones- legibilidad

• Busca la legibilidad.
• Las tipografías usadas deben tener
cierto contraste entre ellas.
• El espacio que dejamos entre
caracteres y la alineación también
es importante.
• Un texto en mayúsculas es una
llamada de atención a modo de
grito.
• Un texto únicamente con
minúsculas carece de enfatización.

Composición y Tipografía - Begoña Yáñez 23

Combinaciones- Ortotipografía

• La ortotipografía es el conjunto de
normas que rigen el uso de la
tipografía.
• No todas las tipografías tienen todos
los signos de puntuación.
• Problemas con las tipografías de
palo seco, con la “I”, con la “l” y con
el “1”.

Composición y Tipografía - Begoña Yáñez 24

Combinaciones

Composición y Tipografía - Begoña Yáñez 25

http://reydefine.com/wp-content/uploads/2016/03/infografia_mandamientos_tipografia.jpg

Composición y Tipografía - Begoña Yáñez 26

https://waarket.com/wp-content/uploads/2014/09/ghotms.jpg

Composición y Tipografía - Begoña Yáñez 27

Recursos útiles

http://font-combinator.com/

Composición y Tipografía - Begoña Yáñez 28

Recursos útiles

Composición y Tipografía - Begoña Yáñez 29

Recursos útiles

https://fontjoy.com/

Composición y Tipografía - Begoña Yáñez 30

Recursos útiles

http://fontflame.com/
http://app.fontflame.com/
Composición y Tipografía - Begoña Yáñez 31
Recursos útiles

www.typegenius.com
https://www.canva.com/font-combinations/
Composición y Tipografía - Begoña Yáñez 32
Recursos útiles

http://www.typeconnection.com/ (juego de combinar fuentes)

Composición y Tipografía - Begoña Yáñez 33
Recursos útiles

http://fontpair.co/

Composición y Tipografía - Begoña Yáñez 34

Recursos útiles

https://typ.io/

Composición y Tipografía - Begoña Yáñez 35

Recursos útiles

https://justmytype.co/

Composición y Tipografía - Begoña Yáñez 36

Recursos útiles

https://typekit.com/

Composición y Tipografía - Begoña Yáñez 37

Recursos útiles

https://www.typography.com/
Composición y Tipografía - Begoña Yáñez 38
Digital vs Impresión
• En general recordad que
para la lectura en pantalla es
mejor las fuentes sans serif,
y para impresión las serif.
• Aunque estamos
acostumbrados a la lectura
de fuentes con remates.

• Para diseños impresos de pequeño formato usaremos

siempre una tipografía legible no más pequeña de
cuerpo 6pt y no más de 2 familias tipográficas
combinadas.

Composición y Tipografía - Begoña Yáñez 39

Digital vs Impresión

Composición y Tipografía - Begoña Yáñez 40

Vídeos en el foro

Composición y Tipografía - Begoña Yáñez 41

Refuerzo lettering

Composición y Tipografía - Begoña Yáñez 42

Refuerzo lettering

Composición y Tipografía - Begoña Yáñez 43

Refuerzo lettering

Composición y Tipografía - Begoña Yáñez 44

Refuerzo lettering

Composición y Tipografía - Begoña Yáñez 45

 Gracias por
vuestra atención

Composición y Tipografía - Begoña Yáñez 46

www.unir.net