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 / [email protected] / www.simbolo-ic.es
Top Related