técnicas digitales clase 19 logos em2017

46
Digital Techniques Clase 22: Logos TAMM-7abril2017

Upload: tania-munoa

Post on 13-Apr-2017

48 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Técnicas Digitales Clase 19 Logos EM2017

Digital Techniques

Clase 22: Logos

TAMM-7abril2017

Page 2: Técnicas Digitales Clase 19 Logos EM2017

Objectivos• Los alumnos aprenderán

la diferencia entre marca y logo, así como la clasificación de estos últimos. También aprenderán formas sencillas para diseñarlos.

Page 3: Técnicas Digitales Clase 19 Logos EM2017

Brand mark• La marca es un elemento de

diseño como un símbolo (ej: la swoosh de nike), logo (ej.: el gráfico de Yahoo!), un personaje (ej. Tigre Toño) o sonidos (ej. La melodía de Intel inside o los jingles de los comerciales); estos dan cierto reconocimiento visual o auditivo al producto.

• La marca es la experiencia que las personas tienen cuando entran en contacto con el negocio.

Page 4: Técnicas Digitales Clase 19 Logos EM2017

LogoEs 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.

Es una herramienta que ayuda a la marca a posicionarse.

Page 5: Técnicas Digitales Clase 19 Logos EM2017
Page 6: Técnicas Digitales Clase 19 Logos EM2017

Clasificación básica• Logotipos: Es un logo (palabra) compuesto de texto (tipos=letras)

que utiliza un tratamiento tipográfico único, específico para la transmitir el mensaje de la marca y posicionarla.

• Letterform marks: Utiliza uno o más caracteres como símbolos para transmitir el mensaje de la marca.

Page 7: Técnicas Digitales Clase 19 Logos EM2017

• Ilustrativo/Isotipo: Puede ser una representación literal o pictórico de la compañía o producto. La imagen es una referencia de los atributos de la marca o de la compañía. Pueden ser reconocidos sin tener escrito el nombre. Las imágenes son más fáciles de retener y por tanto más fácil de recordar, pero menos preciso.

Page 8: Técnicas Digitales Clase 19 Logos EM2017

• Abstractos o Simbólicos/Imagotipos: Usa formas abstractas para transmitir el concepto de la marca. El imagotipo combina imágenes y textos, se encuentran claramente diferenciados.

• Logos integrados o Isologotipos: Son combinaciones de elementos gráficos y tipografías formando una unidad inseparable. La tipografía y los símbolos se complementan para crear un solo elemento.

Page 9: Técnicas Digitales Clase 19 Logos EM2017
Page 10: Técnicas Digitales Clase 19 Logos EM2017

¿Cómo debe ser un logo?• Versátil. Que se pueda utilizar en distintos

medios y fácil de adaptar.• Debe reconocerse en blanco y negro, evitar los

degradados de tonos cercanos.• Fácil de recordar y asociar con lo que

representa.

Page 11: Técnicas Digitales Clase 19 Logos EM2017
Page 12: Técnicas Digitales Clase 19 Logos EM2017

http://logos.wikia.com/wiki/Aerom%C3%A9xico

• Perpetuo o atemporal.• Debe tener un propósito y un objetivo. • Original, impresionar y atractivo. • KISS!

Page 13: Técnicas Digitales Clase 19 Logos EM2017
Page 14: Técnicas Digitales Clase 19 Logos EM2017
Page 15: Técnicas Digitales Clase 19 Logos EM2017
Page 16: Técnicas Digitales Clase 19 Logos EM2017
Page 17: Técnicas Digitales Clase 19 Logos EM2017
Page 18: Técnicas Digitales Clase 19 Logos EM2017
Page 19: Técnicas Digitales Clase 19 Logos EM2017

Proporción áurea• La proporción áurea es una proporción que

acomoda todos los elementos en una forma atractiva y placentera.

Es una ecuación que mantiene la relación entre dos secciones en un diseño. Así que, si se divide la sección A entre la sección B resulta un radio con valor de 1.618033987. Si divides el valor de A+B entre A obtienes el mismo número (Phi).

Page 20: Técnicas Digitales Clase 19 Logos EM2017

• La forma más sencilla de diseñar un logo es medir todos los elementos buscando una proporción entre ellos.

• https://es.pinterest.com/pin/467741111278681534/

Page 21: Técnicas Digitales Clase 19 Logos EM2017
Page 22: Técnicas Digitales Clase 19 Logos EM2017
Page 23: Técnicas Digitales Clase 19 Logos EM2017
Page 24: Técnicas Digitales Clase 19 Logos EM2017

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 25: Técnicas Digitales Clase 19 Logos EM2017
Page 26: Técnicas Digitales Clase 19 Logos EM2017

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 27: Técnicas Digitales Clase 19 Logos EM2017
Page 28: Técnicas Digitales Clase 19 Logos EM2017
Page 29: Técnicas Digitales Clase 19 Logos EM2017

«Medido en términos de originalidad gráfica y de innovación funcional, así como por su utilidad para los miles de visitantes a la xix Olimpiada, el diseño del sistema gráfico desarrollado por Wyman y sus colaboradores en México, ha sido uno de los más exitosos en el desarrollo de los sistemas de identidad gráfica».

Philip B. Meggs, extracto de su libro A History of Graphic Design

Galería de México 1968 por Lance Waymanhttp://nicefucking.graphics/galeria-de-mexico-1968-por-lance-wayman/

Page 30: Técnicas Digitales Clase 19 Logos EM2017
Page 31: Técnicas Digitales Clase 19 Logos EM2017
Page 32: Técnicas Digitales Clase 19 Logos EM2017
Page 33: Técnicas Digitales Clase 19 Logos EM2017
Page 34: Técnicas Digitales Clase 19 Logos EM2017
Page 35: Técnicas Digitales Clase 19 Logos EM2017
Page 36: Técnicas Digitales Clase 19 Logos EM2017
Page 37: Técnicas Digitales Clase 19 Logos EM2017

https://readymag.com/shuffle/olympic-logos/

Page 39: Técnicas Digitales Clase 19 Logos EM2017

Videos ilustrativos• ¿Qué es un logotipo?http://www.youtube.com/watch?v=6Uav_a7JSEg • El Color en la publicidadhttp://www.youtube.com/watch?feature=endscreen&NR=1&v=H0si5Unn-wk• Logopediahttp://logos.wikia.com/wiki/Logopedia• The 50 most iconic brand logos of all time

http://www.complex.com/style/2013/03/the-50-most-iconic-brand-logos-of-all-time/bmw

Page 40: Técnicas Digitales Clase 19 Logos EM2017
Page 41: Técnicas Digitales Clase 19 Logos EM2017
Page 42: Técnicas Digitales Clase 19 Logos EM2017
Page 43: Técnicas Digitales Clase 19 Logos EM2017
Page 44: Técnicas Digitales Clase 19 Logos EM2017
Page 45: Técnicas Digitales Clase 19 Logos EM2017
Page 46: Técnicas Digitales Clase 19 Logos EM2017