tecnicas digitales clase 11 em2014

59
Técnicas de representción digitales Clase 11: Expresión gráfica, editorial y publicidad TAMM-26marzo2014

Upload: tania-munoa

Post on 16-Jan-2015

412 views

Category:

Design


4 download

DESCRIPTION

Técnicas digitales, clase 11: publicidad, diseño editorial, enero mayo 2014

TRANSCRIPT

Page 1: Tecnicas Digitales clase 11 EM2014

Técnicas de representción digitales

Clase 11: Expresión gráfica, editorial y publicidad

TAMM-26marzo2014

Page 2: Tecnicas Digitales clase 11 EM2014

Objetivos

• El alumno aprenderá sobre diseño editorial, el uso de retículas y cuadrículas.

• Aplicará conocimientos de composición, diseño y expresión gráfica para presentar un proyecto.

• Revisaremos el tema de publicidad y la responsabilidad al momento de generar una propuesta de diseño.

Page 3: Tecnicas Digitales clase 11 EM2014

Diseño editorial

• Es la rama del diseño gráfico que se encarga de la maquetación y composición de distintas publicaciones: libros, revistas, folletos, periódicos, etc.

• Se encarga de la realización gráfica del texto y busca una unidad entre el texto, la imagen y la diagramación.

Page 4: Tecnicas Digitales clase 11 EM2014

FormatoCaja tipográfica: es el espacio, que rodeado de

márgenes, sirve para colocar los textos, imágenes, etc.

Page 5: Tecnicas Digitales clase 11 EM2014

Retícula: esquema que ayuda a subdividir el campo visual dentro de la caja tipográfica. Todos los elementos: texto, imágenes, etc., estarán distribuidos ahí.

El tamaño puede variar entre retículas, dependiendo de lo que se desea expresar.

Se miden por número de líneas y tamaño de fuente.

Es una guía que permite al diseñador realizar una organización coherente y legible.

Page 6: Tecnicas Digitales clase 11 EM2014
Page 7: Tecnicas Digitales clase 11 EM2014

Una retícula base, se encuentra compuesta por las siguientes partes, dependiendo de la composición que se esté diseñando:

- La orientación del papel.- El número de columnas y el tamaño de estas.- La separación existente entre ellas (el medianil).- El color y formato del texto (tipografía y tamaño), los titulares, cabeceras, pies de imagen, etc.- El uso de las imágenes como fondo en todas las páginas (marca de agua) y demás elementos ornamentales, tales como los filetes decorativos, etc.

Page 8: Tecnicas Digitales clase 11 EM2014
Page 9: Tecnicas Digitales clase 11 EM2014
Page 10: Tecnicas Digitales clase 11 EM2014

MárgenesEn un documento existen cuatro márgenes: el margen superior, el

inferior, el interior y el margen exterior.

La medida de estos márgenes no es fija en ningún caso, aunque en el campo de autoedición o maquetación de profesionales, estos por defecto presentan unos márgenes predefinidos para cada clase de publicación que realizan.

Si se quiere aplicar una buena medida, es posible aplicar la proporción aurea o la siguiente norma:

1- Aplicar un espaciado al margen superior2- El 0,75 de este, se lo aplicaremos al margen interior.3- El doble del margen interior, se lo aplicaremos al margen exterior4- El doble del margen superior, al margen inferior.

Page 11: Tecnicas Digitales clase 11 EM2014
Page 12: Tecnicas Digitales clase 11 EM2014
Page 13: Tecnicas Digitales clase 11 EM2014
Page 14: Tecnicas Digitales clase 11 EM2014

Los elementos del diseño editorial sirven para generar distintos tipos de medios impresos como folletos e instructivos.

Los folletos son textos impresos que sirven como instrumento divulgativo o publicidad.

Los instructivos sirven para dirigir las acciones del usuario, explicar el funcionamiento de un producto o la realización de un actividad.

Por ser textos impresos tienen cualidaades semejantes, y deben cumplir con lo siguiente:

•Títulos y subtítulos claros.

•Texto informativo claro.

• Imágenes del producto y explicativas.

• Diagramas o dibujos, pueden ser explicativos (función/ergonomía).

Folletos e instructivos

Page 15: Tecnicas Digitales clase 11 EM2014
Page 16: Tecnicas Digitales clase 11 EM2014
Page 17: Tecnicas Digitales clase 11 EM2014
Page 18: Tecnicas Digitales clase 11 EM2014
Page 19: Tecnicas Digitales clase 11 EM2014
Page 20: Tecnicas Digitales clase 11 EM2014
Page 21: Tecnicas Digitales clase 11 EM2014

Expresión gráficaDesarrollar en los alumnos la capacidad de expresar sus ideas (las ideas que se les ocurren durante el proceso de resolución de un problema) de la forma más apropiada.

Page 22: Tecnicas Digitales clase 11 EM2014

Elementos fundamentales que debemos tomar en cuenta para transmitir un mensaje:

– Concepto (la base de todo)

– Objetivo (¿qué quiero lograr con …? ¿Qué quiero expresar? ¿Qué quiero que piensen, hagan?)

– Cliente meta/Target (¿a quién va dirigido? Niños, adultos, jóvenes, amantes de los animales, etc.)

Page 23: Tecnicas Digitales clase 11 EM2014

Diseño gráfico como apoyo visual

El diseño gráfico, a través de imágenes, tipografía, símbolos, etc., ayuda a comprender y/o reforzar un concepto.

Puede ayudar a:

- Vender un producto.

- Explicar una idea/concepto.

- Llamar la atención.

- Instructivos y folletos.

Page 24: Tecnicas Digitales clase 11 EM2014

Lámina principal:

Título del proyecto

Presentación del proyecto: explicación breve.

Logotipo (de ser necesario)

Formato con concepto definido

Apoyo visual: tipografía, colores, imágenes.

Page 25: Tecnicas Digitales clase 11 EM2014

Láminas explicativas:

Formato similar en todas.

Explicaciones más detalladas.

Distribución de la información.

Resaltar lo que nos interesa: el producto.

Page 26: Tecnicas Digitales clase 11 EM2014

Dimensiones generales

Comparación con escalas: humanas, animales, etc.

Page 27: Tecnicas Digitales clase 11 EM2014

Detalles que se desean destacar.

Explosivos o explotados de la pieza con flechas indicativas.

Escala humana señalizada.

Page 28: Tecnicas Digitales clase 11 EM2014
Page 29: Tecnicas Digitales clase 11 EM2014
Page 30: Tecnicas Digitales clase 11 EM2014
Page 31: Tecnicas Digitales clase 11 EM2014

Publicidad

• La publicidad es una forma de comunicación que busca persuadir a un público meta con un mensaje comercial.

• Sus objetivos son comerciales: compra y venta.

Page 32: Tecnicas Digitales clase 11 EM2014

Principios de la publicidad

• Atención• Interés• Deseo • Acción

La publicidad se basa en una estrategia: ¿Cómo los voy a

persuadir?

Page 33: Tecnicas Digitales clase 11 EM2014

Estrategias publicitarias

• Asociación psicoemotiva: humor, sentimientos, sensaciones, estética, etc.

• Dramatización

• Testimonio

• Imagen de marca (percepción de la identidad de marca)

• Uso de un embajador (imagen pública), mascotas o profesionistas.

Page 34: Tecnicas Digitales clase 11 EM2014

Cruz Roja mexicana colecta 2006http://www.youtube.com/watch?v=_G7XolnGGAQMazda y su filosofíahttp://www.youtube.com/watch?v=--lzbU-yqLQHeineken Auditoriumhttps://www.youtube.com/watch?v=Mk2fDqeeHBcNoelhttps://www.youtube.com/watch?v=vZkr1s-fbZ8

Page 35: Tecnicas Digitales clase 11 EM2014

¿Qué hace a una estrategia publicitaria exitosa?

Page 36: Tecnicas Digitales clase 11 EM2014
Page 37: Tecnicas Digitales clase 11 EM2014

Impacto de las campañas de “El Palacio de Hierro”http://impactopalacio.blogspot.mx/

Page 38: Tecnicas Digitales clase 11 EM2014
Page 39: Tecnicas Digitales clase 11 EM2014
Page 40: Tecnicas Digitales clase 11 EM2014

Responsabilidad y controversia

• “Burger King ofende a los mexicanos” http://superluchas.net/2009/04/15/burger-king-ofende-a-los-

mexicanos-la-campana-del-vaquero-y-el-luchador-ha-causado-mucha-controversia/

• “Burguer King ofende a los mexicanos”, El Universalhttp://www.youtube.com/watch?v=gikHhDc1LOw• Burguer King scraps “Toxican Whooper” ads after

complaintshttp://www.dailyfinance.com/2009/04/15/burger-king-

scraps-texican-whopper-ads-after-complaints/• “Texican Whooper comercial”• http://www.youtube.com/watch?v=mNabO2d-zbw

Page 41: Tecnicas Digitales clase 11 EM2014

+ Videos

Los Simpsons: El ataque de los anuncios

• http://www.lossimpsonsonline.com.ar/capitulos-online/espanol-latino/temporada-7/capitulo-6

Insomnia• http://

www.youtube.com/watch?v=n7bR7om-CPc

Page 42: Tecnicas Digitales clase 11 EM2014

Video

Why you will fail to have a great career, plática de Larry Smith para TED.

• http://www.youtube.com/watch?v=iKHTawgyKWQ

Page 43: Tecnicas Digitales clase 11 EM2014

Ejercicio 2o parcial: 2a parte

Page 44: Tecnicas Digitales clase 11 EM2014

Ejercicio 17: Póster tipográfico

Para poder realizar el ejercicio el alumno debió realizar las siguientes actividades:

• Lectura: No sólo de plagio vive el diseño y reflexión escrita.

• Lectura: Roba como un artista y reflexión.

• Video: Why you will fail to have a great career, plática de Larry Smith para TED.

• Valor 5% de la calificación del parcial

Page 45: Tecnicas Digitales clase 11 EM2014

2a etapa: frase

En base a las actividades anteriores, el alumno resumirá lo que aprendió o lo que más lo impactó en una frase o enunciado.

Page 46: Tecnicas Digitales clase 11 EM2014

• Cada alumno diseñará un póster tipográfico para promover la frase o enunciado que redactó.

• El póster tipográfico está basado en fuentes, tendrán que escoger la más adecuada para crear impacto, que permita recordarla, identificarse, generar “algo” en quien la ve.

Page 47: Tecnicas Digitales clase 11 EM2014

Evaluación del ejercicio

Póster: Impacto visual, concepto, claridad del mensaje, medidas y normas básicas de diseño gráfico (ley de tercios, retículas, contrastes, equilibrio, manejo de fuentes, etc.)

Valor: 10% de la calificación del parcial

Page 48: Tecnicas Digitales clase 11 EM2014

Requisito de póster

• Tamaño: 45x60cm• Resolución: 200 a 300 dpis• Horizontal o vertical, como gusten• Programas: Los que crean necesarios.• Entrega: viernes 4 de abril, antes de ls

11:59pm, via deviantart.• Para más ejemplos de pósters tipográficos

pueden revisar: http://typoholics.deviantart.com/

Page 49: Tecnicas Digitales clase 11 EM2014
Page 50: Tecnicas Digitales clase 11 EM2014
Page 51: Tecnicas Digitales clase 11 EM2014
Page 52: Tecnicas Digitales clase 11 EM2014
Page 53: Tecnicas Digitales clase 11 EM2014

Ejercicio18: Instructivo• Buscarán una receta sencilla, por ejemplo hot cakes,

gelatina, etc., y diseñarán el instructivo mezclando gráficos y letreros.

• Aplicarán retículas para el acomodo, dibujos, fotografías, uso de marca y logo, composición gráfica, color, caja tipográfica, efectos, brushes, fondos, etc.

• Hoja tamaño doble carta a 200 dpis• Subirán una impresión de pantalla donde se vean las

retículas y el acomodo de los textos y además de la imagen final.

• Entrega: Viernes 4 de abril, antes de las 11:59pm• Valor 15% de la calificación del parcial

Page 54: Tecnicas Digitales clase 11 EM2014
Page 55: Tecnicas Digitales clase 11 EM2014
Page 56: Tecnicas Digitales clase 11 EM2014
Page 57: Tecnicas Digitales clase 11 EM2014
Page 58: Tecnicas Digitales clase 11 EM2014
Page 59: Tecnicas Digitales clase 11 EM2014

ReferenciasApuntes. La retícula. Revisado 26 marzo 2012

http://issuu.com/diegoareso/docs/uc3mreticulacc

Barchelor of Industrial Design. UNSW Built Environment’s Blog. Revisado 27 marzo 2012

http://unswbe.wordpress.com/category/bachelor-of-industrial-design/page/3/#