SlideShare una empresa de Scribd logo
1 de 39
TIPOGRAFÍA
Profesor: Dis. Darío Cruz
TEMA 2
Sistemas de proporción
Subtemas
 Concepto
 Estructura
 Módulo X
 Light, bold, espesor
Concepto
a a
Los sistemas de proporción nos van permitir construir
una tipografía a partir de un tipo y sus características
para esto vamos a tener que tomar en cuenta ciertos
elementos que veremos a continuación dentro de
este capítulo.
Lo más importante de la elección de cualquier medida
tipográfica es que esté en relación con las que ya se
han tomado o tienen que tomarse.
Ninguna medida tipográfica es independiente de las
otras.
• Del tamaño del cuerpo depende la línea
• De la longitud de la línea depende la interlínea
• De las interlíneas depende la coherencia del párrafo, etc.
Hay que considerar, además, que muchos diseños tipográficos
requieren un particular tratamiento, al cual el diseñador tiene
que ser sensible.
• Algunas familias requieren ser usadas en cuerpos grandes
porque si no, no se aprecia su diseño.
• Lo mismo al contrario: letras de proporciones estrechas, muy
espigadas, pueden ser fatigosas cuando se usan a razón de
150 caracteres en líneas que tal vez no son demasiado
largas, pero que cansan al lector. La proporción del diseño de
la letra y de la línea, no cuadran entre sí.
Estructura
El vocabulario usado para la descripción de las diferentes partes
que estructuran una letra, se compone de una serie de
términos acuñados desde hace mucho tiempo y que se
asemejan a los usados para describir las partes de nuestro
cuerpo. Así las letras tienen brazos, piernas, ojos, y otras
partes como cola.
De cualquier forma, por problemas de traducción, la descripción
de las partes de una letra no coinciden de forma unánime en
los libros sobre tipografía y diseño.
• Altura de las mayúsculas: Es la altura de las letras de caja alta
de una fuente, tomada desde la línea de base hasta la parte
superior del carácter.
• Altura X:Es la altura de las letras de caja baja excluyendo los
ascendentes y los descendentes.
• Anillo: Asta curva cerrada que encierra el blanco interno en
letras tales como en la b, la p o la o.
• Ascendente: Asta de la letra de caja baja que sobresale por
encima de la altura x, como en la b, la d o la k.
• Asta: Rasgo principal de la letra que define su forma esencial;
sin ella la letra no existiría.
• Astas montantes: Son las astas principales verticales u
oblicuas de una letra, como la L, B, V o A.
• Asta ondulada o espina: Es el rasgo principal de la S o de la s.
• Barra:Es el rasgo horizontal en letras como la A, la H, f o la t.
También llamada asta transversal.
• Basa: Proyección que a veces se ve en la parte inferior de la b
o en la G.
• Blanco interno: Espacio en blanco contenido dentro de un
anillo u ojal.
• Brazo: Parte terminal que se proyecta horizontalmente o
hacia arriba y que no está incluida dentro del carácter, como
ocurre en la E, la K o la L.
• Cartela: Trazo curvo (o poligonal) de conjunción entre el asta y
el remate.
• Cola: Asta oblicua colgante de algunas letras, como en la R o
la K.
• Cola curva: Asta curva que se apoya sobre la línea de base en
la R y la K, o debajo de ella, en la Q. En la R y en la K se puede
llamar sencillamente cola.
• Cuerpo:Altura del paralelepípedo metálico en que está
montado el carácter.
• Descendente: Asta de la letra de caja baja que queda por
debajo de la línea de base, como en la p o en la g.
• Inclinación: Es el ángulo del eje imaginario sugerido por la
modulación de espesores de los rasgos de una letra. El eje
puede ser vertical o con diversos grados de inclinación. Tiene
una gran importancia en la determinación del estilo de los
caracteres.
• Línea de base: La línea sobre la que se apoya la altura X.
• Ojal: Porción cerrada de la letra g que queda por debajo de la
línea de base. Si ese rasgo es abierto se llama simplemente
cola.
• Oreja: Ápice o pequeño rasgo terminal que a veces se añade
al anillo de algunas letras, como la g o la o, o al asta de otras
como la r.
• Rebaba: Espacio que queda entre el carácter y el borde del
tipo metálico. Aunque se suele nombar de esta forma, la
definición correcta es "hombro".
• Serif, patin, remateogracia: Trazo terminal de un asta, brazo o
cola. Es un resalte ornamental que no es indispensable para la
definición del caracter, habiendo alfabetos que carecen de
ellos.
• Vértice: Punto exterior de encuentro entre dos trazos, como
en la parte superior de una A, o M o al pie de una M.
Módulo X
También conocido como
altura x, distancia que
alcanzan sobre la línea
base las letras
minúsculas que no
tienen trazos
ascendentes ni
descendentes.
Lightybold, espesor
Otra propiedad de los tipos de letra tiene que ver con el espesor
(ancho o peso) de los tipos.
El espesor proporcional se llama así porque el ancho de los
caracteres es proporcional a su figura. Se supone que este
espesor es el adecuado para el texto base.
Estos ligeros cambios de espesor combinados con la inclinación
del eje dan origen a las familias: normal, cursiva, negrita o
bold, ligera o light, demi-bold, extra light y extra bold entre
otros.
Lightybold, espesor
Cualquiera modo de espesor
puede aplicarse a los dos
estilos principales de los
caracteres, la letra romana
o con patines y la letra palo
seco o sin patines. Para los
estilos secundarios
(manuscrita y fantasía), el
espesor no es importante.t
Relación entre el blanco y el negro de
las letras
Las letras son un juego entre el blanco
y el negro y ambos forman una
unidad; entre el negro de los trazos
de la letra y el blanco de sus
espacios internos y externos; entre
la forma y su contra-forma.
Si introducimos un cambio en alguno
de ellos, el otro también lo hace. La
relación que mantienen provoca
que un cambio en la forma
(negro), afecte a la contra-forma
(blanco) de manera que si uno
aumenta el otro disminuye y
viceversa.
Relación entre el blanco y el negro de
las letras
Las letras son un juego entre el blanco y el
negro y ambos forman una unidad; entre el
negro de los trazos de la letra y el blanco
de sus espacios internos y externos; entre
la forma y su contra-forma.
Si introducimos un cambio en alguno de
ellos, el otro también lo hace. La relación
que mantienen provoca que un cambio en
la forma (negro), afecte a la contra-forma
(blanco) de manera que si uno aumenta el
otro disminuye y viceversa.
Relación entre el blanco y el negro de
las letras
Cada letra está formada por su propio
trazo, por el espacio interno y el que la
rodea.
Cuando componemos un texto, la clave
para que una letra y una palabra sea
percibidas con total claridad, depende
del equilibrio entre los espacios
internos de las letras y los que las
rodean.
Cuanto más igualados sean estos
espacios, mejores resultados
obtendremos. Se deben tener igualdad
de espacios, no de distancias.
ajustes ópticos según la forma de las
letras
Efectos ópticos
contra-forma o counter
contra-forma o counter
Son los espacios blancos dentro de
los caracteres.
Existen las contra-formas cerradas,
abiertas y mixtas
contra-forma o counter
contra-forma o counter
contra-forma o counter
contra-forma o counter
Efectos ópticos
Efectos ópticos
Efectos ópticos
Efectos ópticos
Efectos ópticos
Efectos ópticos
ejercicio
FORMA Y CONTRAFORMA
Dibujar en un formato a4, en posición horizontal, una palabra dada por el
profesor y explorar las posibles variantes de las letras atendiendo al concepto
de la forma y contraforma que se generan en la convivencia de ellas. La
misma será compuesta en caja baja.
 Ser capaces de, con un mínimo de recursos gráficos, sacarle provecho a la estructura
de la contraforma interna y externa que generan dichas letras.
 Las piezas deberán mantener un alto grado de legibilidad.
ejercicio
ejercicio
ejercicio
ejercicio
ejercicio

Más contenido relacionado

La actualidad más candente

La aventura del pensamiento
La aventura del pensamientoLa aventura del pensamiento
La aventura del pensamientobeuxyreena
 
Historia del cartel
Historia del cartelHistoria del cartel
Historia del cartelshekov
 
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y textura
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y texturaElementos visuales de la expresión plástica 3ºD punto, línea,plano y textura
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y texturaSlideshare de Mara
 
Claroscuro
ClaroscuroClaroscuro
ClaroscuroMarinale
 
Elementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestaltElementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestaltPablo Carrillo
 
Grados de iconicidad plastica y visual
Grados de iconicidad plastica y visualGrados de iconicidad plastica y visual
Grados de iconicidad plastica y visualBenjamin Martinez Orti
 
Els Llenguatges Visuals
Els Llenguatges VisualsEls Llenguatges Visuals
Els Llenguatges Visualsmvelru
 
Maneras de crear la sensación de profundidad en
Maneras de crear la sensación de profundidad enManeras de crear la sensación de profundidad en
Maneras de crear la sensación de profundidad enamaiasans
 
Redes y formas modulares.
Redes y formas modulares.Redes y formas modulares.
Redes y formas modulares.CreandoArtistas
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
Elementos del lenguaje visual 1º ciclo ESO
Elementos del lenguaje visual 1º ciclo ESOElementos del lenguaje visual 1º ciclo ESO
Elementos del lenguaje visual 1º ciclo ESOSonia A. Alzola
 
Elementos de Expresion en el Diseño.pdf
Elementos de Expresion en el Diseño.pdfElementos de Expresion en el Diseño.pdf
Elementos de Expresion en el Diseño.pdfjairo Torres
 

La actualidad más candente (20)

La aventura del pensamiento
La aventura del pensamientoLa aventura del pensamiento
La aventura del pensamiento
 
Historia del cartel
Historia del cartelHistoria del cartel
Historia del cartel
 
Picasso.toros
Picasso.torosPicasso.toros
Picasso.toros
 
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y textura
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y texturaElementos visuales de la expresión plástica 3ºD punto, línea,plano y textura
Elementos visuales de la expresión plástica 3ºD punto, línea,plano y textura
 
Claroscuro
ClaroscuroClaroscuro
Claroscuro
 
El cartel publicitario I
El cartel publicitario IEl cartel publicitario I
El cartel publicitario I
 
Elementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestaltElementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestalt
 
Preprensa
PreprensaPreprensa
Preprensa
 
Unidad 3. Signo tipográfico
Unidad 3. Signo tipográficoUnidad 3. Signo tipográfico
Unidad 3. Signo tipográfico
 
Leyes Compositivas
Leyes Compositivas Leyes Compositivas
Leyes Compositivas
 
Percepción visual
Percepción visualPercepción visual
Percepción visual
 
Grados de iconicidad plastica y visual
Grados de iconicidad plastica y visualGrados de iconicidad plastica y visual
Grados de iconicidad plastica y visual
 
Els Llenguatges Visuals
Els Llenguatges VisualsEls Llenguatges Visuals
Els Llenguatges Visuals
 
Evolución de la ilustración
Evolución de la ilustraciónEvolución de la ilustración
Evolución de la ilustración
 
Maneras de crear la sensación de profundidad en
Maneras de crear la sensación de profundidad enManeras de crear la sensación de profundidad en
Maneras de crear la sensación de profundidad en
 
Redes y formas modulares.
Redes y formas modulares.Redes y formas modulares.
Redes y formas modulares.
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Elementos del lenguaje visual 1º ciclo ESO
Elementos del lenguaje visual 1º ciclo ESOElementos del lenguaje visual 1º ciclo ESO
Elementos del lenguaje visual 1º ciclo ESO
 
Elementos de Expresion en el Diseño.pdf
Elementos de Expresion en el Diseño.pdfElementos de Expresion en el Diseño.pdf
Elementos de Expresion en el Diseño.pdf
 
Las tramas
Las tramasLas tramas
Las tramas
 

Similar a Tipografía y sistemas de proporción (20)

La letra, estructura individual y partes que la conforman
La letra, estructura individual y partes que la conformanLa letra, estructura individual y partes que la conforman
La letra, estructura individual y partes que la conforman
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Taller2 Baldeon-Montes de oca-Culqui
Taller2 Baldeon-Montes de oca-CulquiTaller2 Baldeon-Montes de oca-Culqui
Taller2 Baldeon-Montes de oca-Culqui
 
T4.carolinayricardo.tipografia
T4.carolinayricardo.tipografiaT4.carolinayricardo.tipografia
T4.carolinayricardo.tipografia
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
Tipografía
TipografíaTipografía
Tipografía
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Capitulo2
Capitulo2Capitulo2
Capitulo2
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Definimos la tipografía
Definimos la tipografíaDefinimos la tipografía
Definimos la tipografía
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta gg
 
Tipografia1
Tipografia1Tipografia1
Tipografia1
 
Diseño Editorial
Diseño Editorial Diseño Editorial
Diseño Editorial
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráfico
 

Tipografía y sistemas de proporción

  • 2. TEMA 2 Sistemas de proporción
  • 3. Subtemas  Concepto  Estructura  Módulo X  Light, bold, espesor
  • 5. Los sistemas de proporción nos van permitir construir una tipografía a partir de un tipo y sus características para esto vamos a tener que tomar en cuenta ciertos elementos que veremos a continuación dentro de este capítulo. Lo más importante de la elección de cualquier medida tipográfica es que esté en relación con las que ya se han tomado o tienen que tomarse. Ninguna medida tipográfica es independiente de las otras.
  • 6. • Del tamaño del cuerpo depende la línea • De la longitud de la línea depende la interlínea • De las interlíneas depende la coherencia del párrafo, etc. Hay que considerar, además, que muchos diseños tipográficos requieren un particular tratamiento, al cual el diseñador tiene que ser sensible. • Algunas familias requieren ser usadas en cuerpos grandes porque si no, no se aprecia su diseño. • Lo mismo al contrario: letras de proporciones estrechas, muy espigadas, pueden ser fatigosas cuando se usan a razón de 150 caracteres en líneas que tal vez no son demasiado largas, pero que cansan al lector. La proporción del diseño de la letra y de la línea, no cuadran entre sí.
  • 8. El vocabulario usado para la descripción de las diferentes partes que estructuran una letra, se compone de una serie de términos acuñados desde hace mucho tiempo y que se asemejan a los usados para describir las partes de nuestro cuerpo. Así las letras tienen brazos, piernas, ojos, y otras partes como cola. De cualquier forma, por problemas de traducción, la descripción de las partes de una letra no coinciden de forma unánime en los libros sobre tipografía y diseño.
  • 9.
  • 10. • Altura de las mayúsculas: Es la altura de las letras de caja alta de una fuente, tomada desde la línea de base hasta la parte superior del carácter. • Altura X:Es la altura de las letras de caja baja excluyendo los ascendentes y los descendentes. • Anillo: Asta curva cerrada que encierra el blanco interno en letras tales como en la b, la p o la o. • Ascendente: Asta de la letra de caja baja que sobresale por encima de la altura x, como en la b, la d o la k. • Asta: Rasgo principal de la letra que define su forma esencial; sin ella la letra no existiría. • Astas montantes: Son las astas principales verticales u oblicuas de una letra, como la L, B, V o A.
  • 11. • Asta ondulada o espina: Es el rasgo principal de la S o de la s. • Barra:Es el rasgo horizontal en letras como la A, la H, f o la t. También llamada asta transversal. • Basa: Proyección que a veces se ve en la parte inferior de la b o en la G. • Blanco interno: Espacio en blanco contenido dentro de un anillo u ojal. • Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y que no está incluida dentro del carácter, como ocurre en la E, la K o la L. • Cartela: Trazo curvo (o poligonal) de conjunción entre el asta y el remate. • Cola: Asta oblicua colgante de algunas letras, como en la R o la K.
  • 12. • Cola curva: Asta curva que se apoya sobre la línea de base en la R y la K, o debajo de ella, en la Q. En la R y en la K se puede llamar sencillamente cola. • Cuerpo:Altura del paralelepípedo metálico en que está montado el carácter. • Descendente: Asta de la letra de caja baja que queda por debajo de la línea de base, como en la p o en la g. • Inclinación: Es el ángulo del eje imaginario sugerido por la modulación de espesores de los rasgos de una letra. El eje puede ser vertical o con diversos grados de inclinación. Tiene una gran importancia en la determinación del estilo de los caracteres. • Línea de base: La línea sobre la que se apoya la altura X.
  • 13. • Ojal: Porción cerrada de la letra g que queda por debajo de la línea de base. Si ese rasgo es abierto se llama simplemente cola. • Oreja: Ápice o pequeño rasgo terminal que a veces se añade al anillo de algunas letras, como la g o la o, o al asta de otras como la r. • Rebaba: Espacio que queda entre el carácter y el borde del tipo metálico. Aunque se suele nombar de esta forma, la definición correcta es "hombro". • Serif, patin, remateogracia: Trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del caracter, habiendo alfabetos que carecen de ellos. • Vértice: Punto exterior de encuentro entre dos trazos, como en la parte superior de una A, o M o al pie de una M.
  • 14. Módulo X También conocido como altura x, distancia que alcanzan sobre la línea base las letras minúsculas que no tienen trazos ascendentes ni descendentes.
  • 15. Lightybold, espesor Otra propiedad de los tipos de letra tiene que ver con el espesor (ancho o peso) de los tipos. El espesor proporcional se llama así porque el ancho de los caracteres es proporcional a su figura. Se supone que este espesor es el adecuado para el texto base. Estos ligeros cambios de espesor combinados con la inclinación del eje dan origen a las familias: normal, cursiva, negrita o bold, ligera o light, demi-bold, extra light y extra bold entre otros.
  • 16. Lightybold, espesor Cualquiera modo de espesor puede aplicarse a los dos estilos principales de los caracteres, la letra romana o con patines y la letra palo seco o sin patines. Para los estilos secundarios (manuscrita y fantasía), el espesor no es importante.t
  • 17. Relación entre el blanco y el negro de las letras Las letras son un juego entre el blanco y el negro y ambos forman una unidad; entre el negro de los trazos de la letra y el blanco de sus espacios internos y externos; entre la forma y su contra-forma. Si introducimos un cambio en alguno de ellos, el otro también lo hace. La relación que mantienen provoca que un cambio en la forma (negro), afecte a la contra-forma (blanco) de manera que si uno aumenta el otro disminuye y viceversa.
  • 18. Relación entre el blanco y el negro de las letras Las letras son un juego entre el blanco y el negro y ambos forman una unidad; entre el negro de los trazos de la letra y el blanco de sus espacios internos y externos; entre la forma y su contra-forma. Si introducimos un cambio en alguno de ellos, el otro también lo hace. La relación que mantienen provoca que un cambio en la forma (negro), afecte a la contra-forma (blanco) de manera que si uno aumenta el otro disminuye y viceversa.
  • 19. Relación entre el blanco y el negro de las letras Cada letra está formada por su propio trazo, por el espacio interno y el que la rodea. Cuando componemos un texto, la clave para que una letra y una palabra sea percibidas con total claridad, depende del equilibrio entre los espacios internos de las letras y los que las rodean. Cuanto más igualados sean estos espacios, mejores resultados obtendremos. Se deben tener igualdad de espacios, no de distancias.
  • 20. ajustes ópticos según la forma de las letras
  • 23. contra-forma o counter Son los espacios blancos dentro de los caracteres. Existen las contra-formas cerradas, abiertas y mixtas
  • 34. ejercicio FORMA Y CONTRAFORMA Dibujar en un formato a4, en posición horizontal, una palabra dada por el profesor y explorar las posibles variantes de las letras atendiendo al concepto de la forma y contraforma que se generan en la convivencia de ellas. La misma será compuesta en caja baja.  Ser capaces de, con un mínimo de recursos gráficos, sacarle provecho a la estructura de la contraforma interna y externa que generan dichas letras.  Las piezas deberán mantener un alto grado de legibilidad.