Clase10 tipografia logos
-
Upload
tania-munoa -
Category
Design
-
view
946 -
download
4
description
Transcript of Clase10 tipografia logos
![Page 1: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/1.jpg)
Técnicas de representación digital
Clase 10: Aplicación de tipografía y diseño de logos
TAMM-10octubre2012
![Page 2: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/2.jpg)
Objetivo• El alumno aprenderá sobre tipografías, sus
diferencias y a identificar la mejor para transmitir adecuadamente su idea.
• El alumno aprenderá a diseñar logos e imagen corporativa, aplicando el programa Illustrator, y retomando los anteriormente vistos.
![Page 3: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/3.jpg)
Tipografía
La esencia de una buena comunicación gráfica es la palabra escrita, y cada letra también es parte de la composición gráfica.
“El termino tipográfia se emplea para designar al estudio, diseño y clasificación de los tipos (letras) y las fuentes (familias de letras con características comunes)”
![Page 4: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/4.jpg)
Fuentes
Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.
Las fuentes se clasifican en serif y sanserif.
![Page 5: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/5.jpg)
Fuentes SerifEstas fuentes tienen origen
cuando las letras se cincelaban en bloques de piedra, pero resultaba difícil asegurar que los bordes de las letras fueran rectos, por lo que el tallador desarrolló una técnica que consistía en destacar las líneas cruzadas para el acabado de casi todas las letras, por lo que las letras presentaban en sus extremos unos remates muy característicos, conocidos con el nombre de serif.
![Page 6: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/6.jpg)
Fuente San SerifTambién llamadas etruscas
aparecen en Inglaterra durante los años 1820 a 1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados no existe contraste, sus vértices son rectos y sus trazos uniformes.
Representan la forma natural de una letra que ha sido realizada por alguien que escribe con otra herramienta que no sea un lápiz o un pincel.
![Page 7: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/7.jpg)
Elegir fuenteEl principal objetivo de componer un texto con una tipografía
determinada es la legibilidad. En impresos gran densidad de texto como un periódico o un libro,
suele escogerse una fuente con serif. Los remates parecen vincular los caracteres y guían los ojos para ayudar al lector a no perder la línea de texto.
Las fuentes con serif no son recomendables para presentaciones en pantalla. El problema es que los serif y las sutilezas tienden a desaparecer debido a la relativamente baja resolución de los proyectores y a la poca iluminación. Otro inconveniente: la audiencia que esté sentada al costado de la pantalla puede no leer correctamente, ya que en función del ángulo de visión, la modulación de los caracteres puede hacer invisibles los mismos. Se recomienda mejor utilizar un san serif para diapositivas.
Las san serif están asociadas a la tipografía comercial, su legibilidad y durabilidad las hacían perfectas para impresiones de etiquetas, embalajes, envolturas, etc.
![Page 8: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/8.jpg)
Ejemplos
![Page 9: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/9.jpg)
![Page 10: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/10.jpg)
![Page 11: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/11.jpg)
![Page 12: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/12.jpg)
Logos
Es un gráfico que representa algo o a alguien.
Tiene la esencia de lo que representa ya sea: una persona, una empresa, un equipo deportivo, etc.
![Page 13: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/13.jpg)
México 68: el ícono del diseño olímpicoProyecto encargado al arq.
Pedro Ramírez Vázquez, Lance Wyman y arq. Eduardo Terrazas.
Mezcla de Op art, arte Huichol y la paleta de color artesanal de México, buscando reflejar la riqueza de la cultura mexicana y el paso firme con que México entraba a la elite de la modernidad.
![Page 14: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/14.jpg)
Es la primera ocasión en que se implementa una imagen visual bien determinada, auténtica, gráfica, lo suficientemente entendible para, sin importar idioma, se interprete lo que allí se quiere decir.
![Page 15: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/15.jpg)
Tipos de logos
• Tipográfico: basado en texto.
• Ilustrativo: basado en un gráfico que representa la actividad.
• Simbólico: hay un gráfico con un significado relacionado, abstracto.
• Abstracto: es un símbolo abstracto que refleje un concepto básico.
![Page 16: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/16.jpg)
![Page 17: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/17.jpg)
![Page 18: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/18.jpg)
![Page 19: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/19.jpg)
![Page 20: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/20.jpg)
![Page 21: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/21.jpg)
Lecturas 2 y 3
• Escribir una conclusión a partir de las dos lecturas, en máximo una cuartilla, Arial 11, espacio 1.5, referencias bibliográficas en formato APA, en Word. Enviar a [email protected] para el martes 16 de octubre.
• Olimpiadas México68: un referente para el diseño a nievel mundial.
http://www.neopixel.com.mx/articulos-neopixel/articulos-diseno-grafico/1501-olimpiadas-mexico-68-un-referente-para-el-diseno-a-nivel-mundial-.html
• La identidad olímpica de México68http://registropersonal.nexos.com.mx/?p=3407
![Page 22: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/22.jpg)
Ejercicio 16: Imagen tipográfica
• Escogerán una imagen: ciudad, objeto, persona, caricatura, etc.; la representarán con tipografías. Pueden utilizar palabras relacionadas con la imagen, letras de distintos tamaños, etc.
• Realizarán un póster tipo collage con esta imagen, pueden utilizar cualquiera de los programas aprendidos.
• Tamaño: doble carta mínimo a 200 dpis.• Entrega vía deviantart.• Se calificará composición, concepto, uso de la
tipografía para formar la figura, etc.
![Page 23: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/23.jpg)
![Page 24: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/24.jpg)
![Page 25: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/25.jpg)
![Page 26: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/26.jpg)
![Page 27: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/27.jpg)
![Page 28: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/28.jpg)
Ejercicio 17: Logotipo y tarjeta de presentación• El alumno diseñará en Illustrator un logotipo que
lo represente para después aplicarlo a una tarjeta de presentación.
• Escogerán colores, dimensiones de la tarjeta y realizarán una presentación de ambos: logo y tarjeta.
• Tamaño de hoja: carta a 200dpis• Entrega vía deviantart.• Para la presentación se pueden mezclar
programas.
![Page 29: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/29.jpg)
![Page 30: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/30.jpg)
![Page 31: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/31.jpg)
![Page 32: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/32.jpg)
![Page 33: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/33.jpg)
![Page 34: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/34.jpg)
Videos ilustrativos
• ¿Qué es un logotipo?
http://www.youtube.com/watch?v=6Uav_a7JSEg
• El Color en la publicidad
http://www.youtube.com/watch?feature=endscreen&NR=1&v=H0si5Unn-wk
![Page 35: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/35.jpg)
Recomendaciones
• Typoholics
http://typoholics.deviantart.com/
• Typolution (video hecho con tipografía)
http://www.youtube.com/watch?v=zVPfTlpCKaw&feature=player_embedded
![Page 36: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/36.jpg)
![Page 37: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/37.jpg)
![Page 38: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/38.jpg)
![Page 39: Clase10 tipografia logos](https://reader033.fdocument.pub/reader033/viewer/2022061112/54571f70af7959db738b879e/html5/thumbnails/39.jpg)
Referencias
• Categorías de fuentes, serifas y san serif
http://www.fotonostra.com/grafico/clasesfuentes.htm
• La tipografía en el diseño gráfico
http://diseno.ciberaula.com/articulo/tipografia_diseno_grafico/