Diseño Digital y Multimedia
Tipografía
AD.01.03.01 Tipografía
Tipografía
Índice/contenido
- Introducción
- Concepto de tipografía
- Clasificación tipográfica
- Tipografías Serif (romana)
- Tipografías Sans-serif (palo seco)
- Tipografías Script o manuscrita
- Tipografías Display o decorativa
- Partes y elementos de los caracteres
- Aplicación tipográfica en el diseño
- Conclusiones
Objetivo por tema:
El estudiante identifica el concepto de tipografía a partir de tres definiciones de referencia (Morison, Aicher, Kane), clasifica los tipos de fuentes según el sistema Vox-ATypI, describe las partes y elementos de los caracteres tipográficos, y reconoce los criterios de selección tipográfica adecuados al diseño digital y multimedia.
Introducción:
La tipografía es una de las herramientas de comunicación más poderosas con las que cuenta el diseñador gráfico. Su influencia va más allá de la legibilidad: la elección de una tipografía determina el tono, la personalidad y la eficacia comunicativa de cualquier pieza visual. En el diseño digital y multimedia contemporáneo, el conocimiento tipográfico es una competencia indispensable. Los profesionales del diseño toman decisiones tipográficas en cada proyecto: desde la selección de fuentes para interfaces y aplicaciones hasta la composición de titulares en campañas publicitarias o la diagramación de publicaciones digitales. El presente análisis de desarrollo aborda los saberes conceptuales del tema Tipografía de la Unidad I. Se examina el concepto de tipografía a través de tres definiciones de referencia, su clasificación basada en el sistema Vox-ATypI, las partes y elementos de los caracteres y los criterios de selección tipográfica para el diseño.
Concepto de tipografía:
El término tipografía proviene de las palabras griegas typos ("golpe", "sello", "impronta") y grapho ("escribir"). En su sentido original hacía referencia al arte y técnica de reproducir escritura mediante tipos móviles (Piferrer Castro et al., 2021).
Morison 1929
Morison 1929
Morison 1929
Clasificación tipográfica
La clasificación tipográfica organiza las fuentes en categorías según sus características formales, su origen histórico y sus usos habituales. Existen múltiples sistemas de clasificación, sin embargo el más estandarizado y reconocido a nivel internacional es el sistema Vox-ATypI.La clasificación más extendida en el ámbito profesional toma como base el sistema propuesto por el diseñador e historiador francés Maximilien Vox en 1954, posteriormente adoptado y estandarizado por la Association Typographique Internationale (ATypI), lo que derivó en el sistema conocido como Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Tipografías Serif (romana)
Las tipografías Serif, también llamadas romanas o con remate, se caracterizan por presentar pequeños trazos terminales (serifas o remates) al final de los trazos principales de cada carácter. Estas serifas guían el movimiento del ojo durante la lectura. Las tipografías Serif son la elección preferente para texto corrido en medios impresos, ya que las serifas guían el movimiento horizontal del ojo del lector de carácter en carácter.Las principales subcategorías de las tipografías Serif son:
Título 1
Título 1
Tipografías Serif (romana)
Título 1
Título 1
Título 1
Tipografías Serif (romana)
Las tipografías Sans-serif o de palo seco se caracterizan por la ausencia de serifas y por tener trazos de grosor uniforme o con escasa variación. Son las preferidas para medios digitales e interfaces por su limpieza visual.Las principales subcategorías son:
Título 1
Título 1
Tipografías Serif (romana)
Título 1
Título 1
Título 1
Las tipografías Sans-serif son especialmente adecuadas para interfaces digitales, señalética y titulares. En pantalla, la ausencia de serifas favorece la legibilidad a tamaños pequeños y en resoluciones variables.
Tipografías Script o manuscrita
Las tipografías Script o manuscritas imitan la escritura manual o caligráfica. Su principal característica es la presencia de trazos que simulan la escritura a mano, con ligaduras entre letras o simulación de trazo continuo.Son adecuadas para invitaciones, logotipos, etiquetas de producto y piezas en las que se busca un tono personal o artesanal. Su uso debe limitarse a titulares o textos cortos; nunca deben usarse para texto corrido extenso porque reducen drásticamente la legibilidad.
Título 1
Título 1
Título 1
Tipografías Display o decorativa
Las tipografías Display o decorativas son fuentes diseñadas específicamente para usarse en tamaños grandes (titulares, carteles, portadas y piezas de alto impacto visual). Su diseño es experimental, expresivo y frecuentemente ligado a estilos, movimientos culturales o propósitos específicos de comunicación.
Título 1
Título 1
Partes y elementos de los caracteres
El vocabulario técnico de la tipografía describe con precisión cada componente formal de los caracteres. Su conocimiento es indispensable para que el diseñador pueda comunicarse con precisión con otros profesionales del diseño, la producción gráfica y la edición.Los principales elementos estructurales son:
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Partes y elementos de los caracteres
El vocabulario técnico de la tipografía describe con precisión cada componente formal de los caracteres. Su conocimiento es indispensable para que el diseñador pueda comunicarse con precisión con otros profesionales del diseño, la producción gráfica y la edición.Los principales elementos estructurales son:
Botón texto
Subtítulo
Botón texto
Subtítulo
Botón texto
Botón texto
Botón texto
Subtítulo
Botón texto
Botón texto
Subtítulo
Aplicación tipográfica en el diseño
La selección tipográfica es una de las decisiones más complejas y relevantes del proceso de diseño. Lupton (2011) señala que no existe una tipografía perfecta para todos los contextos: la elección correcta depende siempre del mensaje, el medio, el receptor y el propósito comunicativo.
2 Escribe un título aquí
1 Escribe un título aquí
3 Escribe un título aquí
4 Escribe un título aquí
5 Escribe un título aquí
Conclusión
Plantilla de estructura 1/2
Referencias
Aicher, O. (1994). Tipografía. Fundación Germán Sánchez Ruipérez. Kane, J. (2012). Manual de tipografía (2.a ed.). Gustavo Gili. Lupton, E. (2011). Thinking with type: A critical guide for designers, writers, editors, and students (2.a ed.). Princeton Architectural Press. Morison, S. (1929). First principles of typography. The Fleuron. Piferrer Castro, C., Bullich Corcoy, I., y Pons Tarranzo, J. J. (2021). Tipografía [Material didáctico]. Universitat Oberta de Catalunya.
Plantilla de estructura 1/2
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
- Lorem ipsum dolor sit amet.
- Consectetur adipiscing elit.
- Sed do eiusmod tempor incididunt.
- Ut labore et dolore magna aliqua.
- Ut enim ad minim veniam.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
- Lorem ipsum dolor sit amet.
- Consectetur adipiscing elit.
- Sed do eiusmod tempor incididunt.
- Ut labore et dolore magna aliqua.
- Ut enim ad minim veniam.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
- Lorem ipsum dolor sit amet.
- Consectetur adipiscing elit.
- Sed do eiusmod tempor incididunt.
- Ut labore et dolore magna aliqua.
- Ut enim ad minim veniam.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
La tipografía es simultáneamente una disciplina técnica y un lenguaje visual. El conocimiento de sus fundamentos (concepto, clasificación y anatomía) equipa al diseñador con las herramientas necesarias para tomar decisiones comunicativas conscientes y fundamentadas en cualquier proyecto de diseño digital y multimedia.La clasificación tipográfica (Vox-ATypI) es el instrumento analítico que permite al diseñador seleccionar fuentes con criterio. Saber que una Serif antigua como Garamond transmite humanismo y calidez clásica, mientras que una Neogrotesca como Helvetica proyecta neutralidad y precisión, es una competencia esencial en el diseño de identidades, interfaces y piezas de comunicación.Finalmente, la comprensión de la anatomía tipográfica y de los criterios de aplicación consolida la formación del diseñador como un profesional capaz de articular sus decisiones visuales con argumentos técnicos y comunicativos sólidos, más allá de la preferencia estética personal.
AD.01.03.01 Tipografía
Lic. Erik Daniel Lara Godina
Created on June 29, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Essential Business Proposal
View
Project Roadmap Timeline
View
Step-by-Step Timeline: How to Develop an Idea
View
Artificial Intelligence History Timeline
View
Pictures quiz
View
Big Data: The Data That Drives the World
View
Mind Map: The 4 Pillars of Success
Explore all templates
Transcript
Diseño Digital y Multimedia
Tipografía
AD.01.03.01 Tipografía
Tipografía
Índice/contenido
Objetivo por tema:
El estudiante identifica el concepto de tipografía a partir de tres definiciones de referencia (Morison, Aicher, Kane), clasifica los tipos de fuentes según el sistema Vox-ATypI, describe las partes y elementos de los caracteres tipográficos, y reconoce los criterios de selección tipográfica adecuados al diseño digital y multimedia.
Introducción:
La tipografía es una de las herramientas de comunicación más poderosas con las que cuenta el diseñador gráfico. Su influencia va más allá de la legibilidad: la elección de una tipografía determina el tono, la personalidad y la eficacia comunicativa de cualquier pieza visual. En el diseño digital y multimedia contemporáneo, el conocimiento tipográfico es una competencia indispensable. Los profesionales del diseño toman decisiones tipográficas en cada proyecto: desde la selección de fuentes para interfaces y aplicaciones hasta la composición de titulares en campañas publicitarias o la diagramación de publicaciones digitales. El presente análisis de desarrollo aborda los saberes conceptuales del tema Tipografía de la Unidad I. Se examina el concepto de tipografía a través de tres definiciones de referencia, su clasificación basada en el sistema Vox-ATypI, las partes y elementos de los caracteres y los criterios de selección tipográfica para el diseño.
Concepto de tipografía:
El término tipografía proviene de las palabras griegas typos ("golpe", "sello", "impronta") y grapho ("escribir"). En su sentido original hacía referencia al arte y técnica de reproducir escritura mediante tipos móviles (Piferrer Castro et al., 2021).
Morison 1929
Morison 1929
Morison 1929
Clasificación tipográfica
La clasificación tipográfica organiza las fuentes en categorías según sus características formales, su origen histórico y sus usos habituales. Existen múltiples sistemas de clasificación, sin embargo el más estandarizado y reconocido a nivel internacional es el sistema Vox-ATypI.La clasificación más extendida en el ámbito profesional toma como base el sistema propuesto por el diseñador e historiador francés Maximilien Vox en 1954, posteriormente adoptado y estandarizado por la Association Typographique Internationale (ATypI), lo que derivó en el sistema conocido como Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Vox-ATypI.
Tipografías Serif (romana)
Las tipografías Serif, también llamadas romanas o con remate, se caracterizan por presentar pequeños trazos terminales (serifas o remates) al final de los trazos principales de cada carácter. Estas serifas guían el movimiento del ojo durante la lectura. Las tipografías Serif son la elección preferente para texto corrido en medios impresos, ya que las serifas guían el movimiento horizontal del ojo del lector de carácter en carácter.Las principales subcategorías de las tipografías Serif son:
Título 1
Título 1
Tipografías Serif (romana)
Título 1
Título 1
Título 1
Tipografías Serif (romana)
Las tipografías Sans-serif o de palo seco se caracterizan por la ausencia de serifas y por tener trazos de grosor uniforme o con escasa variación. Son las preferidas para medios digitales e interfaces por su limpieza visual.Las principales subcategorías son:
Título 1
Título 1
Tipografías Serif (romana)
Título 1
Título 1
Título 1
Las tipografías Sans-serif son especialmente adecuadas para interfaces digitales, señalética y titulares. En pantalla, la ausencia de serifas favorece la legibilidad a tamaños pequeños y en resoluciones variables.
Tipografías Script o manuscrita
Las tipografías Script o manuscritas imitan la escritura manual o caligráfica. Su principal característica es la presencia de trazos que simulan la escritura a mano, con ligaduras entre letras o simulación de trazo continuo.Son adecuadas para invitaciones, logotipos, etiquetas de producto y piezas en las que se busca un tono personal o artesanal. Su uso debe limitarse a titulares o textos cortos; nunca deben usarse para texto corrido extenso porque reducen drásticamente la legibilidad.
Título 1
Título 1
Título 1
Tipografías Display o decorativa
Las tipografías Display o decorativas son fuentes diseñadas específicamente para usarse en tamaños grandes (titulares, carteles, portadas y piezas de alto impacto visual). Su diseño es experimental, expresivo y frecuentemente ligado a estilos, movimientos culturales o propósitos específicos de comunicación.
Título 1
Título 1
Partes y elementos de los caracteres
El vocabulario técnico de la tipografía describe con precisión cada componente formal de los caracteres. Su conocimiento es indispensable para que el diseñador pueda comunicarse con precisión con otros profesionales del diseño, la producción gráfica y la edición.Los principales elementos estructurales son:
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Botón texto
Partes y elementos de los caracteres
El vocabulario técnico de la tipografía describe con precisión cada componente formal de los caracteres. Su conocimiento es indispensable para que el diseñador pueda comunicarse con precisión con otros profesionales del diseño, la producción gráfica y la edición.Los principales elementos estructurales son:
Botón texto
Subtítulo
Botón texto
Subtítulo
Botón texto
Botón texto
Botón texto
Subtítulo
Botón texto
Botón texto
Subtítulo
Aplicación tipográfica en el diseño
La selección tipográfica es una de las decisiones más complejas y relevantes del proceso de diseño. Lupton (2011) señala que no existe una tipografía perfecta para todos los contextos: la elección correcta depende siempre del mensaje, el medio, el receptor y el propósito comunicativo.
2 Escribe un título aquí
1 Escribe un título aquí
3 Escribe un título aquí
4 Escribe un título aquí
5 Escribe un título aquí
Conclusión
Plantilla de estructura 1/2
Referencias
Aicher, O. (1994). Tipografía. Fundación Germán Sánchez Ruipérez. Kane, J. (2012). Manual de tipografía (2.a ed.). Gustavo Gili. Lupton, E. (2011). Thinking with type: A critical guide for designers, writers, editors, and students (2.a ed.). Princeton Architectural Press. Morison, S. (1929). First principles of typography. The Fleuron. Piferrer Castro, C., Bullich Corcoy, I., y Pons Tarranzo, J. J. (2021). Tipografía [Material didáctico]. Universitat Oberta de Catalunya.
Plantilla de estructura 1/2
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Presentan extremo contraste entre trazos gruesos y finos, serifas horizontales delgadas y eje completamente vertical. Proyectan elegancia y sofisticación. Usadas en alta moda y publicaciones de lujo. Ejemplos
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
Inspiradas en los manuscritos humanistas del siglo XV. Presentan eje de transición oblicuo y diferencia moderada entre trazos gruesos y finos. Son de alta legibilidad en texto continuo.
La tipografía es simultáneamente una disciplina técnica y un lenguaje visual. El conocimiento de sus fundamentos (concepto, clasificación y anatomía) equipa al diseñador con las herramientas necesarias para tomar decisiones comunicativas conscientes y fundamentadas en cualquier proyecto de diseño digital y multimedia.La clasificación tipográfica (Vox-ATypI) es el instrumento analítico que permite al diseñador seleccionar fuentes con criterio. Saber que una Serif antigua como Garamond transmite humanismo y calidez clásica, mientras que una Neogrotesca como Helvetica proyecta neutralidad y precisión, es una competencia esencial en el diseño de identidades, interfaces y piezas de comunicación.Finalmente, la comprensión de la anatomía tipográfica y de los criterios de aplicación consolida la formación del diseñador como un profesional capaz de articular sus decisiones visuales con argumentos técnicos y comunicativos sólidos, más allá de la preferencia estética personal.