técnicas digitales, clase 10 tipografías y logos
Post on 19-Oct-2014
693 views
DESCRIPTION
Técnicas Digitales, clase 10: Tipografía y logos, semestre agosto noviembre 2013TRANSCRIPT
![Page 1: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/1.jpg)
Técnicas de representación digital
Clase 10: Aplicación de tipografía y diseño de logos
TAMM-16octubre2013
![Page 2: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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 para aplicar en imagen corporativa, aplicando el programa Illustrator, y retomando los anteriormente vistos.
![Page 3: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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 tipografía 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: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/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.
Tipografía en movimiento, 22 consejos de Enric Jardihttp://www.youtube.com/watch?feature=player_embedded&v=NXnm-
YKvE4s
![Page 8: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/8.jpg)
Ejemplos
![Page 9: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/9.jpg)
![Page 10: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/10.jpg)
![Page 11: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/11.jpg)
![Page 12: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/12.jpg)
Videos
• Typolution (video hecho con tipografía)
http://www.youtube.com/watch?v=zVPfTlpCKaw&feature=player_embedded
• Kinetic Typography
http://www.youtube.com/watch?v=gT2Iii0Psao
![Page 13: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/13.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 14: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/14.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 15: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/15.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 16: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/17.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 18: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/19.jpg)
![Page 20: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/20.jpg)
![Page 21: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/22.jpg)
![Page 23: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/23.jpg)
Lectura 4: No sólo de plagio vive el diseño• Escribir una conclusión a partir de la lectura, 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 22 de octubre de 2013.
• No sólo de plagio vive el diseño: http://www.neopixel.com.mx/articulos-neopixel/articulos-diseno-grafico/1553-no-solo-de-plagio-vive-el-diseno.html
![Page 24: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/24.jpg)
Lectura recomendada: El origen de la Comic Sans
• http://graffica.info/comic-sans/
![Page 25: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/25.jpg)
Ejercicio 15: 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.• Miércoles 23 de octubre de 2013 antes de las 10am.
![Page 26: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/26.jpg)
![Page 27: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/27.jpg)
![Page 28: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/28.jpg)
![Page 29: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/29.jpg)
![Page 30: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/30.jpg)
![Page 31: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/31.jpg)
![Page 32: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/32.jpg)
Ejercicio 16: 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.• Viernes 25 de octubre de 2013 antes de las 11:59pm
![Page 33: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/33.jpg)
![Page 34: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/34.jpg)
![Page 35: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/35.jpg)
![Page 36: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/36.jpg)
![Page 37: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/37.jpg)
![Page 38: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/38.jpg)
![Page 39: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/39.jpg)
![Page 40: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/40.jpg)
![Page 41: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/41.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 42: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/42.jpg)
Recomendaciones• Clever Illustrations show the origin of superheroes and
villainshttp://www.mymodernmet.com/profiles/blogs/ninjabot-
origin-series-superhero-illustrations
• Typoholicshttp://typoholics.deviantart.com/
• Design my Worldhttp://designmyworld.deviantart.com/
• Design Developershttp://designdevelopers.deviantart.com/
![Page 43: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/43.jpg)
![Page 44: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/44.jpg)
![Page 45: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/45.jpg)
![Page 46: Técnicas Digitales, clase 10 Tipografías y Logos](https://reader035.vdocuments.site/reader035/viewer/2022081412/54444489b1af9fbc0e8b484c/html5/thumbnails/46.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/