SlideShare a Scribd company logo
1 of 28
Tipografía
Aspectos sensibles y geométricos
El hombre existe comunicando y
supera distancias en el tiempo y
en el espacio, utilizando
preferentemente como medios
los signos visuales de
transcripción fonética.

La escritura, ha hecho
perdurable el
conocimiento del
hombre.
• La escritura alfabética es un
  sistema de signos cuya misión es
  la de superar las limitaciones
  esenciales de la palabra,
  traduciendo ésta del canal
  sensorial acústico al óptico.

• Las inscripciones de palabras
  implican la necesidad de un código
  de transcripción gráfica del
  lenguaje que se adapte a los
  mecanismos fisiológicos de la
  visión.
Objetivos:
• Aportar unos resultados básicos sobre
  fundamentos ópticos de la visión necesarios
  para una mejora de la higiene del proceso de
  lectura.
De ningún modo debe plantearse que el ojo
tenga que adaptarse a las imperfecciones que
conllevan los nuevos medios técnicos.

La creación de signos de escritura útiles al hombre
debe estar determinada en términos ergonómicos,
encaminados hacia la optimización del
proceso de lectura, asentando su
configuración sobre la conexión
entre forma y legibilidad.
• La Tipografía debe estar determinada por su finalidad práctica
  precisa: la transmisión de información a través de formas
  visuales.

                                Criterio básico




                      Composición
                      Determinada



       Fisiología del ojo                         Fundamentos
           humano.                                  visuales.

                             Recepción óptima
                                 del texto.
• Función ergonómica del Diseño Gráfico: la
  configuración y coordinación del texto
  favoreciendo su absorción por parte del
  lector.
• En el proceso de configuración de caracteres
  tipográficos, debe atenderse a la estructura
  esencial y primaria de los signos alfabéticos,
  así como aspectos relacionados con la
  percepción y la legibilidad que solucionen los
  problemas que nuestros mecanismos visuales
  nos hacen sufrir en el proceso de lectura.

• Las letras también están sujetas a leyes
  ópticas.
• La legibilidad puede definirse como la
  capacidad para diferenciar un signo de otro,
  en un diseño tipográfico particular, pudiendo
  leer y comprender un cierto número de
  palabras en un periodo de tiempo establecido.
(algunas) Variables:
•   La Luz.
•   Contraste claro-oscuro.
•   El color.
•   La distancia de lectura entre el lector y el soporte tipográfico.
•   El conocimiento e influencia de la arquitectura tipográfica de
    las letras.
•   El tamaño.
•   La forma y sus variaciones.
•   Las aberraciones ópticas.
•   Etc.
Geometría
• Nuestra percepción sensible, es superior a la
  construcción geométrica, siendo ella la que
  determina el equilibrio en la confrontación de
  blanco y negro o fondo y figura.
• Es por ello que la configuración de formas
  tipográficas, adecuadas ergonómicamente
  para la optimización del proceso de lectura,
  no puede ser construida geométricamente.
• La visión requiere de correcciones ópticas o
  adaptaciones ergonómicas en la configuración
  tipográfica debido a los problemas visuales
  que plantean las ilusiones ópticas.
• Observando los dos cuadrados de igual superficie, uno blanco
  y otro negro, el primero nos parece de mayor dimensión. Esta
  característica es fundamental a la hora de analizar una
  configuración tipográfica en la que haya un blanco interno, a
  fin de mantener la armonía en el claro-oscuro de cada letra.
• En esta imagen se aprecia como en una serie de cuadrados
  negros aparecen zonas o manchas grises entre las
  intersecciones de cada cuadrado. Este efecto es debido a que
  el valor luminoso que desprenden los cuadrados tiende a
  prolongarse virtualmente. (nudos ópticos)
• En el blanco interno de los signos tipográficos
  nuestra vista se expande hacia los bordes,
  aumentando ópticamente la superficie.
• Al coincidir líneas curvas con rectas o con otras curvas, así
  como dos líneas oblicuas se producen nudos, es decir, una
  forma no homogénea en cuanto a su regularidad en el color, a
  no ser que sea corregido.
  Para solucionar esto es necesario estrechar los trazos en los
  puntos de conjunción, e incluso disminuir el grosor del asta.
• Otro ejemplo de la atracción e influencia del
  blanco en nuestra visión es el siguiente. Entre
  dos letras de igual tamaño, se produce el
  efecto de que el recuadro mayor produce que
  la letra en su interior parezca más pequeña.
• Por efecto óptico, con un mismo grosor, los trazos horizontales se aprecian
  visualmente más gruesos que los trazos verticales, y por ello es necesario
  la pertinente disminución del espesor de éstos. La diferencia de grosor
  entre los trazos horizontales y verticales de los signos tipográficos tiene su
  origen en el interés por acentuar el equilibrio visual. En general, el ojo
  tiende a ampliar los elementos horizontales y a aminorar los verticales.
Si comparamos dos trazos verticales de igual
anchura, tenderemos a apreciar el más
corto como ligeramente más ancho.
Este efecto óptico puede        La corrección óptica que se
apreciarse en aquellas letras   requiere es la disminución de
que porten brazos cortos con    la anchura de los brazos
respecto de astas curvas        cortos, a fin de equilibrar
mayores, como son la C,G, S.    ópticamente el signo
                                tipográfico.
• En las letras con formas circulares (O, Q) y al
  objeto de evitar que las mismas parezcan más
  anchas que altas, debemos evitar
  configurarlas como un círculo perfecto.
• A la izquierda, un cuadrado configurado con trazos
  horizontales y verticales de igual espesor. Debido al
  efecto óptico que produce un desequilibrio en la
  apreciación de anchura de la horizontal con respecto
  a la vertical, sería necesario para equilibrar sus
  partes estructurales disminuir sensiblemente la
  anchura de los trazos horizontales.
• Comparando dos cuadrados sensibilizados mediante líneas
  horizontales y líneas verticales, el primero parece más alto y
  estrecho y los trazos negros más gruesos. El segundo,
  realizado con trazos verticales, parece ópticamente menor en
  altura y más ancho, apreciándose sus trazos negros más
  sutiles.
• La exacta bisección geométrica horizontal de una
  superficie da como resultado una mitad superior que
  parece, ópticamente, más grande que la inferior.
  Resultarán dos partes iguales al ojo, si se realiza la
  división horizontal por encima del centro geométrico,
  o sea, en el llamado centro óptico.
• La construcción geométrica paralela de un
  asta vertical, produce la ilusión óptica de
  ensanchamiento en su centro, por lo que es
  necesario curvar ligeramente las rectas hacia
  dentro.
• Siendo las líneas de un mismo grosor, las horizontales parecen
  más anchas que las verticales. Para conseguir astas y brazos
  horizontales que parezcan ópticamente de la misma anchura,
  su grosor debe de ser inferior a la de las verticales.




    Este caso se nos presenta en todas las letras que contengan
    trazos verticales y horizontales (E, F, L, T, H)
• En la configuración geométrica de algunas letras, la unión de
  astas verticales, horizontales y oblicuas, del mismo grosor,
  produce "nudos" o manchas negras, es decir, una forma no
  homogénea en cuanto a su regularidad en el color.




• Para solucionar esta aberración óptica, por ejemplo en el caso
  de la letra M, es necesario estrechar los trazos en los puntos
  de conjunción, e incluso disminuir la fuerza del asta en
  general.
• Siendo las líneas de un mismo grosor, las horizontales
  parecen más anchas que las verticales. Para conseguir
  astas y brazos horizontales que parezcan ópticamente
  de la misma anchura, su grosor debe de ser inferior a la
  de las verticales.




•   Este principio no solo afecta a las formas rectas sino también a las curvas, que
    tienen que ser en su punto horizontal más ancho, de un grosor superior al de
    las correspondientes verticales (B, C, D, G, P, R, S).
FIN.
•
•
    Bibliografía:
    http://bit.ly/Jg5SNf (Sensibilización 1) tipografia.com.co
•   http://bit.ly/Jg5SNf (Manual del perfecto “democratizador” tipográfico. )
    unostipoduros.com
•   Apuntes de clase provistos por la Docente.
•   Todas las imágenes y marcas aquí presente pertenecen a sus respectivos
    dueños. Obtenidas de internet.


              ISET. Tipografía 2012.

More Related Content

What's hot

Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formas
RITA
 
Tipografia
TipografiaTipografia
Tipografia
danysc
 
Orientaciones para hacer un cartel
Orientaciones para hacer un cartelOrientaciones para hacer un cartel
Orientaciones para hacer un cartel
Inma Contreras
 
Variaciones y significado de la formas.
Variaciones y significado de la formas.Variaciones y significado de la formas.
Variaciones y significado de la formas.
silviosa_
 
Perpectiva elementos
Perpectiva elementosPerpectiva elementos
Perpectiva elementos
avutarda00
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
alexabarrero
 

What's hot (20)

planos seriados
planos seriadosplanos seriados
planos seriados
 
Plano y sus formas
Plano y sus formasPlano y sus formas
Plano y sus formas
 
Tipografia
TipografiaTipografia
Tipografia
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Equilibrio y tensión
Equilibrio y tensiónEquilibrio y tensión
Equilibrio y tensión
 
Elementos diseño
Elementos diseñoElementos diseño
Elementos diseño
 
Orientaciones para hacer un cartel
Orientaciones para hacer un cartelOrientaciones para hacer un cartel
Orientaciones para hacer un cartel
 
Variaciones y significado de la formas.
Variaciones y significado de la formas.Variaciones y significado de la formas.
Variaciones y significado de la formas.
 
Diseño de logotipos
Diseño de logotiposDiseño de logotipos
Diseño de logotipos
 
Psicologia del color
Psicologia del colorPsicologia del color
Psicologia del color
 
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.
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visual
 
Refuerzo semántico
Refuerzo semánticoRefuerzo semántico
Refuerzo semántico
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Perpectiva elementos
Perpectiva elementosPerpectiva elementos
Perpectiva elementos
 
Presentacion familia tipograficas
Presentacion familia tipograficasPresentacion familia tipograficas
Presentacion familia tipograficas
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Anomalia
AnomaliaAnomalia
Anomalia
 
3º ESO Comunicacion visual pag 18 completo
3º ESO Comunicacion visual pag 18 completo3º ESO Comunicacion visual pag 18 completo
3º ESO Comunicacion visual pag 18 completo
 

Viewers also liked (9)

Manual de letras
Manual de letrasManual de letras
Manual de letras
 
01rq
01rq01rq
01rq
 
Visión tipográfica
Visión tipográfica Visión tipográfica
Visión tipográfica
 
Proporción · Ergonomía y anatomía en interfaces modernas
Proporción · Ergonomía y anatomía en interfaces modernasProporción · Ergonomía y anatomía en interfaces modernas
Proporción · Ergonomía y anatomía en interfaces modernas
 
Leyes Opticas
Leyes OpticasLeyes Opticas
Leyes Opticas
 
TipografíA
TipografíATipografíA
TipografíA
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
 
Elementos primarios (punto, linea, planos...
Elementos primarios (punto, linea, planos...Elementos primarios (punto, linea, planos...
Elementos primarios (punto, linea, planos...
 
Repaso de geometria
Repaso de geometriaRepaso de geometria
Repaso de geometria
 

Similar to Tipografía

Jaramillo entesdecomposicion
Jaramillo entesdecomposicionJaramillo entesdecomposicion
Jaramillo entesdecomposicion
Anamary Jaramillo
 
Nf2a encuadre composición y regla de los tercios
Nf2a encuadre composición y regla de los terciosNf2a encuadre composición y regla de los tercios
Nf2a encuadre composición y regla de los tercios
Miguel García Serrano
 
Guilcapi entesdelacomposicion
Guilcapi entesdelacomposicionGuilcapi entesdelacomposicion
Guilcapi entesdelacomposicion
Luis guilcapi
 
Guilcapi entesdelacomposicion1
Guilcapi entesdelacomposicion1Guilcapi entesdelacomposicion1
Guilcapi entesdelacomposicion1
Luis guilcapi
 
5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibi...
5.1.1 Columnas_  5.1.2. Percepción en la lectura_  5.1.3 Criterios de legibi...5.1.1 Columnas_  5.1.2. Percepción en la lectura_  5.1.3 Criterios de legibi...
5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibi...
GabyVelazquez18
 

Similar to Tipografía (20)

La palabra
La palabraLa palabra
La palabra
 
Ensayo: Composición y tipografia
Ensayo: Composición y tipografiaEnsayo: Composición y tipografia
Ensayo: Composición y tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
Legibilidad
LegibilidadLegibilidad
Legibilidad
 
La regla aurea
La regla aureaLa regla aurea
La regla aurea
 
Jaramillo entesdecomposicion
Jaramillo entesdecomposicionJaramillo entesdecomposicion
Jaramillo entesdecomposicion
 
Nf2a encuadre composición y regla de los tercios
Nf2a encuadre composición y regla de los terciosNf2a encuadre composición y regla de los tercios
Nf2a encuadre composición y regla de los tercios
 
Librolettering2
Librolettering2Librolettering2
Librolettering2
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Taller n°1
Taller n°1Taller n°1
Taller n°1
 
Semana 9
Semana 9Semana 9
Semana 9
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
EG1 adam novio
EG1 adam novioEG1 adam novio
EG1 adam novio
 
Guilcapi entesdelacomposicion
Guilcapi entesdelacomposicionGuilcapi entesdelacomposicion
Guilcapi entesdelacomposicion
 
Guilcapi entesdelacomposicion1
Guilcapi entesdelacomposicion1Guilcapi entesdelacomposicion1
Guilcapi entesdelacomposicion1
 
5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibi...
5.1.1 Columnas_  5.1.2. Percepción en la lectura_  5.1.3 Criterios de legibi...5.1.1 Columnas_  5.1.2. Percepción en la lectura_  5.1.3 Criterios de legibi...
5.1.1 Columnas_ 5.1.2. Percepción en la lectura_ 5.1.3 Criterios de legibi...
 
Grilla
GrillaGrilla
Grilla
 
El lenguaje visual y elementos
El lenguaje visual y elementosEl lenguaje visual y elementos
El lenguaje visual y elementos
 
Taller Tipografía
Taller TipografíaTaller Tipografía
Taller Tipografía
 

Tipografía

  • 2. El hombre existe comunicando y supera distancias en el tiempo y en el espacio, utilizando preferentemente como medios los signos visuales de transcripción fonética. La escritura, ha hecho perdurable el conocimiento del hombre.
  • 3. • La escritura alfabética es un sistema de signos cuya misión es la de superar las limitaciones esenciales de la palabra, traduciendo ésta del canal sensorial acústico al óptico. • Las inscripciones de palabras implican la necesidad de un código de transcripción gráfica del lenguaje que se adapte a los mecanismos fisiológicos de la visión.
  • 4. Objetivos: • Aportar unos resultados básicos sobre fundamentos ópticos de la visión necesarios para una mejora de la higiene del proceso de lectura.
  • 5. De ningún modo debe plantearse que el ojo tenga que adaptarse a las imperfecciones que conllevan los nuevos medios técnicos. La creación de signos de escritura útiles al hombre debe estar determinada en términos ergonómicos, encaminados hacia la optimización del proceso de lectura, asentando su configuración sobre la conexión entre forma y legibilidad.
  • 6. • La Tipografía debe estar determinada por su finalidad práctica precisa: la transmisión de información a través de formas visuales. Criterio básico Composición Determinada Fisiología del ojo Fundamentos humano. visuales. Recepción óptima del texto.
  • 7. • Función ergonómica del Diseño Gráfico: la configuración y coordinación del texto favoreciendo su absorción por parte del lector.
  • 8. • En el proceso de configuración de caracteres tipográficos, debe atenderse a la estructura esencial y primaria de los signos alfabéticos, así como aspectos relacionados con la percepción y la legibilidad que solucionen los problemas que nuestros mecanismos visuales nos hacen sufrir en el proceso de lectura. • Las letras también están sujetas a leyes ópticas.
  • 9. • La legibilidad puede definirse como la capacidad para diferenciar un signo de otro, en un diseño tipográfico particular, pudiendo leer y comprender un cierto número de palabras en un periodo de tiempo establecido.
  • 10. (algunas) Variables: • La Luz. • Contraste claro-oscuro. • El color. • La distancia de lectura entre el lector y el soporte tipográfico. • El conocimiento e influencia de la arquitectura tipográfica de las letras. • El tamaño. • La forma y sus variaciones. • Las aberraciones ópticas. • Etc.
  • 11. Geometría • Nuestra percepción sensible, es superior a la construcción geométrica, siendo ella la que determina el equilibrio en la confrontación de blanco y negro o fondo y figura. • Es por ello que la configuración de formas tipográficas, adecuadas ergonómicamente para la optimización del proceso de lectura, no puede ser construida geométricamente.
  • 12. • La visión requiere de correcciones ópticas o adaptaciones ergonómicas en la configuración tipográfica debido a los problemas visuales que plantean las ilusiones ópticas.
  • 13. • Observando los dos cuadrados de igual superficie, uno blanco y otro negro, el primero nos parece de mayor dimensión. Esta característica es fundamental a la hora de analizar una configuración tipográfica en la que haya un blanco interno, a fin de mantener la armonía en el claro-oscuro de cada letra.
  • 14. • En esta imagen se aprecia como en una serie de cuadrados negros aparecen zonas o manchas grises entre las intersecciones de cada cuadrado. Este efecto es debido a que el valor luminoso que desprenden los cuadrados tiende a prolongarse virtualmente. (nudos ópticos)
  • 15. • En el blanco interno de los signos tipográficos nuestra vista se expande hacia los bordes, aumentando ópticamente la superficie.
  • 16. • Al coincidir líneas curvas con rectas o con otras curvas, así como dos líneas oblicuas se producen nudos, es decir, una forma no homogénea en cuanto a su regularidad en el color, a no ser que sea corregido. Para solucionar esto es necesario estrechar los trazos en los puntos de conjunción, e incluso disminuir el grosor del asta.
  • 17. • Otro ejemplo de la atracción e influencia del blanco en nuestra visión es el siguiente. Entre dos letras de igual tamaño, se produce el efecto de que el recuadro mayor produce que la letra en su interior parezca más pequeña.
  • 18. • Por efecto óptico, con un mismo grosor, los trazos horizontales se aprecian visualmente más gruesos que los trazos verticales, y por ello es necesario la pertinente disminución del espesor de éstos. La diferencia de grosor entre los trazos horizontales y verticales de los signos tipográficos tiene su origen en el interés por acentuar el equilibrio visual. En general, el ojo tiende a ampliar los elementos horizontales y a aminorar los verticales.
  • 19. Si comparamos dos trazos verticales de igual anchura, tenderemos a apreciar el más corto como ligeramente más ancho. Este efecto óptico puede La corrección óptica que se apreciarse en aquellas letras requiere es la disminución de que porten brazos cortos con la anchura de los brazos respecto de astas curvas cortos, a fin de equilibrar mayores, como son la C,G, S. ópticamente el signo tipográfico.
  • 20. • En las letras con formas circulares (O, Q) y al objeto de evitar que las mismas parezcan más anchas que altas, debemos evitar configurarlas como un círculo perfecto.
  • 21. • A la izquierda, un cuadrado configurado con trazos horizontales y verticales de igual espesor. Debido al efecto óptico que produce un desequilibrio en la apreciación de anchura de la horizontal con respecto a la vertical, sería necesario para equilibrar sus partes estructurales disminuir sensiblemente la anchura de los trazos horizontales.
  • 22. • Comparando dos cuadrados sensibilizados mediante líneas horizontales y líneas verticales, el primero parece más alto y estrecho y los trazos negros más gruesos. El segundo, realizado con trazos verticales, parece ópticamente menor en altura y más ancho, apreciándose sus trazos negros más sutiles.
  • 23. • La exacta bisección geométrica horizontal de una superficie da como resultado una mitad superior que parece, ópticamente, más grande que la inferior. Resultarán dos partes iguales al ojo, si se realiza la división horizontal por encima del centro geométrico, o sea, en el llamado centro óptico.
  • 24. • La construcción geométrica paralela de un asta vertical, produce la ilusión óptica de ensanchamiento en su centro, por lo que es necesario curvar ligeramente las rectas hacia dentro.
  • 25. • Siendo las líneas de un mismo grosor, las horizontales parecen más anchas que las verticales. Para conseguir astas y brazos horizontales que parezcan ópticamente de la misma anchura, su grosor debe de ser inferior a la de las verticales. Este caso se nos presenta en todas las letras que contengan trazos verticales y horizontales (E, F, L, T, H)
  • 26. • En la configuración geométrica de algunas letras, la unión de astas verticales, horizontales y oblicuas, del mismo grosor, produce "nudos" o manchas negras, es decir, una forma no homogénea en cuanto a su regularidad en el color. • Para solucionar esta aberración óptica, por ejemplo en el caso de la letra M, es necesario estrechar los trazos en los puntos de conjunción, e incluso disminuir la fuerza del asta en general.
  • 27. • Siendo las líneas de un mismo grosor, las horizontales parecen más anchas que las verticales. Para conseguir astas y brazos horizontales que parezcan ópticamente de la misma anchura, su grosor debe de ser inferior a la de las verticales. • Este principio no solo afecta a las formas rectas sino también a las curvas, que tienen que ser en su punto horizontal más ancho, de un grosor superior al de las correspondientes verticales (B, C, D, G, P, R, S).
  • 28. FIN. • • Bibliografía: http://bit.ly/Jg5SNf (Sensibilización 1) tipografia.com.co • http://bit.ly/Jg5SNf (Manual del perfecto “democratizador” tipográfico. ) unostipoduros.com • Apuntes de clase provistos por la Docente. • Todas las imágenes y marcas aquí presente pertenecen a sus respectivos dueños. Obtenidas de internet. ISET. Tipografía 2012.