Técnicas de representación digital

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

TAMM-16octubre2013

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.

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)”

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.

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.

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.

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

Ejemplos

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

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.

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.

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.

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.

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 tamuoa@itesm.mx 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

Lectura recomendada: El origen de la Comic Sans

• http://graffica.info/comic-sans/

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.

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

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

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/

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/