Tecnicas digitales Clase10 tipografia logos

43
Técnicas de representación digital Clase 10: Aplicación de tipografía y diseño de logos TAMM-20marzo2013

description

Tecnicas digitales, clase 10: fuentes, tipografía y logotipos

Transcript of Tecnicas digitales Clase10 tipografia logos

Page 1: Tecnicas digitales Clase10 tipografia logos

Técnicas de representación digital

Clase 10: Aplicación de tipografía y diseño de logos

TAMM-20marzo2013

Page 2: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

Ejemplos

Page 9: Tecnicas digitales Clase10 tipografia logos
Page 10: Tecnicas digitales Clase10 tipografia logos
Page 11: Tecnicas digitales Clase10 tipografia logos
Page 12: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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: Tecnicas digitales Clase10 tipografia logos

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 17: Tecnicas digitales Clase10 tipografia logos
Page 18: Tecnicas digitales Clase10 tipografia logos
Page 19: Tecnicas digitales Clase10 tipografia logos
Page 20: Tecnicas digitales Clase10 tipografia logos
Page 21: Tecnicas digitales Clase10 tipografia logos
Page 22: Tecnicas digitales Clase10 tipografia logos

Lecturas 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 2 de abril 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 23: Tecnicas digitales Clase10 tipografia logos

Ejercicio 14: 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.• Viernes 5 de abril de 2013

Page 24: Tecnicas digitales Clase10 tipografia logos
Page 25: Tecnicas digitales Clase10 tipografia logos
Page 26: Tecnicas digitales Clase10 tipografia logos
Page 27: Tecnicas digitales Clase10 tipografia logos
Page 28: Tecnicas digitales Clase10 tipografia logos
Page 29: Tecnicas digitales Clase10 tipografia logos
Page 30: Tecnicas digitales Clase10 tipografia logos

Ejercicio 15: 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 5 de abril de 2013

Page 31: Tecnicas digitales Clase10 tipografia logos
Page 32: Tecnicas digitales Clase10 tipografia logos
Page 33: Tecnicas digitales Clase10 tipografia logos
Page 34: Tecnicas digitales Clase10 tipografia logos
Page 35: Tecnicas digitales Clase10 tipografia logos
Page 36: Tecnicas digitales Clase10 tipografia logos
Page 37: Tecnicas digitales Clase10 tipografia logos
Page 38: Tecnicas digitales Clase10 tipografia logos

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 39: Tecnicas digitales Clase10 tipografia logos

Recomendaciones

• Typoholicshttp://typoholics.deviantart.com/

• Design my Worldhttp://designmyworld.deviantart.com/

• Design Developershttp://designdevelopers.deviantart.com/

Page 40: Tecnicas digitales Clase10 tipografia logos
Page 41: Tecnicas digitales Clase10 tipografia logos
Page 42: Tecnicas digitales Clase10 tipografia logos