SlideShare una empresa de Scribd logo
1 de 24
JERARQUIAS
TIPOGRAFICAS
La jerarquización de los textos es una guía lógica
 que permite al diseñador variar y dirigir el orden
  de la lectura de una composición tipográfica,
 haciendo que el receptor se involucre en mayor
            grado con la pieza gráfica.
Una composición
tipográfica que no
presenta
jerarquización de
textos, es una
composición que
tendrá una lectura
lineal, de arriba a la
izquierda a abajo a la
derecha. Es una
composición que no
presenta sorpresas y
es ideal para los casos
donde la lectura debe
ser clara y directa, como
en las páginas de un
libro con texto de largo
alcance.
En otros tipos de piezas
gráficas, como por ejemplo
el afiche, es necesario
plantear otros tipos de
composiciones donde se
revelen abiertamente los
diferentes niveles de
importancia que presenta
el texto. A esos diferentes
niveles de importancia, el
diseñador los materializa a
través de la jerarquización
tipográfica, permitiendo al
receptor orientarse en el
recorrido de la pieza
gráfica, variando el orden
de la lectura, según el
propósito de diseño.
Las jerarquías en una composición
  tipográfica pueden llevarse a cabo
  mediante la toma de decisiones de
diseño respecto a los siguientes ítems:

           - Elección tipográfica
           - Tamaños tipográficos
         - Variables tipográficas
      - Alineaciones / Marginaciones
             - Direccionalidades
               - Color / Contraste
Elección tipográfica




Tipos de elección de tipos
Existen varias maneras de elegir tipografías. Desde simples
procesos preconcebidos que respetan estilos, hasta procesos muy
complejos que involucran complejos raciocinios, sin embargo, el
resultado y el objetivo siempre será el mismo: que se lea lo que
quiero decir.
El método cerrado




La gente que trabaja con pocas tipografías, tiene muchas veces
problemas al momento de diferenciar con claridad si lo que
hacen es para una cadena de comida rápida, o un folleto para
una financiera. Da lo mismo, para todo uso Arial o Times.

De alguna manera, son diseñadores que están acostumbrados a
forzar la dirección de arte para que todo funcione con las
tipografías que estoy acostumbrado a trabajar. De esa manera, la
expresión se logra mediante el correcto uso de pesos, tamaños,
colores, tramas, texturas, etc.
El método directo
El método de elección de tipografías directo, es el método más
simple, rápido, predecible y básico. Lamentablemente el
método en el que suele caer la gran mayoría de los
diseñadores.
Consiste en lo siguiente: Si necesitas una tipografía para escribir
sombrero, buscas una que tenga forma de sombrero. Si necesitas
una tipografía para escribir niño, buscas una que parezca que haya
sido hecha por un niño, y si necesitas escribir perro, buscas una
hecha a partir de pisadas de perro.
Es un método directo, porque a partir de la elección, no hay
extracción alguna de conceptos asociados ni ideas
complementarias. Es por lo general lo que esperaría ver el cliente
(porque tampoco es capaz de ver más allá), y la manera fácil de
hacer las cosas.
Entonces, cuando nos damos cuenta que elegimos una tipografía
con lunares dentro, porque los perros dálmata tienen lunares en
su pelaje, debemos pensar internamente, “hey, estoy haciendo
una relación 1 a 1, ¿eso está bien?”.

Debemos recordar que el diseño de la tipografía es a la
escritura, lo que el tono de voz es a la palabra hablada. (Lo
que el interlineado y el interletraje es a la velocidad con que se
habla, y la página escrita, puede llegar a ser una verdadera
partitura, donde la elección tipográfica podría ser interpretada
como la elección del instrumento).
Según eso, para decir perro, no es necesario ladrarlo, sino que
basta con decirlo adecuadamente.
Parece extraño, pero es raro que de inmediato nos volquemos
en búsqueda de una tipografía que “sea como” una caligráfica
china. Es normal que sea lo primero que se nos venga a la
cabeza, pero ¿nos hemos cuestionado alguna vez si es lo
óptimo?.
A pesar de que el resultado (si el diseñador es hábil), pueda ser el
convincente por temas de color y composición, estamos dejando
de lado un montón de interesantes ideas que tal vez debiesen ser
tomadas en cuenta a la hora de elegir.
El método abstracto
(Retomando el ejemplo anterior) Si nos detenemos un minuto a
pensar y hacer un pequeño análisis de la legibilidad de la tipografía
que estoy usando, posiblemente me de cuenta que estoy
sacrificando casi por completo la forma de las letras, para forzarlas
a algo que no están preparadas. Es decir, tienen demasiada
personalidad, tiene demasiada idiosincrasia.
Mejor, cambiemos identidad por legibilidad.
Cuando uno escoge con precisión un tipo de letra, acude por
lo general a conceptos indirectos, y esto es muy importante
para el diseño, porque si lo que estamos trabajando es un
diseño funcional (un diario, una guía de teléfonos), las
preguntas tenderán a lo siguiente: por qué me sirve
determinada condensación, cuál es el grosor de letra que
necesito, cómo deben ser las contraformas (abiertas,
cerradas), de qué estilo debe ser la letra, cuál es la
inclinación, cómo son sus proporciones, cómo está
compuesta su familia.
Sin embargo, si trabajamos con un diseño de identidad (cómo el de
china) tal vez debemos hacernos las preguntas en función del
contenido de la forma de la letra: por qué un tipo de curvas me
sirve o no, por qué la versatilidad del grosores es fundamental a la
hora de la elección, cómo se presta para recibir todo tipo de
combinación de colores, cómo se lee (la pregunta es cómo se lee,
no si se lee o no), cuál es el concepto de su itálica, cuál es la o las
letras que tienen detalles que la hacen diferente a las demás, etc.
Entonces, en vez de hacer una elección casi a ciegas, hacemos
una reflexión sobre el entorno que genera lo que necesitamos
diseñar, en este caso, el cartel de China. ¿Qué colores tiene
china?, ¿cómo pudo entender que no necesito hacerme pasar
por chino para hablar de china?. Lo que necesito, no es plasmar
la cultura china en un papel, sino que basta con un acercamiento.
Y si ese acercamiento no me lo da completamente la tipografía,
tal vez sea bueno diseñar un gag que haga que todo funcione
perfecto.

En fin, crear un clima de ambiente chino, rescatando su esencia,
es a veces mejor que hacerse pasar por chino.
Tamaño tipográfico

            En la variedad está el gusto, la
            creatividad no tiene reglas, así
            que si eres un diseñador
            minimalista este artículo puede
            cambiar tu percepción o
            puedes aborrecerlo. Me gusta
            el uso de la tipografía para
            darle personalidad a los
            diseños, encontrar el equilibro
            de tamaños en las tipografías
            puede ser una tarea fascinante.
Variables tipográficas
Hay diferentes variables; de caja, familia, color, forma tamaño
Variables justificación
Direccionalidad
Contraste




DiseñoGráfico
Ejemplo donde el estilo, cuerpo, variable y alineación tipográfica no
se ha modificado, por lo tanto el orden de lectura es el habitual (de
arriba a la izquierda a abajo a la derecha). Derecha: Ejemplo donde
se ha alterado el orden de lectura, mediante el uso de diferentes
cuerpos, variables y alineaciones.
Secuencia de lectura

Toda pieza de diseño posee un orden de lectura secuencial a
partir del trabajo con las jerarquías tipográficas. La secuencia
temporal de lectura se suma así a los elementos gráficos
convencionales aportándole a la composición una mayor
intensidad rítmica.
Un ejemplo ya clásico de secuencia cinemática es la campaña de
carteles realizada por Cassandre para Dubonnet, en 1932. En la
secuencia el dibujo lineal va transformándose en uno a todo color.
El elemento tipográfico adquiere en cada paso diferentes
significados

Más contenido relacionado

La actualidad más candente

Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticula
liseth17
 
Técnicas gráficas de sombreado
Técnicas gráficas de sombreadoTécnicas gráficas de sombreado
Técnicas gráficas de sombreado
Arte_Factory
 

La actualidad más candente (20)

Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Microtipografía
MicrotipografíaMicrotipografía
Microtipografía
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
Diseñar con o sin reticula
Diseñar con o sin reticulaDiseñar con o sin reticula
Diseñar con o sin reticula
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visual
 
Diagramacion
Diagramacion Diagramacion
Diagramacion
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
FUNDAMENTOS DEL DISEÑO. Reflexiones sobre el texto de Wicius Wong.
FUNDAMENTOS DEL DISEÑO. Reflexiones sobre el texto de Wicius Wong.FUNDAMENTOS DEL DISEÑO. Reflexiones sobre el texto de Wicius Wong.
FUNDAMENTOS DEL DISEÑO. Reflexiones sobre el texto de Wicius Wong.
 
Técnicas gráficas de sombreado
Técnicas gráficas de sombreadoTécnicas gráficas de sombreado
Técnicas gráficas de sombreado
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Tipografias
TipografiasTipografias
Tipografias
 
Actividad no. 3
Actividad no. 3Actividad no. 3
Actividad no. 3
 
TipografíA
TipografíATipografíA
TipografíA
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Sistema medidas tipográficas [elidher]
Sistema medidas tipográficas [elidher]Sistema medidas tipográficas [elidher]
Sistema medidas tipográficas [elidher]
 
Bloque 4 diseño grafico
Bloque 4  diseño graficoBloque 4  diseño grafico
Bloque 4 diseño grafico
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visual
 

Similar a Jerarquias tipograficas

Pensarvisualmenteconunenfoquealatipografia
PensarvisualmenteconunenfoquealatipografiaPensarvisualmenteconunenfoquealatipografia
Pensarvisualmenteconunenfoquealatipografia
claubarreto15
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
IntecAlseseca
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
Leslie Rowe
 
Entrevista ioviz!
Entrevista ioviz!Entrevista ioviz!
Entrevista ioviz!
robraun90
 

Similar a Jerarquias tipograficas (20)

Tipografia
TipografiaTipografia
Tipografia
 
Pensarvisualmenteconunenfoquealatipografia
PensarvisualmenteconunenfoquealatipografiaPensarvisualmenteconunenfoquealatipografia
Pensarvisualmenteconunenfoquealatipografia
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
Diseno grafico básico
Diseno grafico básicoDiseno grafico básico
Diseno grafico básico
 
4.4 tipografia
4.4 tipografia4.4 tipografia
4.4 tipografia
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
FUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑOFUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑO
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
 
los-secretos-del-lettering (1).pdf
los-secretos-del-lettering (1).pdflos-secretos-del-lettering (1).pdf
los-secretos-del-lettering (1).pdf
 
Diseño visual introduccion version ligera
Diseño visual introduccion version ligeraDiseño visual introduccion version ligera
Diseño visual introduccion version ligera
 
Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018Td clase16 fuentesreticulas-presentacionesan2018
Td clase16 fuentesreticulas-presentacionesan2018
 
Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017Tecnicas digitales Clase16 fuentesreticulasan2017
Tecnicas digitales Clase16 fuentesreticulasan2017
 
Alcances del diseño gráfico
Alcances del diseño gráficoAlcances del diseño gráfico
Alcances del diseño gráfico
 
Entrevista ioviz!
Entrevista ioviz!Entrevista ioviz!
Entrevista ioviz!
 
Curso introducción al diseño de afiches
Curso introducción al diseño de afichesCurso introducción al diseño de afiches
Curso introducción al diseño de afiches
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño grafico
 
TIPOGRAFÍAS
TIPOGRAFÍASTIPOGRAFÍAS
TIPOGRAFÍAS
 
Tipografía y comunicación
Tipografía y comunicaciónTipografía y comunicación
Tipografía y comunicación
 
Labor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby FeldmanLabor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby Feldman
 

Más de Omar Duarte

Jerarquia visual tipografica
Jerarquia visual tipograficaJerarquia visual tipografica
Jerarquia visual tipografica
Omar Duarte
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
Omar Duarte
 
Anatomia de las letras
Anatomia de las letrasAnatomia de las letras
Anatomia de las letras
Omar Duarte
 
Manejo de camara digital
Manejo de camara digitalManejo de camara digital
Manejo de camara digital
Omar Duarte
 
Presentacion Web 2.0
Presentacion Web 2.0Presentacion Web 2.0
Presentacion Web 2.0
Omar Duarte
 
como crear marca
como crear marcacomo crear marca
como crear marca
Omar Duarte
 

Más de Omar Duarte (8)

Jerarquia visual tipografica
Jerarquia visual tipograficaJerarquia visual tipografica
Jerarquia visual tipografica
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Formas basicas
Formas basicasFormas basicas
Formas basicas
 
Anatomia de las letras
Anatomia de las letrasAnatomia de las letras
Anatomia de las letras
 
El Color
El ColorEl Color
El Color
 
Manejo de camara digital
Manejo de camara digitalManejo de camara digital
Manejo de camara digital
 
Presentacion Web 2.0
Presentacion Web 2.0Presentacion Web 2.0
Presentacion Web 2.0
 
como crear marca
como crear marcacomo crear marca
como crear marca
 

Jerarquias tipograficas

  • 1. JERARQUIAS TIPOGRAFICAS La jerarquización de los textos es una guía lógica que permite al diseñador variar y dirigir el orden de la lectura de una composición tipográfica, haciendo que el receptor se involucre en mayor grado con la pieza gráfica.
  • 2. Una composición tipográfica que no presenta jerarquización de textos, es una composición que tendrá una lectura lineal, de arriba a la izquierda a abajo a la derecha. Es una composición que no presenta sorpresas y es ideal para los casos donde la lectura debe ser clara y directa, como en las páginas de un libro con texto de largo alcance.
  • 3. En otros tipos de piezas gráficas, como por ejemplo el afiche, es necesario plantear otros tipos de composiciones donde se revelen abiertamente los diferentes niveles de importancia que presenta el texto. A esos diferentes niveles de importancia, el diseñador los materializa a través de la jerarquización tipográfica, permitiendo al receptor orientarse en el recorrido de la pieza gráfica, variando el orden de la lectura, según el propósito de diseño.
  • 4.
  • 5.
  • 6.
  • 7. Las jerarquías en una composición tipográfica pueden llevarse a cabo mediante la toma de decisiones de diseño respecto a los siguientes ítems: - Elección tipográfica - Tamaños tipográficos - Variables tipográficas - Alineaciones / Marginaciones - Direccionalidades - Color / Contraste
  • 8. Elección tipográfica Tipos de elección de tipos Existen varias maneras de elegir tipografías. Desde simples procesos preconcebidos que respetan estilos, hasta procesos muy complejos que involucran complejos raciocinios, sin embargo, el resultado y el objetivo siempre será el mismo: que se lea lo que quiero decir.
  • 9. El método cerrado La gente que trabaja con pocas tipografías, tiene muchas veces problemas al momento de diferenciar con claridad si lo que hacen es para una cadena de comida rápida, o un folleto para una financiera. Da lo mismo, para todo uso Arial o Times. De alguna manera, son diseñadores que están acostumbrados a forzar la dirección de arte para que todo funcione con las tipografías que estoy acostumbrado a trabajar. De esa manera, la expresión se logra mediante el correcto uso de pesos, tamaños, colores, tramas, texturas, etc.
  • 10. El método directo El método de elección de tipografías directo, es el método más simple, rápido, predecible y básico. Lamentablemente el método en el que suele caer la gran mayoría de los diseñadores. Consiste en lo siguiente: Si necesitas una tipografía para escribir sombrero, buscas una que tenga forma de sombrero. Si necesitas una tipografía para escribir niño, buscas una que parezca que haya sido hecha por un niño, y si necesitas escribir perro, buscas una hecha a partir de pisadas de perro.
  • 11. Es un método directo, porque a partir de la elección, no hay extracción alguna de conceptos asociados ni ideas complementarias. Es por lo general lo que esperaría ver el cliente (porque tampoco es capaz de ver más allá), y la manera fácil de hacer las cosas. Entonces, cuando nos damos cuenta que elegimos una tipografía con lunares dentro, porque los perros dálmata tienen lunares en su pelaje, debemos pensar internamente, “hey, estoy haciendo una relación 1 a 1, ¿eso está bien?”. Debemos recordar que el diseño de la tipografía es a la escritura, lo que el tono de voz es a la palabra hablada. (Lo que el interlineado y el interletraje es a la velocidad con que se habla, y la página escrita, puede llegar a ser una verdadera partitura, donde la elección tipográfica podría ser interpretada como la elección del instrumento). Según eso, para decir perro, no es necesario ladrarlo, sino que basta con decirlo adecuadamente.
  • 12. Parece extraño, pero es raro que de inmediato nos volquemos en búsqueda de una tipografía que “sea como” una caligráfica china. Es normal que sea lo primero que se nos venga a la cabeza, pero ¿nos hemos cuestionado alguna vez si es lo óptimo?. A pesar de que el resultado (si el diseñador es hábil), pueda ser el convincente por temas de color y composición, estamos dejando de lado un montón de interesantes ideas que tal vez debiesen ser tomadas en cuenta a la hora de elegir.
  • 13. El método abstracto (Retomando el ejemplo anterior) Si nos detenemos un minuto a pensar y hacer un pequeño análisis de la legibilidad de la tipografía que estoy usando, posiblemente me de cuenta que estoy sacrificando casi por completo la forma de las letras, para forzarlas a algo que no están preparadas. Es decir, tienen demasiada personalidad, tiene demasiada idiosincrasia. Mejor, cambiemos identidad por legibilidad.
  • 14. Cuando uno escoge con precisión un tipo de letra, acude por lo general a conceptos indirectos, y esto es muy importante para el diseño, porque si lo que estamos trabajando es un diseño funcional (un diario, una guía de teléfonos), las preguntas tenderán a lo siguiente: por qué me sirve determinada condensación, cuál es el grosor de letra que necesito, cómo deben ser las contraformas (abiertas, cerradas), de qué estilo debe ser la letra, cuál es la inclinación, cómo son sus proporciones, cómo está compuesta su familia.
  • 15. Sin embargo, si trabajamos con un diseño de identidad (cómo el de china) tal vez debemos hacernos las preguntas en función del contenido de la forma de la letra: por qué un tipo de curvas me sirve o no, por qué la versatilidad del grosores es fundamental a la hora de la elección, cómo se presta para recibir todo tipo de combinación de colores, cómo se lee (la pregunta es cómo se lee, no si se lee o no), cuál es el concepto de su itálica, cuál es la o las letras que tienen detalles que la hacen diferente a las demás, etc.
  • 16. Entonces, en vez de hacer una elección casi a ciegas, hacemos una reflexión sobre el entorno que genera lo que necesitamos diseñar, en este caso, el cartel de China. ¿Qué colores tiene china?, ¿cómo pudo entender que no necesito hacerme pasar por chino para hablar de china?. Lo que necesito, no es plasmar la cultura china en un papel, sino que basta con un acercamiento. Y si ese acercamiento no me lo da completamente la tipografía, tal vez sea bueno diseñar un gag que haga que todo funcione perfecto. En fin, crear un clima de ambiente chino, rescatando su esencia, es a veces mejor que hacerse pasar por chino.
  • 17. Tamaño tipográfico En la variedad está el gusto, la creatividad no tiene reglas, así que si eres un diseñador minimalista este artículo puede cambiar tu percepción o puedes aborrecerlo. Me gusta el uso de la tipografía para darle personalidad a los diseños, encontrar el equilibro de tamaños en las tipografías puede ser una tarea fascinante.
  • 18. Variables tipográficas Hay diferentes variables; de caja, familia, color, forma tamaño
  • 22. Ejemplo donde el estilo, cuerpo, variable y alineación tipográfica no se ha modificado, por lo tanto el orden de lectura es el habitual (de arriba a la izquierda a abajo a la derecha). Derecha: Ejemplo donde se ha alterado el orden de lectura, mediante el uso de diferentes cuerpos, variables y alineaciones.
  • 23. Secuencia de lectura Toda pieza de diseño posee un orden de lectura secuencial a partir del trabajo con las jerarquías tipográficas. La secuencia temporal de lectura se suma así a los elementos gráficos convencionales aportándole a la composición una mayor intensidad rítmica.
  • 24. Un ejemplo ya clásico de secuencia cinemática es la campaña de carteles realizada por Cassandre para Dubonnet, en 1932. En la secuencia el dibujo lineal va transformándose en uno a todo color. El elemento tipográfico adquiere en cada paso diferentes significados