Piensa en tipos como en imágenes

Piensa en tipos comoen imágenes

INTRODUCCIÓN

PIENSA EN TIPOS COMO EN IMÁGENES

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.

1. Caja alta vs Versalitas2. Mezclar tipos3. Cifras4. Puntuación y Signos5. Fuentes seguras –on y offline-6. Confusiones en tipografía7. Líneas viudas y huérfanas8. Alineación a bandera izquierda vs justificado9. Texto en vertical10. Buen uso de la tipografía

ÍNDICE

PIENSA EN TIPOS COMO EN IMÁGENES

• 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.

PIENSA EN TIPOS COMO EN IMÁGENES

EJEMPLO:

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

1. CAJA ALTA VS VERSALITAS

• 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.

2. MEZCLAR TIPOS

PIENSA EN TIPOS COMO EN IMÁGENES

Ejemplo: Tipo gran tamaño, pesado y extrabold vs

menor, fino y bold.

PIENSA EN TIPOS COMO EN IMÁGENES

2. MEZCLAR TIPOS

• 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

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.

3. CIFRAS

PIENSA EN TIPOS COMO EN IMÁGENES

CIFRAS CAPITALES

CIFRAS ELZEVERIANAS

• 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 (“ ”).

4. PUNTUACIÓN Y SIGNOS

PIENSA EN TIPOS COMO EN IMÁGENES

• 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. 

5. FUENTES SEGURAS ON Y OFFLINE

PIENSA EN TIPOS COMO EN IMÁGENES

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.

5. FUENTES SEGURAS ON Y OFFLINE

PIENSA EN TIPOS COMO EN IMÁGENES

 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,…

5. FUENTES SEGURAS ON Y OFFLINE

PIENSA EN TIPOS COMO EN IMÁGENES

Al enviar un proyecto a imprenta, se nos pueden presentar problemas con las fuentes utilizadas en el documento.

5. FUENTES SEGURAS ON Y OFFLINE

PIENSA EN TIPOS COMO EN IMÁGENES

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.

5. FUENTES SEGURAS ON Y OFFLINE

PIENSA EN TIPOS COMO EN IMÁGENES

¿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

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

6. CONFUSIONES EN TIPOGRAFÍA

• 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.

7. LÍNEAS VIUDAS Y HUÉRFANAS

PIENSA EN TIPOS COMO EN IMÁGENES

• 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.

PIENSA EN TIPOS COMO EN IMÁGENES

7. LÍNEAS VIUDAS Y HUÉRFANAS

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.

8. ALINEACIÓN IZQUIERDAS VS JUSTIFICADO

PIENSA EN TIPOS COMO EN IMÁGENES

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

8. ALINEACIÓN IZQUIERDAS VS JUSTIFICADO

• 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.

9. TEXTO EN VERTICAL

PIENSA EN TIPOS COMO EN IMÁGENES

9. TEXTO EN VERTICAL

PIENSA EN TIPOS COMO EN IMÁGENES

• 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.

10. BUEN USO DE LA TIPOGRAFÍA

PIENSA EN TIPOS COMO EN IMÁGENES

• 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

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

10. BUEN USO DE LA TIPOGRAFÍA

• Pensar con tipos. Lupton, Ellen. BCN: Gustavo Gili, 2011.

• culturaweb.es/blog/post/las-20-tipografias-mas-usadas-en-internet

• glosariografico.com/linea_viuda

• vinaixa.org/web/blog/comunicacion-grafica/492/usos-y-costumbres-de-la-tipografia-en-la-web

PIENSA EN TIPOS COMO EN IMÁGENES

BIBLIOGRAFÍA

• editoriall.blogspot.com.es• glosariografico.com

PIENSA EN TIPOS COMO EN IMÁGENES

CRÉDITOS IMÁGENES

Médico Pascual Pérez, nº 36 1º izquierda 03001 Alicante

(+34) 965 21 00 80 / simbolo@simbolo-ic.es / www.simbolo-ic.es