Your SlideShare is downloading. ×
0
T i P O G R A F í A S Código Fonético y Código Visual
Escrituras antiguas <ul><li>Código Fonético con símbolos   </li></ul><ul><ul><li>Pictograma : Símbolo representativo </li>...
Escrituras antiguas <ul><li>Código Fonético con símbolos   </li></ul><ul><ul><li>Jeroglíficos Egipcios, formado por  picto...
Escrituras antiguas <ul><li>Código Fonético con símbolos   </li></ul><ul><ul><li>Símbolos Cretenses ( 1600-1100 a.C.) </li...
Escrituras antiguas <ul><li>Código Fonético con símbolos   </li></ul><ul><ul><li>Inscripciones Griegas  </li></ul></ul><ul...
¿Qué es la Tipografía? <ul><ul><li>Alfabeto  proviene del griego “Alpha y Beta” así como para nosotros el  Abecedario  pro...
Anatomía de la Letra
Anatomía de la Letra <ul><ul><li>ALTURA DE LAS MAYÚSCULAS Es la altura de las letras de caja alta de una fuente, tomada de...
¿Qué es la Tipografía en el diseño? <ul><ul><li>La esencia del buen diseño gráfico consiste en comunicar por medio de la p...
¿Qué son las Familias Tipográficas? <ul><ul><li>Una familia tipográfica es un grupo de signos escriturales que comparten r...
Clasificación <ul><ul><li>Clasificaciones ATypI   La ATYPI (Asociación Tipográfica Internacional,  http: //www . atypi . o...
Clasificación <ul><ul><li>Clasificaciones ATypI   Esta clasificación está relacionada también con la evolución de las fami...
Clasificación <ul><ul><li>Clasificaciones DIN 16518-ATypI   </li></ul></ul>
Clasificación <ul><ul><li>Romanas   Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan ...
Clasificación <ul><ul><li>Romanas   </li></ul></ul><ul><ul><li>Times, Caslon, Garamond, Palatino </li></ul></ul><ul><ul><u...
Clasificación <ul><ul><li>Palo Seco </li></ul></ul><ul><ul><li>Las fuentes Palo Seco se caracterizan por reducir los carac...
Clasificación <ul><ul><li>Palo Seco </li></ul></ul><ul><ul><ul><li>Futura, Avant Garde, Kabel, Eras </li></ul></ul></ul><u...
Clasificación <ul><ul><li>Rotuladas o Script </li></ul></ul><ul><ul><li>Las fuentes rotuladas advierten más o menos claram...
Clasificación <ul><ul><li>Rotuladas o Scrip </li></ul></ul><ul><ul><li>  Commercial Script, Zapf Chancery </li></ul></ul><...
Clasificación <ul><ul><li>Decorativas </li></ul></ul><ul><ul><li>Estas fuentes no fueron concebidas como tipos de texto, s...
Clasificación <ul><ul><li>Decorativas </li></ul></ul><ul><ul><li>  Neon, Croissant, Buster </li></ul></ul><ul><ul><li>Bauh...
Variantes de Familia <ul><ul><li>Dentro de cada familia, las variables tipográficas permiten obtener diferentes soluciones...
Variantes de Familia <ul><ul><li>Mayúsculas (altas) TIPOGRAFÍA </li></ul></ul><ul><ul><li>Minúsculas (bajas) tipografía </...
Familias Tipográficas <ul><ul><li>Garamond </li></ul></ul><ul><ul><li>Es una letra de tipo romano, creada por Claudio Gara...
Familias Tipográficas <ul><ul><li>Baskerville </li></ul></ul><ul><ul><li>John Baskerville (1706-1775) mejoró los modelos h...
Familias Tipográficas <ul><ul><li>Times </li></ul></ul><ul><ul><li>Los tipos Times New Roman, fueron diseñados en 1923 por...
Familias Tipográficas <ul><ul><li>Helvetica </li></ul></ul><ul><ul><li>Edouard Hoffmann de la fundición Suiza Hass, en col...
Tipos y textos <ul><ul><li>Ínter letrado </li></ul></ul><ul><ul><li>La palabra es una sucesión de letras. Una palabra está...
Tipos y textos <ul><ul><li>U n i v e r si d a d  T e c n o l  ó g i c a  M e t r o p o l i t a n a </li></ul></ul><ul><ul>...
Tipos y textos <ul><ul><li>Interlineado </li></ul></ul><ul><ul><li>Una línea de texto esta formada por palabras sucesivas....
Tipos y textos <ul><ul><li>Interlineado </li></ul></ul><ul><ul><li>Las palabras no deben exceder el espaciado entre sí, co...
Upcoming SlideShare
Loading in...5
×

Tipografia

6,293

Published on

Published in: Design, Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,293
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
286
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Transcript of "Tipografia"

  1. 1. T i P O G R A F í A S Código Fonético y Código Visual
  2. 2. Escrituras antiguas <ul><li>Código Fonético con símbolos </li></ul><ul><ul><li>Pictograma : Símbolo representativo </li></ul></ul><ul><ul><li>Ideograma: Imágenes e ideas para construir un contenido </li></ul></ul><ul><ul><li>Transición : Los símbolos se estilizan y paulatinamente comienzan a asociarse las formas con sonidos del lenguaje hablado </li></ul></ul><ul><ul><li>Fonograma: Uso de signos formales y abstractos que corresponden a sonidos </li></ul></ul>
  3. 3. Escrituras antiguas <ul><li>Código Fonético con símbolos </li></ul><ul><ul><li>Jeroglíficos Egipcios, formado por pictogramas y posteriormente ideogramas. </li></ul></ul>
  4. 4. Escrituras antiguas <ul><li>Código Fonético con símbolos </li></ul><ul><ul><li>Símbolos Cretenses ( 1600-1100 a.C.) </li></ul></ul><ul><ul><li>Jeroglíficos Egeos </li></ul></ul><ul><ul><li>(1700 a. C.) </li></ul></ul>
  5. 5. Escrituras antiguas <ul><li>Código Fonético con símbolos </li></ul><ul><ul><li>Inscripciones Griegas </li></ul></ul><ul><ul><li>siglo III a. C. </li></ul></ul><ul><ul><li>Mayúsculas esculpidas en </li></ul></ul><ul><ul><li>piedra en Rávena, Italia. </li></ul></ul><ul><ul><li>Siglo I d. C. </li></ul></ul>
  6. 6. ¿Qué es la Tipografía? <ul><ul><li>Alfabeto proviene del griego “Alpha y Beta” así como para nosotros el Abecedario proviene de “a,b,c,d” </li></ul></ul><ul><ul><li>Procedimiento de composición con tipos móviles y de impresión con formas en relieve de materiales rígidos. </li></ul></ul><ul><ul><li>Tipografía – tipos móviles – invento de Gutemberg. </li></ul></ul>
  7. 7. Anatomía de la Letra
  8. 8. Anatomía de la Letra <ul><ul><li>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. </li></ul></ul><ul><ul><li>ALTURA X Es la altura de las letras de caja baja excluyendo los ascendentes y los descendentes. </li></ul></ul><ul><ul><li>ANILLO Asta curva cerrada que encierra el blanco interno en letras tales como en la b, la p o la o. </li></ul></ul><ul><ul><li>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. </li></ul></ul><ul><ul><li>BLANCO INTERNO Espacio en blanco contenido dentro de un anillo u ojal. </li></ul></ul><ul><ul><li>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. </li></ul></ul><ul><ul><li>LÍNEA DE BASE La línea sobre la que se apoya la altura X. </li></ul></ul><ul><ul><li>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. </li></ul></ul><ul><ul><li>SERIF, REMATE O GRACIA Trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del carácter, habiendo alfabetos que carecen de ellos. </li></ul></ul>
  9. 9. ¿Qué es la Tipografía en el diseño? <ul><ul><li>La esencia del buen diseño gráfico consiste en comunicar por medio de la palabra escrita, combinada a menudo con un dibujo o con fotografías. A lo largo de los siglos, el arte de exhibir la palabra escrita ha evolucionado hasta ser un campo sofisticado del diseño gráfico. Las palabras y las imágenes que éstas crean, vienen en muchos estilos. Cada letra de una palabra puede verse como una ilustración, y el trabajo del diseñador consiste en escoger las letras de molde correctas para comunicar el mensaje en forma correcta a su idea. </li></ul></ul>
  10. 10. ¿Qué son las Familias Tipográficas? <ul><ul><li>Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios. </li></ul></ul><ul><ul><li>Se miden por medio de PUNTOS (pts.) </li></ul></ul>
  11. 11. Clasificación <ul><ul><li>Clasificaciones ATypI La ATYPI (Asociación Tipográfica Internacional, http: //www . atypi . org/ ), con objeto de establecer una clasificación general de las familias tipográficas, realizó en 1964 una adaptación de la clasificación de Maximilien Vox, conocida comoVOX-ATypI. </li></ul></ul>
  12. 12. Clasificación <ul><ul><li>Clasificaciones ATypI Esta clasificación está relacionada también con la evolución de las familias tipográficas a lo largo de la historia, aunque modifica ciertos elementos de la clasificación de VOX.. </li></ul></ul>
  13. 13. Clasificación <ul><ul><li>Clasificaciones DIN 16518-ATypI </li></ul></ul>
  14. 14. Clasificación <ul><ul><li>Romanas Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad. </li></ul></ul><ul><ul><ul><ul><ul><li>Serif. Con patines o remates </li></ul></ul></ul></ul></ul>
  15. 15. Clasificación <ul><ul><li>Romanas </li></ul></ul><ul><ul><li>Times, Caslon, Garamond, Palatino </li></ul></ul><ul><ul><ul><li>Baskerville, Caledonia, Founier </li></ul></ul></ul><ul><ul><ul><li>Didot, Bodoni, Fenice </li></ul></ul></ul><ul><ul><ul><li>Lubalin, Atymie </li></ul></ul></ul><ul><ul><ul><ul><ul><li>Alinea, Baltra </li></ul></ul></ul></ul></ul>
  16. 16. Clasificación <ul><ul><li>Palo Seco </li></ul></ul><ul><ul><li>Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo. </li></ul></ul><ul><ul><li>San Serif o Sans. Sin patines </li></ul></ul>
  17. 17. Clasificación <ul><ul><li>Palo Seco </li></ul></ul><ul><ul><ul><li>Futura, Avant Garde, Kabel, Eras </li></ul></ul></ul><ul><ul><ul><li>Helvetica, Univers </li></ul></ul></ul><ul><ul><ul><li>Gill Sans </li></ul></ul></ul>
  18. 18. Clasificación <ul><ul><li>Rotuladas o Script </li></ul></ul><ul><ul><li>Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador. </li></ul></ul>
  19. 19. Clasificación <ul><ul><li>Rotuladas o Scrip </li></ul></ul><ul><ul><li> Commercial Script, Zapf Chancery </li></ul></ul><ul><ul><li>Old English, Fraktur, Wedding Text </li></ul></ul><ul><ul><li>Brush, Mistral, Balloon </li></ul></ul>
  20. 20. Clasificación <ul><ul><li>Decorativas </li></ul></ul><ul><ul><li>Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado. </li></ul></ul>
  21. 21. Clasificación <ul><ul><li>Decorativas </li></ul></ul><ul><ul><li> Neon, Croissant, Buster </li></ul></ul><ul><ul><li>Bauhaus, Art Deco, Broadway </li></ul></ul>
  22. 22. Variantes de Familia <ul><ul><li>Dentro de cada familia, las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constituyen alfabetos alternativos dentro de la misma familia, manteniendo un criterio de diseño que las &quot;emparenta&quot; entre sí. </li></ul></ul>
  23. 23. Variantes de Familia <ul><ul><li>Mayúsculas (altas) TIPOGRAFÍA </li></ul></ul><ul><ul><li>Minúsculas (bajas) tipografía </li></ul></ul><ul><ul><li>Versalitas y versalitas T IPOGRAFÍA </li></ul></ul><ul><ul><li>Normal (plan) Tipografía </li></ul></ul><ul><ul><li>Light Tipografía </li></ul></ul><ul><ul><li>Bold Tipografía </li></ul></ul><ul><ul><li>Heavy Tipografía </li></ul></ul><ul><ul><li>Italic Tipografía </li></ul></ul><ul><ul><li>Bold,Italic Tipografía </li></ul></ul><ul><ul><li>Condensada Tipografía </li></ul></ul><ul><ul><li>Extendida Tipografía </li></ul></ul>
  24. 24. Familias Tipográficas <ul><ul><li>Garamond </li></ul></ul><ul><ul><li>Es una letra de tipo romano, creada por Claudio Garamond (1480-1561) en el año de 1535 en París, se dedico al estudio de los caracteres, liberó al diseño de tipos de la dependencia que habían tenido de las formas caligráficas, permitiendo así el desarrollar la forma de las letras. </li></ul></ul>
  25. 25. Familias Tipográficas <ul><ul><li>Baskerville </li></ul></ul><ul><ul><li>John Baskerville (1706-1775) mejoró los modelos holandeses y creó los tipos Baskerville, sus diseños tipográficos son el mejor ejemplo del estilo transicional, pues fueron el puente de unión entre el estilo romano clásico y el moderno. </li></ul></ul>
  26. 26. Familias Tipográficas <ul><ul><li>Times </li></ul></ul><ul><ul><li>Los tipos Times New Roman, fueron diseñados en 1923 por Stanley Morrison (1899-1967) para el rediseño del diario The Times, especialmente pensados para la impresión de periódicos. </li></ul></ul>
  27. 27. Familias Tipográficas <ul><ul><li>Helvetica </li></ul></ul><ul><ul><li>Edouard Hoffmann de la fundición Suiza Hass, en colaboración con Max Mirdinger, realizaron en 1957 el diseño de un nuevo tipo sin patines, llamado palo seco. Se le denominó Hass Grotesque, pero al producirse este tipo en la fundidora Stemple en 1961, los alemanes la llamaron Helvética. </li></ul></ul>
  28. 28. Tipos y textos <ul><ul><li>Ínter letrado </li></ul></ul><ul><ul><li>La palabra es una sucesión de letras. Una palabra está bien espaciada si el ojo reconoce armonía y equilibrio entre las formas de las letras y las superficies que se encuentran en su entorno, es decir, entre plenos (negros) o vacíos (blancos). El resultado de este equilibrio es un “gris uniforme”, esto es una secuencia sin interrupciones. </li></ul></ul>
  29. 29. Tipos y textos <ul><ul><li>U n i v e r si d a d T e c n o l ó g i c a M e t r o p o l i t a n a </li></ul></ul><ul><ul><li>Ínter letrado </li></ul></ul><ul><ul><li>Universidad Tecnol ógica Metropolitana </li></ul></ul>
  30. 30. Tipos y textos <ul><ul><li>Interlineado </li></ul></ul><ul><ul><li>Una línea de texto esta formada por palabras sucesivas. Esta debe ser cuidadosamente tratada para facilitar la lectura. Las palabras no deben exceder el espaciado entre sí, como así tampoco debe ser demasiado estrecho. ya que este debe apuntar a producir intervalos que permitan leer todas las palabras con la misma intensidad. </li></ul></ul>
  31. 31. Tipos y textos <ul><ul><li>Interlineado </li></ul></ul><ul><ul><li>Las palabras no deben exceder el espaciado entre sí, como así tampoco debe ser demasiado estrecho. ya que este debe apuntar a producir intervalos que permitan leer todas las palabras con la misma intensidad. </li></ul></ul><ul><ul><li>Las palabras no deben exceder el espaciado entre sí, como así tampoco debe ser demasiado estrecho. ya que este debe apuntar a producir intervalos que permitan leer todas las palabras con la misma intensidad. </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×