SlideShare uma empresa Scribd logo
1 de 29
Tipografia
         El arte de la legibilidad

Disponer los caracteres de impresión para
optimizar la mejor comprensión del texto (O)
para captar la atención
Partes de una letra




Asta: rasgo esencial de una letra (ascendentes, descendente,
montante (V o B), ondulada (S), transversal (t). Oreja (g, r)
Caja Alta y Caja Baja
El fondo
• Lorem ipsum ad his        • Lorem ipsum ad his
  scripta blandit             scripta blandit
  partiendo, eum fastidii     partiendo, eum fastidii
  accumsan euripidis in,      accumsan euripidis in,
  eum liber hendrerit an.     eum liber hendrerit an.
  Qui ut wisi vocibus         Qui ut wisi vocibus
  suscipiantur, quo dicit     suscipiantur, quo dicit
  ridens inciderint id.       ridens inciderint id.
Peso Visual


   Cap
   Cap
    Cap
   Cap
Peso Visual
• Lorem ipsum ad his scripta
  blandit partiendo, eum
  fastidii accumsan euripidis
                                                   Lorem ipsum ad his
  in, eum liber hendrerit an.
                                                   scripta blandit partiendo,
  Qui ut wisi vocibus
                                                   eum fastidii accumsan
  suscipiantur, quo dicit
                                                   euripidis in, eum liber
  ridens inciderint id.
                                                   hendrerit an. Qui ut wisi
     • Lorem ipsum ad his scripta blandit          vocibus suscipiantur, quo
       partiendo, eum fastidii accumsan            dicit ridens inciderint id.
       euripidis in, eum liber hendrerit an. Qui
       ut wisi vocibus suscipiantur, quo dicit
       ridens inciderint id.
Interlineado
                            • Lorem ipsum ad his
• Lorem ipsum ad his          scripta blandit
                              partiendo, eum fastidii
  scripta blandit             accumsan euripidis in,
                              eum liber hendrerit an.
  partiendo, eum fastidii

  accumsan euripidis in,

  eum liber hendrerit an.
Kern (expandido) y Track (interletra)
KERN: 40%: Extra-condensada - 60%:
Condensada 80%: Normal 100%: Expandida
         120%: Extra- expandida
Problemas con el kern y track

Problemas con el kern
Problemas con el kern
Favorito faborito
favorito FAVOIO favoio
Los tipos móviles. Gutenberg
Biblia de Guntenberg 42. 1456   Sinodal de Aguilafuente. 1472
Aldo Manucio: La tipografía moderna
Imprenta Aldina. Sobre 1500   El canon del XVI-XVII
Papel y tinta
• Fabricación papel en Bután:
  http://youtu.be/sJ3EhxcxxvU
• Tinta: colorante+goma:
  http://youtu.be/1fxb8cZgrqY
Familias históricas




Ornamentales
Informáticas
Con serifa vs Sin serifa
En general se considera que las serifas contribuyen a dar fluidez a la lectura. Sus
irregularidades facilitan el reconocimiento de letra manteniendo el efecto línea de
lectura.
Legibilidad
Legibilidad

Se considerará normal (redonda) a la
                                            Se considerará normal (redonda) a la
tipografía cuando su anchura sea de
aproximadamente 4/5 ? de la altura, o       tipografía cuando su anchura sea de
dicho de otra manera que la retícula        aproximadamente 4/5 ? de la altura, o dicho
generatriz de un alfabeto normal se basa    de otra manera que la retícula generatriz de
en un rectángulo vertical de 4 módulos      un alfabeto normal se basa en un rectángulo
de ancho por 5 de alto .Se considerará      vertical de 4 módulos de ancho por 5 de alto
normal (redonda) a la tipografía cuando     .Se considerará normal (redonda) a la
su anchura sea de aproximadamente 4/5       tipografía cuando su anchura sea de
? de la altura, o dicho de otra manera      aproximadamente 4/5 ? de la altura, o dicho
que la retícula generatriz de un alfabeto   de otra manera que la retícula generatriz de
normal se basa en un rectángulo vertical    un alfabeto normal se basa en un rectángulo
de 4 módulos de ancho por 5 de alto .       vertical de 4 módulos de ancho por 5 de alto .
Legibilidad

Se considerará normal (redonda) a la
                                            Se considerará normal (redonda) a la
tipografía cuando su anchura sea de
aproximadamente 4/5 ? de la altura, o       tipografía cuando su anchura sea de
dicho de otra manera que la retícula        aproximadamente 4/5 ? de la altura, o dicho
generatriz de un alfabeto normal se basa    de otra manera que la retícula generatriz de
en un rectángulo vertical de 4 módulos      un alfabeto normal se basa en un rectángulo
de ancho por 5 de alto .Se considerará      vertical de 4 módulos de ancho por 5 de alto
normal (redonda) a la tipografía cuando     .Se considerará normal (redonda) a la
su anchura sea de aproximadamente 4/5       tipografía cuando su anchura sea de
? de la altura, o dicho de otra manera      aproximadamente 4/5 ? de la altura, o dicho
que la retícula generatriz de un alfabeto   de otra manera que la retícula generatriz de
normal se basa en un rectángulo vertical    un alfabeto normal se basa en un rectángulo
de 4 módulos de ancho por 5 de alto .       vertical de 4 módulos de ancho por 5 de alto .
Ornamentales pre-informática
Informáticas
http://www.fontsquirrel.com/

Mais conteúdo relacionado

Mais de Acueducto 2

El milagro Machado
El milagro MachadoEl milagro Machado
El milagro MachadoAcueducto 2
 
Navidad desde segovia 2013
Navidad desde segovia 2013Navidad desde segovia 2013
Navidad desde segovia 2013Acueducto 2
 
Tarjetasnotables2013
Tarjetasnotables2013Tarjetasnotables2013
Tarjetasnotables2013Acueducto 2
 
Generando marca en internet
Generando marca en internetGenerando marca en internet
Generando marca en internetAcueducto 2
 
Power point de la escuela
Power point de la escuelaPower point de la escuela
Power point de la escuelaAcueducto 2
 
Power point de la escuela
Power point de la escuelaPower point de la escuela
Power point de la escuelaAcueducto 2
 

Mais de Acueducto 2 (7)

El milagro Machado
El milagro MachadoEl milagro Machado
El milagro Machado
 
Navidad desde segovia 2013
Navidad desde segovia 2013Navidad desde segovia 2013
Navidad desde segovia 2013
 
Tarjetasnotables2013
Tarjetasnotables2013Tarjetasnotables2013
Tarjetasnotables2013
 
Generando marca en internet
Generando marca en internetGenerando marca en internet
Generando marca en internet
 
Logotipos
LogotiposLogotipos
Logotipos
 
Power point de la escuela
Power point de la escuelaPower point de la escuela
Power point de la escuela
 
Power point de la escuela
Power point de la escuelaPower point de la escuela
Power point de la escuela
 

Último

TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)jlorentemartos
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.karlazoegarciagarcia
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxFabianValenciaJabo
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectosTrishGutirrez
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...Martin M Flynn
 
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJO
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJODIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJO
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJOLeninCariMogrovejo
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.monthuerta17
 
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfBITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfsolidalilaalvaradoro
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfMaritza438836
 
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...MagalyDacostaPea
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.profandrearivero
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfssuser50d1252
 

Último (20)

Acuerdo segundo periodo - Grado Noveno.pptx
Acuerdo segundo periodo - Grado Noveno.pptxAcuerdo segundo periodo - Grado Noveno.pptx
Acuerdo segundo periodo - Grado Noveno.pptx
 
Unidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIUUnidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIU
 
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJO
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJODIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJO
DIDÁCTICA DE LA EDUCACIÓN SUPERIOR- DR LENIN CARI MOGROVEJO
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.
 
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfBITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
 
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.Abregú, Podestá. Directores.Líderes en Acción.
Abregú, Podestá. Directores.Líderes en Acción.
 
Sesión ¿Amor o egoísmo? Esa es la cuestión
Sesión  ¿Amor o egoísmo? Esa es la cuestiónSesión  ¿Amor o egoísmo? Esa es la cuestión
Sesión ¿Amor o egoísmo? Esa es la cuestión
 
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
 

Tipografía arte legibilidad

  • 1. Tipografia El arte de la legibilidad Disponer los caracteres de impresión para optimizar la mejor comprensión del texto (O) para captar la atención
  • 2. Partes de una letra Asta: rasgo esencial de una letra (ascendentes, descendente, montante (V o B), ondulada (S), transversal (t). Oreja (g, r)
  • 3. Caja Alta y Caja Baja
  • 4. El fondo • Lorem ipsum ad his • Lorem ipsum ad his scripta blandit scripta blandit partiendo, eum fastidii partiendo, eum fastidii accumsan euripidis in, accumsan euripidis in, eum liber hendrerit an. eum liber hendrerit an. Qui ut wisi vocibus Qui ut wisi vocibus suscipiantur, quo dicit suscipiantur, quo dicit ridens inciderint id. ridens inciderint id.
  • 5. Peso Visual Cap Cap Cap Cap
  • 6. Peso Visual • Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis Lorem ipsum ad his in, eum liber hendrerit an. scripta blandit partiendo, Qui ut wisi vocibus eum fastidii accumsan suscipiantur, quo dicit euripidis in, eum liber ridens inciderint id. hendrerit an. Qui ut wisi • Lorem ipsum ad his scripta blandit vocibus suscipiantur, quo partiendo, eum fastidii accumsan dicit ridens inciderint id. euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.
  • 7. Interlineado • Lorem ipsum ad his • Lorem ipsum ad his scripta blandit partiendo, eum fastidii scripta blandit accumsan euripidis in, eum liber hendrerit an. partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.
  • 8.
  • 9. Kern (expandido) y Track (interletra)
  • 10. KERN: 40%: Extra-condensada - 60%: Condensada 80%: Normal 100%: Expandida 120%: Extra- expandida
  • 11. Problemas con el kern y track Problemas con el kern Problemas con el kern Favorito faborito favorito FAVOIO favoio
  • 12.
  • 13. Los tipos móviles. Gutenberg Biblia de Guntenberg 42. 1456 Sinodal de Aguilafuente. 1472
  • 14. Aldo Manucio: La tipografía moderna Imprenta Aldina. Sobre 1500 El canon del XVI-XVII
  • 15.
  • 16.
  • 17.
  • 18. Papel y tinta • Fabricación papel en Bután: http://youtu.be/sJ3EhxcxxvU • Tinta: colorante+goma: http://youtu.be/1fxb8cZgrqY
  • 20. Con serifa vs Sin serifa En general se considera que las serifas contribuyen a dar fluidez a la lectura. Sus irregularidades facilitan el reconocimiento de letra manteniendo el efecto línea de lectura.
  • 22. Legibilidad Se considerará normal (redonda) a la Se considerará normal (redonda) a la tipografía cuando su anchura sea de aproximadamente 4/5 ? de la altura, o tipografía cuando su anchura sea de dicho de otra manera que la retícula aproximadamente 4/5 ? de la altura, o dicho generatriz de un alfabeto normal se basa de otra manera que la retícula generatriz de en un rectángulo vertical de 4 módulos un alfabeto normal se basa en un rectángulo de ancho por 5 de alto .Se considerará vertical de 4 módulos de ancho por 5 de alto normal (redonda) a la tipografía cuando .Se considerará normal (redonda) a la su anchura sea de aproximadamente 4/5 tipografía cuando su anchura sea de ? de la altura, o dicho de otra manera aproximadamente 4/5 ? de la altura, o dicho que la retícula generatriz de un alfabeto de otra manera que la retícula generatriz de normal se basa en un rectángulo vertical un alfabeto normal se basa en un rectángulo de 4 módulos de ancho por 5 de alto . vertical de 4 módulos de ancho por 5 de alto .
  • 23. Legibilidad Se considerará normal (redonda) a la Se considerará normal (redonda) a la tipografía cuando su anchura sea de aproximadamente 4/5 ? de la altura, o tipografía cuando su anchura sea de dicho de otra manera que la retícula aproximadamente 4/5 ? de la altura, o dicho generatriz de un alfabeto normal se basa de otra manera que la retícula generatriz de en un rectángulo vertical de 4 módulos un alfabeto normal se basa en un rectángulo de ancho por 5 de alto .Se considerará vertical de 4 módulos de ancho por 5 de alto normal (redonda) a la tipografía cuando .Se considerará normal (redonda) a la su anchura sea de aproximadamente 4/5 tipografía cuando su anchura sea de ? de la altura, o dicho de otra manera aproximadamente 4/5 ? de la altura, o dicho que la retícula generatriz de un alfabeto de otra manera que la retícula generatriz de normal se basa en un rectángulo vertical un alfabeto normal se basa en un rectángulo de 4 módulos de ancho por 5 de alto . vertical de 4 módulos de ancho por 5 de alto .
  • 24.
  • 26.
  • 27.