Download - Tecnicas Digitales clase 11 EM2014
![Page 1: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/1.jpg)
Técnicas de representción digitales
Clase 11: Expresión gráfica, editorial y publicidad
TAMM-26marzo2014
![Page 2: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/6.jpg)
![Page 7: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/8.jpg)
![Page 9: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/9.jpg)
![Page 10: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/11.jpg)
![Page 12: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/12.jpg)
![Page 13: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/13.jpg)
![Page 14: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/15.jpg)
![Page 16: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/16.jpg)
![Page 17: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/17.jpg)
![Page 18: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/18.jpg)
![Page 19: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/19.jpg)
![Page 20: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/20.jpg)
![Page 21: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/22.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/24.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/25.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/26.jpg)
Dimensiones generales
Comparación con escalas: humanas, animales, etc.
![Page 27: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/27.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/28.jpg)
![Page 29: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/29.jpg)
![Page 30: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/30.jpg)
![Page 31: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/31.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/32.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/33.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/34.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/35.jpg)
¿Qué hace a una estrategia publicitaria exitosa?
![Page 36: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/36.jpg)
![Page 37: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/37.jpg)
Impacto de las campañas de “El Palacio de Hierro”http://impactopalacio.blogspot.mx/
![Page 38: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/38.jpg)
![Page 39: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/39.jpg)
![Page 40: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/40.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/41.jpg)
+ 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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/42.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/43.jpg)
Ejercicio 2o parcial: 2a parte
![Page 44: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/44.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/45.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/46.jpg)
• 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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/47.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/48.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/49.jpg)
![Page 50: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/50.jpg)
![Page 51: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/51.jpg)
![Page 52: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/52.jpg)
![Page 53: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/53.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/54.jpg)
![Page 55: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/55.jpg)
![Page 56: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/56.jpg)
![Page 57: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/57.jpg)
![Page 58: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/58.jpg)
![Page 59: Tecnicas Digitales clase 11 EM2014](https://reader033.vdocuments.net/reader033/viewer/2022061219/54b939624a7959055f8b45a1/html5/thumbnails/59.jpg)
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/#