0
Piensa en tipos como    en imágenes
INTRODUCCIÓNTIPOGRAFÍA - Arte de disponer correctamente el material deimprimir, de acuerdo con un propósito específico: el...
ÍNDICE1. Caja alta vs Versalitas2. Mezclar tipos3. Cifras4. Puntuación y Signos5. Fuentes seguras –on y offline-6. Confusi...
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 M...
1. CAJA ALTA VS VERSALITAS• Cuando las VERSALITAS no se incluyen en  la versión de una tipografía, y es creada  por un pro...
2. MEZCLAR TIPOS  • Busca el contraste, las diferencias    muy marcadas.  • Ajusta el tamaño en puntos de las    diferente...
2. MEZCLAR TIPOSEjemplo: Tipo gran tamaño, pesado y extrabold vs         menor, fino y bold.PIENSA EN TIPOS COMO EN IMÁGENES
3. CIFRAS• Las cifras capitales parecen  grandes porque tienen la misma  altura que las mayúsculas. Ocupan  anchuras espac...
3. CIFRAS• Las cifras elzeverianas se integran  visualmente en el texto porque  tienen ascendentes y  descendentes.• Son p...
4. PUNTUACIÓN Y SIGNOS• La prima y la doble prima  (o comillas mecanográficas)  indican medidas de distancias.• Los apóstr...
5. FUENTES SEGURAS      ON Y OFFLINE• Las fuentes seguras son aquellas  que vienen instaladas en los  ordenadores de los u...
5. FUENTES SEGURAS      ON Y OFFLINEEn Internet existen varias solucionespara mostrar fuentes especiales:1)Descarga de fue...
5. FUENTES SEGURAS      ON Y OFFLINE Fuentes seguras•Windows – Cambria, Constantia, Verdana,Arial, Tahoma, Andale Mono, Co...
5. FUENTES SEGURAS      ON Y OFFLINEAl enviar un proyecto a imprenta,   se nos pueden presentar problemas    con las fuent...
5. FUENTES SEGURAS      ON Y OFFLINE  Orden de prioridades a seguir:  1.Trazaremos la fuente, cuando sea  posible y el arc...
6. CONFUSIONES EN TIPOGRAFÍA     ¿Tipo o fuente?     •Un tipo es el diseño de la letra de     imprenta.     •La fuente es ...
6. CONFUSIONES EN TIPOGRAFÍA¿Carácter o glifo?•Los caracteres son símbolos que tienenuna función única.               Así ...
7. LÍNEAS VIUDAS Y                   HUÉRFANAS• Línea viuda es la línea de final de  párrafo situada al inicio de la colum...
7. LÍNEAS VIUDAS Y                   HUÉRFANAS• Se puede emplear, siempre que no sea línea del  último párrafo del documen...
8. ALINEACIÓN IZQUIERDAS      VS JUSTIFICADOAlineación a izquierda - Bandera por la derecha.•Respeta el movimiento orgánic...
8. ALINEACIÓN IZQUIERDAS      VS JUSTIFICADOJustificado•Los márgenes derecho e izquierdoestán igualados.•Crea una aparienc...
9. TEXTO EN VERTICAL• Para disponer las letras en vertical y  crear columnas estables utilizaremos  las letras en caja alt...
9. TEXTO EN VERTICALPIENSA EN TIPOS COMO EN IMÁGENES
10. BUEN USO DE LA TIPOGRAFÍA• El ojo es naturalmente atraído por los  contrastes, por lo que es importante  crear contras...
10. BUEN USO DE LA TIPOGRAFÍA• El alcance ocular en lectura es de  unos 8 cm aproximadamente.• En diseño web, sería conven...
10. BUEN USO DE LA TIPOGRAFÍAEn cuanto a las familias de fuentes:•Las más legibles en medios impresosno son las más eficac...
BIBLIOGRAFÍA• Pensar con tipos. Lupton, Ellen. BCN:  Gustavo Gili, 2011.• culturaweb.es/blog/post/las-20-tipografias-mas-u...
CRÉDITOS IMÁGENES• editoriall.blogspot.com.es• glosariografico.comPIENSA EN TIPOS COMO EN 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
Upcoming SlideShare
Loading in...5
×

Piensa en tipos como en imágenes

14,355

Published on

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

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
14,355
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Piensa en tipos como en imágenes"

  1. 1. Piensa en tipos como en imágenes
  2. 2. INTRODUCCIÓNTIPOGRAFÍA - Arte de disponer correctamente el material deimprimir, de acuerdo con un propósito específico: el de colocarlas letras, repartir el espacio y organizar los tipos con vistas aprestar al lector la máxima ayuda para la comprensión deltexto escrito verbalmente. Stanley Morison, Principios fundamentales de la tipografía (1929).•El tema que nos ocupa abordará confusiones que sepresentan 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. 3. ÍNDICE1. 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íaPIENSA EN TIPOS COMO EN IMÁGENES
  4. 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. 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. 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. 7. 2. MEZCLAR TIPOSEjemplo: Tipo gran tamaño, pesado y extrabold vs menor, fino y bold.PIENSA EN TIPOS COMO EN IMÁGENES
  8. 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. 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 ELZEVERIANASPIENSA EN TIPOS COMO EN IMÁGENES
  10. 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. 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. 12. 5. FUENTES SEGURAS ON Y OFFLINEEn Internet existen varias solucionespara mostrar fuentes especiales:1)Descarga de fuentes desde elservidor de terceros previo pagopor el diseñador, maquetador.2)A través del uso de @|Font-face sólose pueden obtener legalmente los tipos licenciados para este uso.PIENSA EN TIPOS COMO EN IMÁGENES
  13. 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, TrebutchetMS, Georgia,…PIENSA EN TIPOS COMO EN IMÁGENES
  14. 14. 5. FUENTES SEGURAS ON Y OFFLINEAl enviar un proyecto a imprenta, se nos pueden presentar problemas con las fuentes utilizadas en eldocumento.PIENSA EN TIPOS COMO EN IMÁGENES
  15. 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. 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. 17. 6. CONFUSIONES EN TIPOGRAFÍA¿Carácter o glifo?•Los caracteres son símbolos que tienenuna función única. Así unúnico carácter sería la letra a.•La letra a puede ser expresada porvarios glifos (a, A). Cada glifo es unaexpresión específica de un carácter.PIENSA EN TIPOS COMO EN IMÁGENES
  18. 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. 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ÉRFANAPIENSA EN TIPOS COMO EN IMÁGENES
  20. 20. 8. ALINEACIÓN IZQUIERDAS VS JUSTIFICADOAlineación a izquierda - Bandera por la derecha.•Respeta el movimiento orgánico dellenguaje y evita los espacios irregulares(ríos o calles) producidos en los textosjustificados.•Un buen diseño procura que la banderaparezca natural, sin hacer uso abusivode la división de palabras.PIENSA EN TIPOS COMO EN IMÁGENES
  21. 21. 8. ALINEACIÓN IZQUIERDAS VS JUSTIFICADOJustificado•Los márgenes derecho e izquierdoestán igualados.•Crea una apariencia limpia.•Es el patrón utilizado por periódicos ylibros por el uso eficiente del espacio.PIENSA EN TIPOS COMO EN IMÁGENES
  22. 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. 23. 9. TEXTO EN VERTICALPIENSA EN TIPOS COMO EN IMÁGENES
  24. 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. 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. 26. 10. BUEN USO DE LA TIPOGRAFÍAEn cuanto a las familias de fuentes:•Las más legibles en medios impresosno son las más eficaces en pantalla.•Su lectura dependen del tamaño ycaracterísticas utilizadas.•Es aconsejable la realización depruebas en cada caso específico.PIENSA EN TIPOS COMO EN IMÁGENES
  27. 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 webPIENSA EN TIPOS COMO EN IMÁGENES
  28. 28. CRÉDITOS IMÁGENES• editoriall.blogspot.com.es• glosariografico.comPIENSA EN TIPOS COMO EN IMÁGENES
  29. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×