Your SlideShare is downloading. ×
0
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Tipografias
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tipografias

52,786

Published on

Power point visto en clases como introduccion a las tipografias y a la diagramación.

Power point visto en clases como introduccion a las tipografias y a la diagramación.

Published in: Design
7 Comments
86 Likes
Statistics
Notes
No Downloads
Views
Total Views
52,786
On Slideshare
0
From Embeds
0
Number of Embeds
97
Actions
Shares
0
Downloads
3
Comments
7
Likes
86
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. TIPO GRAFIA L E T R A E S T U D I O La tipografía es la disciplina que permite reproducir un mensaje mediante la palabra impresa, que encierra el diseño y la forma de organizar las palabras y oraciones
  • 2. HISTORIA <ul><li>La primera forma de lenguaje escrito es la CUNEIFORME. </li></ul><ul><li>El sistema de escritura cuneiforme deriva de la palabra latina CUNEUS, que significa cuña. Al igual que otros sistemas primitivos de escritura, era de tipo silábico que podía representar una silaba, una palabra o una idea. </li></ul><ul><li>Es muy probable que los egipcios copiaran de los sumerios la idea de los pictogramas para desarrollar su propio sistema de escritura usando los jeroglíficos. </li></ul><ul><li>La escritura JEROGLIFICA era semejante a la cuneiforme, pero los egipcios reconocieron las desventajas de los pictogramas simples ya que no podían describir ideas mas complejas y sofisticadas. </li></ul><ul><li>Como resultado de esto se crearon los IDEOGRAMAS grupos de signos o dibujos abstractos, que por asociación de ideas, podían representar cualquier cosa. Todo esto había descubierto la conexión entre la palabra hablada y la escrita, semilla del LENGUAJE FONETICO. </li></ul>Lenguaje Cuneiforme Jeroglíficos
  • 3. <ul><li>En el año 800a.c, la inlfuencia se difundió a Grecia. </li></ul><ul><li>La palabrtipografía es griega y está formada por las dos primeras letras: ALFA y BETA. </li></ul><ul><li>Un ALFABETO es un sistema de escritura con un único signo visual (letra) para cada sonido, consonante o vocal (aunque las vocales NO existían en los primeros alfabetos), estas pueden combinarse para formar unidades visuales (palabras) que presentan el lenguaje oral. </li></ul><ul><li>Había una gran semejanza entre el alfabeto fenicio y el primer alfabeto griego: el orden, el nombre y la dirección de la escritura era igual (que iba de derecha a izquierda). </li></ul><ul><li>Los ETRUSCOS entre los 250a.c y 500a.c. el legado fue considerable, el alfabeto etrusco sirvió de base al alfabeto romano que usamos hoy en día, que constaba de 23 letras, excluyendo la J, la U y la W que fueron añadidas en la edad media. </li></ul>Alfabeto Griego Evolución Alfabeto Griego
  • 4. <ul><li>A partir del año 500a.c. El alfabeto ROMANO (las letras) se convirtió en un conjunto establecido de signos, en este se empleaban dos tipos principales de letras: Las capitales cuadradas llamadas MAYUSCULAS y las letras se caja baja llamadas MINUSCULAS. </li></ul><ul><li>Las letras romanas se basaban en círculos perfectos y formas lineales equilibradas. Las letras como o, c, p, b, etc. tenían que ser un poco mas grande porque óptimamente parecen mas pequeñas cuando se agrupan en palabras. </li></ul><ul><li>En la primera guerra mundial, el cartel se convirtió en un medio importante para las campañas de reclutamiento de los gobiernos de Gran Bretaña, Alemania y Estados Unidos. </li></ul><ul><li>El uso de tipos de palo seco en negrita domino el diseño de los carteles de guerra en Inglaterra, al igual que la letra gótica lo hizo en Alemania. </li></ul><ul><li>Posteriormente apareció un diseño llamado futura, creación de Paul Renner esta se convirtió en el estilo Palo Seco. </li></ul>Alfabeto Romano
  • 5. CARACTER O CATEGORIA <ul><li>Termino que proviene del griego CHARAKTER equivalente a grabar y que refiere a los signos de escritura, que en tipografía es una unidad portadora de una forma. </li></ul><ul><li>El carácter es la marca que se imprime, transfiere, pinta, esculpe, es la unidad fundamental del lenguaje escrito. </li></ul><ul><li>CAJA es un termino tipográfico con el que se designa a los cajones o gavetas, donde se guardan de manera ordenada los tipos. </li></ul><ul><li>Originalmente la caja española, divide a las mayúsculas en la parte alta y las minúsculas en la parte baja. </li></ul>Caja Cuerpo Óptico Palo Línea de Cabeza Contra Punzón Perfil Pie Línea de Pie Remate o Serif Espesor
  • 6. ASTA DESCENDENTE ALTAS (caja alta) BAJAS (caja baja) ASTA ASCENDENTE A B C E D <ul><li>.- LINEA BASE: Determina la linealidad del conjunto, en esta línea se asientan la base de las altas, bajas, números y otros símbolos. </li></ul><ul><li>B.- LINEA MEDIA: Proporciona la altura que tendrá la caja baja, sin sus ascendentes o descendentes. </li></ul><ul><li>C.- LINEA DE LAS ALTAS: Determina la altura de los caracteres de la caja alta, que se mide desde la línea base y representa el cuerpo de las altas. En algunos casos esta puede coincidir con la línea ascendente. </li></ul><ul><li>D.- LINEA ASCENDENTE: La cual limita el recorrido que hacen los trazos de la caja baja, que se extiende por encima de la línea media, esas porciones se denominan ascendentes o ascenso, como es en el caso de la b,d,f,h,k,k,l y t. </li></ul><ul><li>E.- LINEA DESCENDENTE: limita la altura de los descendentes, como se denomina a la parte de una letra baja que se extiende por debajo de la línea base, como es el caso de la g,j,p,q,y. </li></ul>
  • 7. SERIF o remate LAPIDARIO CLASICO VENECIANO EGIPCIO BODONIANO MODERNO PALO SECO <ul><li>Existen tres grupos de letras de imprenta: con serif, con serif en losa y a palo seco. </li></ul><ul><li>Tradicionalmente se afirmaría que la única serif verdadera es la que se basa en la curva perfecta de un circulo perfecto y termina en un punto todas las demás caerían en la categoría de serif en losa. </li></ul><ul><li>Las letras a palo seco no se usan con frecuencia en textos muy largos ya que hoy se acepta que el fluir del serif facilita la lectura del texto impreso. </li></ul>
  • 8. <ul><li>Cada tipo o fuente tiene sus propias características y personalidad, que permite expresar diferentes notas visuales, unas mas fuertes, débiles, sutiles, refinadas, toscas, geométricas y orgánicas. </li></ul><ul><li>Este tipo para texto con mayor éxito comercial de toda la historia, diseñada en 1932 por el ingles Stanley Morison para el periódico The Times. </li></ul><ul><li>Las cualidades de Times New Roman y los numerosos pesos y anchos, cursivas, fuentes especiales de titilación y otras variaciones la convierten en la primera elección para una fuente de texto. </li></ul><ul><li>Este tipo tiene el peso suficiente para soportar los efectos de una impresión de baja calidad o la reproducción sobre los papeles como el de prensa. </li></ul>TIPOS O FUENTES TIMES NEW ROMAN Ancha Trazos terminales encuadrados Brazo y travesaños largos Trazo terminal elevado Sin descendente Ojal grande Cola delgada Ojal amplio Gran altura-x Ascendente corta Modulación oblicua Descendentes cortas Muy abierta Sin descendente Gran altura-x Unión escalonada Brazos con trazos
  • 9. <ul><li>Creada por el diseñador tipográfico Paul Renner en 1928, futura es la mas famosa y popular de las fuentes de palo seco. </li></ul><ul><li>No es una fuente particularmente indicada para la composición de textos continuos y es mejor empleada en composiciones breves. </li></ul><ul><li>El tipo futura se presenta en una gama enorme de pesos, anchos y cursivas. </li></ul>FUTURA Vértice puntiagudo Remates verticales gran abertura Travesaño medio elevado Diseño ancho y geométrico Remate angular Vértices puntiagudos Cola recta y angular Remates angulares Ascendentes largas Remate plano, Ojal abierto Sin rizo Hombre delgado Circulo perfecto Sin pie Vértice puntiagudo Asta ligeramente curvada Remates planos Remate angular
  • 10. <ul><li>Popular tipo ocupado en Francia tallado en sus orígenes por Claude Garamond en 1530. </li></ul><ul><li>Ligera, este tipo presenta mayor contraste entre los trazos gruesos y finos, posee trazos terminales cóncavos y encuadrados, su totalidad de la fuente resulta elegante y armoniosa. </li></ul><ul><li>gama enorme de pesos, anchos y cursivas. </li></ul>GARAMOND Sin rizo Vértice oblicuo, trazos terminales cóncavos Parte superior angulosa Trazo terminal único Sin uña Ojal abierto Cola corta Pie horizontal Trazos terminales dobles,y no paralelos Astas cruzadas trazos terminales que no se tocan Cabeza y cuerpo angular Modulación y trazos terminales oblicuos Descendente de longitud media Oreja horizontal Pico delgado Asta recta y fina Asta extendida Pie rizado hacia el interior sobre posición
  • 11. <ul><li>Es una tipografía desarrollada por Max Miedinger en 1957 </li></ul><ul><li>Es de estilo sencillo y del tipo sans serif o sin remates. </li></ul><ul><li>La helvética es una tipografía que esta a la mitad de las tipografías llamadas humanistas o sea de formas redondeadas y las totalmente geométricas.Por su legibilidad es muy ocupada en titulares. </li></ul><ul><li>Desde la helvética surgen tipografías como la arial, ya que se basa en su forma. </li></ul>HELVETICA Ojal abierto
  • 12. <ul><li>TAMAÑO </li></ul><ul><li>Los caracteres tipográficos se miden en puntos. </li></ul><ul><li>En 1 pulgada (25mm) hay aproximadamente 72 puntos. </li></ul><ul><li>Los puntos de funden generalmente en tamaños estandarizados que partes de los 6 hasta los 96. </li></ul><ul><li>INTERLINEADO </li></ul><ul><li>Es el espacio vertical entre dos líneas sucesivas de texto. </li></ul><ul><li>La cantidad del interlineado necesario depende del tamaño del tipo, la altura de la fuente, la longitud de la línea (medida) y la longitud de las ascendentes y descendentes. </li></ul>TAMAÑOS DEL TIPO aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa a a a a a a a a a a a
  • 13. <ul><li>INTERLETRADO </li></ul><ul><li>Termino que se refiere al espaciado entre las letras. </li></ul><ul><li>Este puede ajustarse y especificarse de la misma manera. </li></ul><ul><li>Si el espacio de las letras es igual resulta un desequilibrio </li></ul><ul><li>visual de la palabra formada. </li></ul><ul><li>El valor unitario de la letra incluye un espacio incorporado a ambos lados, para el espaciado interletra. </li></ul><ul><li>ESPACIADO ENTRE PALABRAS </li></ul><ul><li>Es la separación de las palabras, que permite leer cada palabra como una unidad, sin que se desconecte del grupo. </li></ul><ul><li>Si el espaciado de las palabras es visualmente mayor que el espaciado entre líneas, la composición se vuelve fragmentada y la legibilidad disminuye. </li></ul><ul><li>ANCHO COLUMNA </li></ul><ul><li>El ancho de columna es la dimensión de la línea. </li></ul><ul><li>Para decidir el ancho de columna correcto es esencial considerar el tamaño del tipo y el espaciado entre las letras. </li></ul>In t e r l e Aquí separe suelto aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa
  • 14. FAMILIAS TIPOGRAFICAS <ul><li>Se considera a las fuentes que siguen un mismo diseño, pero que varían en su orientación, valor o proporción. </li></ul><ul><li>Una familia encierra variaciones como: </li></ul><ul><li>PESO: Se clasifican en extra fina, fina, seminegra, negrita, negra y extranegra. </li></ul><ul><li>NORMAL: Caracteres sin comprimir. </li></ul><ul><li>INCLINACION:(veneciana, cursiva, itálica). </li></ul><ul><li>tipos que mantienen su inclinación hacia la derecha, la cual pretende ganar espacios en la composición. </li></ul><ul><li>ANCHURA: El carácter se modifica en cuanto su ancho siendo mas o menos estrecho. </li></ul><ul><li>Condensada, ultracondensada y extendida </li></ul>A A EXTRA FINA FINA SEMI NEGRA NEGRITA NEGRA EXTRA NEGRA PESO INCLINACION NORMAL INCLINADA ANCHO
  • 15. ESTRUCTURACION DE TIPOS <ul><li>ALINEACION </li></ul><ul><li>Termino que se ocupa cuando una composición tipográfica, usa como base </li></ul><ul><li>una línea vertical u horizontal como punto de referencia. </li></ul><ul><li>En español, la palabra promedio, tiene aproximadamente 7 caracteres. Un texto de 1000 palabras tiene entonces aproximadamente 7000 caracteres y espacios. </li></ul><ul><li>ALINEACION JUSTIFICADA </li></ul><ul><li>Composición tradicional de textos continuos, debido a su aspecto apacible, rítmico, y regular. </li></ul><ul><li>Una de las desventajas de la alineación justificada, es el amplio espaciado entre palabras que pueden presentarse como parte del proceso de justificación. </li></ul>aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaa 123 123 aaaaa
  • 16. <ul><li>ALINEACION A LA IZQUIERDA </li></ul><ul><li>Composición tipográficas alineadas a una línea eje, ubicada </li></ul><ul><li>a la izquierda. </li></ul>aaaaaaaaaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa <ul><li>ALINEACION A LA DERECHA </li></ul><ul><li>Composición tipográficas alineadas a una línea eje, </li></ul><ul><li>ubicada a la derecha. </li></ul>
  • 17. <ul><li>ALINEACION CENTRADA </li></ul><ul><li>Estilo simétrico que se alinea sobre un eje central. </li></ul><ul><li>Esta alineación se asocia a trabajos de rotulación: para cubiertas de libros y los envases en general. </li></ul>aaaaaaaaaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaa aaaaaaaaaaa <ul><li>ALINEACION ASIMETRICA </li></ul><ul><li>Composición tipográficas alineadas a una línea eje, ubicada a la derecha. </li></ul><ul><li>MARGENES </li></ul><ul><li>Son solo espacios alrededor de las letras que ayudara al lector a enfocar la información. </li></ul>
  • 18. ELECCION DE TIPOS PARA EL TEXTO <ul><li>PERSONALIDAD DE UN TIPO </li></ul><ul><li>Los tipos pueden expresar estados de ánimos, emociones o asociaciones don firmas empresariales particulares, productos, estilos de vida o periódicos históricos. </li></ul><ul><li>Palo seco: representa un aspecto digno y elegante. </li></ul><ul><li>Egipcios: sugiere mecanización y robustez. </li></ul><ul><li>Manuscritos: son delicados y refinados. </li></ul><ul><li>Palo seco de estilo geométrico: se asocian a la simplicidad y el modernismo. </li></ul>
  • 19. <ul><li>COMBINACION DE TIPOS </li></ul><ul><li>Es esencial la elección de tipos que evidencien un fuerte contraste de estilos. </li></ul><ul><li>LEGIBILIDAD </li></ul><ul><li>Es la facilidad con que las palabras pueden leerse, a una velocidad normal de lectura; sin embargo, hay muchos factores que la afectan. </li></ul>
  • 20. FORMAS Y CONTRAFORMAS <ul><li>Cada carácter posee una serie de trazos </li></ul><ul><li>característicos en relación a su espesor, </li></ul><ul><li>ello se denomina FORMA. </li></ul><ul><li>Esta forma ocupa gráficamente un espacio </li></ul><ul><li>lineal, el que a su vez determina blancos </li></ul><ul><li>interiores y una relación de distancia con </li></ul><ul><li>otros caracteres, ello es básicamente la </li></ul><ul><li>CONTRAFORMA. </li></ul><ul><li>Ambas variantes son importantes en el </li></ul><ul><li>reconocimiento y diferenciación de los </li></ul><ul><li>distintos caracteres (legibilidad), como en la </li></ul><ul><li>progresión visual cómoda a lo largo de la línea </li></ul><ul><li>(lecturabilidad). </li></ul>
  • 21. FORMA CONTRAFORMA EJEMPLO
  • 22.  
  • 23.  

×