SlideShare una empresa de 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/

Más contenido relacionado

Más 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
 

Más 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

PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
libro grafismo fonético guía de uso para el lenguaje
libro grafismo fonético guía de uso para el lenguajelibro grafismo fonético guía de uso para el lenguaje
libro grafismo fonético guía de uso para el lenguajeKattyMoran3
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectosTrishGutirrez
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
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
 
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
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
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
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docxMagalyDacostaPea
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
HISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAHISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAJesus Gonzalez Losada
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
Acuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfAcuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfmiriamguevara21
 
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
 
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
 
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdfPRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdfGabrieldeJesusLopezG
 

Último (20)

PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
libro grafismo fonético guía de uso para el lenguaje
libro grafismo fonético guía de uso para el lenguajelibro grafismo fonético guía de uso para el lenguaje
libro grafismo fonético guía de uso para el lenguaje
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
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
 
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 ...
 
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
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
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
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
¿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
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
HISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICAHISPANIDAD - La cultura común de la HISPANOAMERICA
HISPANIDAD - La cultura común de la HISPANOAMERICA
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
Acuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfAcuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdf
 
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
 
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...
 
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdfPRIMER GRADO SOY LECTOR PART1- MD  EDUCATIVO.pdf
PRIMER GRADO SOY LECTOR PART1- MD EDUCATIVO.pdf
 
Acuerdo segundo periodo - Grado Noveno.pptx
Acuerdo segundo periodo - Grado Noveno.pptxAcuerdo segundo periodo - Grado Noveno.pptx
Acuerdo segundo periodo - Grado Noveno.pptx
 

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.