• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Piensa en tipos como en imágenes
 

Piensa en tipos como en imágenes

on

  • 14,616 views

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

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

Statistics

Views

Total Views
14,616
Views on SlideShare
1,096
Embed Views
13,520

Actions

Likes
1
Downloads
8
Comments
0

3 Embeds 13,520

http://blog.simbolo-ic.es 13514
http://tools.opoint.com 4
http://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Piensa en tipos como en imágenes Piensa en tipos como en imágenes Presentation Transcript

    • 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 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
    • Í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
    • 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
    • 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
    • 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
    • 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 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. CAPITALES CIFRAS CIFRAS ELZEVERIANASPIENSA EN TIPOS COMO EN IMÁGENES
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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 contraste visual entre fuentes, los bloques de texto y blanco.PIENSA EN TIPOS COMO EN IMÁGENES
    • 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
    • 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
    • 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
    • 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