SlideShare una empresa de Scribd logo
1 de 80
Descargar para leer sin conexión
TIPOGRAFÍA
Tipografía

Arte de disponer correctamente el material de imprimir, de

acuerdo con un propósito específico: el de colocar las letras,

repartir el espacio y organizar los tipos con vistas a prestar al

lector la máxima ayuda para la comprensión del texto.

                  Stanley Morison, Principios fundamentales de la tipografía (1929)
Tipografía
Microtipografía o tipografía del detalle
El término Mikrotypografie se aplicó por primera vez en un
discurso dado en la Sociedad Tipográfica de Múnich. Se puede
substituir asimismo por una palabra inglesa, Detailtypografie
(«tipografía del detalle»). Comprende los siguientes rubros:
La letra, el espacio entre letras, la palabra, el espacio entre las
palabras, el interlineado y la columna.
Tiene tres importantes funciones: el peso visual, el
interletrado y el interlineado.

Macrotipografía
La macrotipografía se centra en el tipo de letra, el estilo de la
letra y en el cuerpo de la letra.
Tipografía
Tipografía de edición
Reúne las cuestiones tipográficas relacionadas con las
familias, el tamaño de las letras, los espacios entre las letras y
las palabras; intertipo e interlínea y la medida de línea y
columna o caja, es decir aquellas unidades que conceden un
carácter normativo.

Tipografía creativa
Esta contempla la comunicación como una metáfora visual,
donde el texto no sólo tiene una funcionalidad lingüística, y
donde a veces, se representa de forma gráfica, como si se
tratara de una imagen.
El Tipo
Cuerpo tipográfico
Variables Visuales

   Forma: relativo a la estructura
   Los caracteres delimitan con sus perfiles una superficie
   bien precisa; la imagen de las letras nace en efecto de la
   equilibrada relación entre "blancos" y "negros", esto es, de
   la exacta definición tanto de la forma cuanto de la
   contraforma o superficie de fondo.

   En cada alfabeto, la letra O, la L y la V son las letras
   determinantes: su contorno encierra por cierto los tres
   espacios fundamentales sobre los cuales se estructuran
   todos los otros signos.

   Las tres superficies simples son, respectivamente, las del
   círculo, del cuadrado y del triángulo.
Tamaño definido por altura/cuerpo

       El cuerpo es una medida que define la proporción del
       caracter.

       El cuerpo se mide en puntos tipográficos si está referido
       a los caracteres movibles tradicionales, en este caso la
       dimensión relevada es aquella vertical del entero
       bloquecito tipográfico (caracter + espalda superior e
       inferior).

       En el sistema francés "Didot" 1 punto corresponde a
       0.376 mm; en el anglosajón "Pica" 1 punto es igual a
       0.351 mm.

       El uso de la fotocomposición y de la computadora, ha
       brindando la posibilidad de variar las dimensiones de las
       letras, ha sustituido las medidas en puntos tipográficos
       por aquellas en milímetros; en este caso la dimensión
       considerada es la de la altura de la mayúscula.
Tono: modifica grosor de bastón


       Una letra normal tiene el grosor de los rasgos
       principales igual al 15% de la medida de su altura.

       Las letras pueden cambiar su valor de intensidad
       afinando el espesor, volviéndose con ello más claras,
       o espesándolo para aumentar el negro pleno y "hacer
       más mancha”

       Se reconocen varias variables de intensidad
       (depende si la familia tipográfica soporta las mismas),
       estas van
       desde light, medium, bold y black.
Proporción: modifica la relación ancho alto


          Adrián Frutiger en su libro "De signos y de Hombres"
          individualiza en la letra H mayúscula de cualquier
          caracter el modelo que fija las proporciones a partir
          de las cuales se construyen todos los otros signos; en
          la minúscula es la letra n la que posee las mismas
          relaciones.
          La versión normal de estas dos letras nos dice que si
          su altura es de 3.76 mm, la amplitud debe ser el 80%
          de 3.76 mm.
          Los caracteres pueden modificar su forma normal
          estrechándose y alargándose, estas transformaciones
          básicamente se denominan: condensada, normal y
          expandida, siempre debemos tener en cuenta que
          esta variable trabaja sobre el ancho del caracter sin
          modificar su altura.
Dirección: modifica la inclinación del eje de la letra


            Las letras pueden ser derechas o inclinadas, en
            tipografía los términos exactos para indicar estos dos
            aspectos son normal e itálica; la última nace como
            simulación de la escritura manual.

            La inclinación que va entre los 9º y 15º es la correcta
            para expresar la forma itálica de un caracter; las
            inclinaciones menores no son percibidas por el ojo,
            mientras que las inclinaciones más acentuadas alteran
            el equilibrio de la letra.

            En ciertos casos podemos observar que la versión
            itálica no conlleva una simple inclinación del caracter
            sino que implica para numerosos caracteres una
            alteración de la forma misma.
Desarrollo de variables visuales y su reemplazo de nombres por
códigos numéricos.
Familia Univers. Creada por Adrián Frutiger (1954/57)

Univers 55
tono: medium
proporción: normal
dirección: normal
Kerning
Es el acercar o alejar dos letras que por su fisonomía
parecen excesivamente distantes o cercanas
respectivamente
Kern
Es el acercar o alejar dos letras que por su fisonomía parecen
excesivamente distantes o cercanas respectivamente
Tracking
Se usa para alterar la densidad visual del texto o el
espacio global entre un grupo seleccionado de
caracteres.


Esta alteración afecta a todos los caracteres, como
regla general, cuanto más grande es el cuerpo más
apretado debe ser el track.


El track ajusta el espacio que existe entre los
carácteres, abriendo los cuerpos más pequeños y
cerrando los mas grandes.
Clasificación Tipográfica
Bloque Serif
Imitan escritura manual
en ciertos casos se unen
las letras de caja baja
Decorativo




      mezcla de características
      contenidas en el resto de los grupos
Clasificación por el Serif
Clasificación por el Serif
Clasificación por el Serif
Clasificación por el Serif
Clasificación por el Serif

Más contenido relacionado

La actualidad más candente

Tipografia iii
Tipografia iiiTipografia iii
Tipografia iii
thais1608
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
Omar Duarte
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
laura
 

La actualidad más candente (20)

Metaplasmos tipográficos
Metaplasmos tipográficosMetaplasmos tipográficos
Metaplasmos tipográficos
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficos
 
Marca
MarcaMarca
Marca
 
Offset
OffsetOffset
Offset
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Infografía, uso de retícula
Infografía, uso de retículaInfografía, uso de retícula
Infografía, uso de retícula
 
Diagramacion
Diagramacion Diagramacion
Diagramacion
 
Tipografia iii
Tipografia iiiTipografia iii
Tipografia iii
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Marca grafica
Marca graficaMarca grafica
Marca grafica
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Poligonos regulares, tangencias y espirales
Poligonos regulares, tangencias y espiralesPoligonos regulares, tangencias y espirales
Poligonos regulares, tangencias y espirales
 
SEMANTICA
SEMANTICASEMANTICA
SEMANTICA
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
 
Contrastes
ContrastesContrastes
Contrastes
 
La composición en la diagramación
La composición en la diagramaciónLa composición en la diagramación
La composición en la diagramación
 
Manual de Imagen Corporativa RENATA
Manual de Imagen Corporativa RENATAManual de Imagen Corporativa RENATA
Manual de Imagen Corporativa RENATA
 
Elementos TipográFicos
Elementos TipográFicosElementos TipográFicos
Elementos TipográFicos
 
Pictogramas
PictogramasPictogramas
Pictogramas
 
6 sintaxis de la imagen conceptuales _pptm
6 sintaxis de la imagen conceptuales _pptm6 sintaxis de la imagen conceptuales _pptm
6 sintaxis de la imagen conceptuales _pptm
 

Similar a Tipo

Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicas
Emanuel Rebollo
 
Taller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuelTaller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuel
dsamlock
 

Similar a Tipo (20)

Emanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicasEmanuel rebollo velis/Definiciones basicas
Emanuel rebollo velis/Definiciones basicas
 
Taller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuelTaller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuel
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Taller Tipografía
Taller TipografíaTaller Tipografía
Taller Tipografía
 
Salazar elena elizabeth
Salazar elena elizabethSalazar elena elizabeth
Salazar elena elizabeth
 
Diseño Editorial
Diseño Editorial Diseño Editorial
Diseño Editorial
 
Presentacion daisy
Presentacion daisyPresentacion daisy
Presentacion daisy
 
La regla aurea
La regla aureaLa regla aurea
La regla aurea
 
Tipografia
TipografiaTipografia
Tipografia
 
Presentación diseño editorial
Presentación diseño editorialPresentación diseño editorial
Presentación diseño editorial
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficos
 
Letra.técnica1
Letra.técnica1Letra.técnica1
Letra.técnica1
 
La palabra
La palabraLa palabra
La palabra
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 

Último

PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 

Último (20)

414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 

Tipo

  • 2. Tipografía Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto. Stanley Morison, Principios fundamentales de la tipografía (1929)
  • 3. Tipografía Microtipografía o tipografía del detalle El término Mikrotypografie se aplicó por primera vez en un discurso dado en la Sociedad Tipográfica de Múnich. Se puede substituir asimismo por una palabra inglesa, Detailtypografie («tipografía del detalle»). Comprende los siguientes rubros: La letra, el espacio entre letras, la palabra, el espacio entre las palabras, el interlineado y la columna. Tiene tres importantes funciones: el peso visual, el interletrado y el interlineado. Macrotipografía La macrotipografía se centra en el tipo de letra, el estilo de la letra y en el cuerpo de la letra.
  • 4. Tipografía Tipografía de edición Reúne las cuestiones tipográficas relacionadas con las familias, el tamaño de las letras, los espacios entre las letras y las palabras; intertipo e interlínea y la medida de línea y columna o caja, es decir aquellas unidades que conceden un carácter normativo. Tipografía creativa Esta contempla la comunicación como una metáfora visual, donde el texto no sólo tiene una funcionalidad lingüística, y donde a veces, se representa de forma gráfica, como si se tratara de una imagen.
  • 5.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Variables Visuales Forma: relativo a la estructura Los caracteres delimitan con sus perfiles una superficie bien precisa; la imagen de las letras nace en efecto de la equilibrada relación entre "blancos" y "negros", esto es, de la exacta definición tanto de la forma cuanto de la contraforma o superficie de fondo. En cada alfabeto, la letra O, la L y la V son las letras determinantes: su contorno encierra por cierto los tres espacios fundamentales sobre los cuales se estructuran todos los otros signos. Las tres superficies simples son, respectivamente, las del círculo, del cuadrado y del triángulo.
  • 27. Tamaño definido por altura/cuerpo El cuerpo es una medida que define la proporción del caracter. El cuerpo se mide en puntos tipográficos si está referido a los caracteres movibles tradicionales, en este caso la dimensión relevada es aquella vertical del entero bloquecito tipográfico (caracter + espalda superior e inferior). En el sistema francés "Didot" 1 punto corresponde a 0.376 mm; en el anglosajón "Pica" 1 punto es igual a 0.351 mm. El uso de la fotocomposición y de la computadora, ha brindando la posibilidad de variar las dimensiones de las letras, ha sustituido las medidas en puntos tipográficos por aquellas en milímetros; en este caso la dimensión considerada es la de la altura de la mayúscula.
  • 28. Tono: modifica grosor de bastón Una letra normal tiene el grosor de los rasgos principales igual al 15% de la medida de su altura. Las letras pueden cambiar su valor de intensidad afinando el espesor, volviéndose con ello más claras, o espesándolo para aumentar el negro pleno y "hacer más mancha” Se reconocen varias variables de intensidad (depende si la familia tipográfica soporta las mismas), estas van desde light, medium, bold y black.
  • 29. Proporción: modifica la relación ancho alto Adrián Frutiger en su libro "De signos y de Hombres" individualiza en la letra H mayúscula de cualquier caracter el modelo que fija las proporciones a partir de las cuales se construyen todos los otros signos; en la minúscula es la letra n la que posee las mismas relaciones. La versión normal de estas dos letras nos dice que si su altura es de 3.76 mm, la amplitud debe ser el 80% de 3.76 mm. Los caracteres pueden modificar su forma normal estrechándose y alargándose, estas transformaciones básicamente se denominan: condensada, normal y expandida, siempre debemos tener en cuenta que esta variable trabaja sobre el ancho del caracter sin modificar su altura.
  • 30. Dirección: modifica la inclinación del eje de la letra Las letras pueden ser derechas o inclinadas, en tipografía los términos exactos para indicar estos dos aspectos son normal e itálica; la última nace como simulación de la escritura manual. La inclinación que va entre los 9º y 15º es la correcta para expresar la forma itálica de un caracter; las inclinaciones menores no son percibidas por el ojo, mientras que las inclinaciones más acentuadas alteran el equilibrio de la letra. En ciertos casos podemos observar que la versión itálica no conlleva una simple inclinación del caracter sino que implica para numerosos caracteres una alteración de la forma misma.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Desarrollo de variables visuales y su reemplazo de nombres por códigos numéricos. Familia Univers. Creada por Adrián Frutiger (1954/57) Univers 55 tono: medium proporción: normal dirección: normal
  • 36.
  • 37. Kerning Es el acercar o alejar dos letras que por su fisonomía parecen excesivamente distantes o cercanas respectivamente
  • 38. Kern Es el acercar o alejar dos letras que por su fisonomía parecen excesivamente distantes o cercanas respectivamente
  • 39.
  • 40. Tracking Se usa para alterar la densidad visual del texto o el espacio global entre un grupo seleccionado de caracteres. Esta alteración afecta a todos los caracteres, como regla general, cuanto más grande es el cuerpo más apretado debe ser el track. El track ajusta el espacio que existe entre los carácteres, abriendo los cuerpos más pequeños y cerrando los mas grandes.
  • 41.
  • 42.
  • 43.
  • 44.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74. Imitan escritura manual en ciertos casos se unen las letras de caja baja
  • 75. Decorativo mezcla de características contenidas en el resto de los grupos