Cosas a tener en cuenta, cuando trabajes en tipografías.

1. Piensa en tipos como
en imágenes

2. INTRODUCCIÓN
TIPOGRAFÍA - Arte de disponer correctamente el material de
imprimir, de acuerdo con un propósito específico: el de colocar
las letras, repartir el espacio y organizar los tipos con vistas a
prestar al lector la máxima ayuda para la comprensión del
texto escrito verbalmente.
Stanley Morison, Principios fundamentales de la tipografía (1929).
•El tema que nos ocupa abordará confusiones que se
presentan en torno a la tipografía.
Desde el empleo de términos inapropiados,
hasta aspectos más técnicos, así como pautas
y consejos a seguir para el buen uso de la
tipografía.
PIENSA EN TIPOS COMO EN IMÁGENES

3. ÍNDICE
1. Caja alta vs Versalitas
2. Mezclar tipos
3. Cifras
4. Puntuación y Signos
5. Fuentes seguras –on y offline-
6. Confusiones en tipografía
7. Líneas viudas y huérfanas
8. Alineación a bandera izquierda vs justificado
9. Texto en vertical
10. Buen uso de la tipografía
PIENSA EN TIPOS COMO EN IMÁGENES

4. 1. CAJA ALTA VS VERSALITAS
• El uso de MAYÚSCULAS en mitad de
una línea de texto no es lo más adecuado.
TAMPOCO EMPLEAR MAYÚSCULAS
PARA LA ESCRITURA DE UNA FRASE.
• Las VERSALITAS nos permiten integrar
una palabra determinada en un párrafo
de manera simple y limpia.
EJEMPLO:
PIENSA EN TIPOS COMO EN IMÁGENES

5. 1. CAJA ALTA VS VERSALITAS
• Cuando las VERSALITAS no se incluyen en
la versión de una tipografía, y es creada
por un programa de forma automática,
se llaman falsas versalitas.
• Las versalitas encajan con la altura de la
x de las letras en caja baja.
PIENSA EN TIPOS COMO EN IMÁGENES

6. 2. MEZCLAR TIPOS
• Busca el contraste, las diferencias
muy marcadas.
• Ajusta el tamaño en puntos de las
diferentes tipos, de modo que la
altura de las x quede alineada.
PIENSA EN TIPOS COMO EN IMÁGENES

7. 2. MEZCLAR TIPOS
Ejemplo: Tipo gran tamaño, pesado y extrabold vs
menor, fino y bold.
PIENSA EN TIPOS COMO EN IMÁGENES

8. 3. CIFRAS
• Las cifras capitales parecen
grandes porque tienen la misma
altura que las mayúsculas. Ocupan
anchuras espaciales uniformes.
PIENSA EN TIPOS COMO EN IMÁGENES

9. 3. CIFRAS
• Las cifras elzeverianas se integran
visualmente en el texto porque
tienen ascendentes y
descendentes.
• Son proporcionales: cada una
posee una anchura y espaciado
determinados. CAPITALES
CIFRAS
CIFRAS ELZEVERIANAS
PIENSA EN TIPOS COMO EN IMÁGENES

10. 4. PUNTUACIÓN Y SIGNOS
• La prima y la doble prima
(o comillas mecanográficas)
indican medidas de distancias.
• Los apóstrofos indican la elisión
de una letra.
• Las comillas reproducen citas
textuales. Se recomienda las
latinas (<< >>) a las inglesas (“ ”).
PIENSA EN TIPOS COMO EN IMÁGENES

11. 5. FUENTES SEGURAS
ON Y OFFLINE
• Las fuentes seguras son aquellas
que vienen instaladas en los
ordenadores de los usuarios.
Es la opción más recomendada
en cuanto a usabilidad para
visualización web.
PIENSA EN TIPOS COMO EN IMÁGENES

12. 5. FUENTES SEGURAS
ON Y OFFLINE
En Internet existen varias soluciones
para mostrar fuentes especiales:
1)Descarga de fuentes desde el
servidor de terceros previo pago
por el diseñador, maquetador.
2)A través del uso de @|Font-face sólo
se pueden obtener legalmente los
tipos licenciados para este uso.
PIENSA EN TIPOS COMO EN IMÁGENES

13. 5. FUENTES SEGURAS
ON Y OFFLINE
Fuentes seguras
•Windows – Cambria, Constantia, Verdana,
Arial, Tahoma, Andale Mono, Courier New,
Calibri, Candara, Century Gotic, Corbel,
Impact, Times New Roman, Trebutchet MS,
Georgia, Verdana,…
•Mac - Helvética, Courier Palatino, Times,
Verdana, Arial, Verdana, Tahoma, Trebutchet
MS, Georgia,…
PIENSA EN TIPOS COMO EN IMÁGENES

14. 5. FUENTES SEGURAS
ON Y OFFLINE
Al enviar un proyecto a imprenta,
se nos pueden presentar problemas
con las fuentes utilizadas en el
documento.
PIENSA EN TIPOS COMO EN IMÁGENES

15. 5. FUENTES SEGURAS
ON Y OFFLINE
Orden de prioridades a seguir:
1.Trazaremos la fuente, cuando sea
posible y el archivo no sea extenso.
2.Incluiremos una carpeta con todos
las fuente empleadas, para imprimir
directamente desde archivo.
3.Como último recurso, se procederá
a la sustitución de la/s tipografía/s.
PIENSA EN TIPOS COMO EN IMÁGENES

16. 6. CONFUSIONES EN TIPOGRAFÍA
¿Tipo o fuente?
•Un tipo es el diseño de la letra de
imprenta.
•La fuente es el contenedor que incluye
todos los caracteres de un tipo.
NOTA: En los sistemas digitales, el tipo es el diseño visual
y la fuente es el software que permite instalar el
diseño, acceder a él y reproducirlo.
PIENSA EN TIPOS COMO EN IMÁGENES

17. 6. CONFUSIONES EN TIPOGRAFÍA
¿Carácter o glifo?
•Los caracteres son símbolos que tienen
una función única. Así un
único carácter sería la letra a.
•La letra a puede ser expresada por
varios glifos (a, A). Cada glifo es una
expresión específica de un carácter.
PIENSA EN TIPOS COMO EN IMÁGENES

18. 7. LÍNEAS VIUDAS Y
HUÉRFANAS
• Línea viuda es la línea de final de
párrafo situada al inicio de la columna
contigua. Error que se debe evitar.
• Línea huérfana es la línea que
precede a la línea viuda.
PIENSA EN TIPOS COMO EN IMÁGENES

19. 7. LÍNEAS VIUDAS Y
HUÉRFANAS
• Se puede emplear, siempre que no sea línea del
último párrafo del documento. Es decir, el texto
del párrafo siguiente prosigue, de tal modo que
se llena el ancho de la composición.
LÍNEA VIUDA
LÍNEA HUÉRFANA
PIENSA EN TIPOS COMO EN IMÁGENES

20. 8. ALINEACIÓN IZQUIERDAS
VS JUSTIFICADO
Alineación a izquierda - Bandera por la derecha.
•Respeta el movimiento orgánico del
lenguaje y evita los espacios irregulares
(ríos o calles) producidos en los textos
justificados.
•Un buen diseño procura que la bandera
parezca natural, sin hacer uso abusivo
de la división de palabras.
PIENSA EN TIPOS COMO EN IMÁGENES

21. 8. ALINEACIÓN IZQUIERDAS
VS JUSTIFICADO
Justificado
•Los márgenes derecho e izquierdo
están igualados.
•Crea una apariencia limpia.
•Es el patrón utilizado por periódicos y
libros por el uso eficiente del espacio.
PIENSA EN TIPOS COMO EN IMÁGENES

22. 9. TEXTO EN VERTICAL
• Para disponer las letras en vertical y
crear columnas estables utilizaremos
las letras en caja alta.
• Otra forma de componer en vertical
una línea de texto en alfabeto latino
es rotando su composición horizontal.
PIENSA EN TIPOS COMO EN IMÁGENES

23. 9. TEXTO EN VERTICAL
PIENSA EN TIPOS COMO EN IMÁGENES

24. 10. BUEN USO DE LA TIPOGRAFÍA
• El ojo es naturalmente atraído por los
contrastes, por lo que es importante
crear contraste visual entre fuentes,
los bloques de texto y blanco.
PIENSA EN TIPOS COMO EN IMÁGENES

25. 10. BUEN USO DE LA TIPOGRAFÍA
• El alcance ocular en lectura es de
unos 8 cm aproximadamente.
• En diseño web, sería conveniente el
diseño de párrafos más estrechos y
un interlineado superior al utilizado
en papel.
PIENSA EN TIPOS COMO EN IMÁGENES

26. 10. BUEN USO DE LA TIPOGRAFÍA
En cuanto a las familias de fuentes:
•Las más legibles en medios impresos
no son las más eficaces en pantalla.
•Su lectura dependen del tamaño y
características utilizadas.
•Es aconsejable la realización de
pruebas en cada caso específico.
PIENSA EN TIPOS COMO EN IMÁGENES

27. BIBLIOGRAFÍA
• Pensar con tipos. Lupton, Ellen. BCN:
Gustavo Gili, 2011.
• culturaweb.es/blog/post/las-20-tipografias-mas-usadas-
• glosariografico.com/linea_viuda
• vinaixa.org
/web/blog/comunicacion-grafica/492/usos-y-costumbres
web
PIENSA EN TIPOS COMO EN IMÁGENES

28. CRÉDITOS IMÁGENES
• editoriall.blogspot.com.es
• glosariografico.com
PIENSA EN TIPOS COMO EN IMÁGENES

29. Médico Pascual Pérez, nº 36 1º izquierda 03001 Alicante
(+34) 965 21 00 80 / simbolo@simbolo-ic.es / www.simbolo-ic.es