técnicas digitales: clase 11: diseño editorial y publicidad
DESCRIPTION
Técnicas Digitales: Clase 11: Diseño editorial y publicidad, semestre Agosto-Noviembre 2013TRANSCRIPT
![Page 1: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/1.jpg)
Técnicas de representción digitales
Clase 11: Expresión gráfica, editorial y publicidad
TAMM-23octubre2013
![Page 2: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/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: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/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: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/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: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/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: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/6.jpg)
![Page 7: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/7.jpg)
![Page 8: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/8.jpg)
![Page 9: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/9.jpg)
![Page 10: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/10.jpg)
![Page 11: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/11.jpg)
![Page 12: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/12.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 13: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/13.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 14: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/14.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 15: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/15.jpg)
![Page 16: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/16.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 17: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/17.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 18: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/18.jpg)
Dimensiones generales
Comparación con escalas: humanas, animales, etc.
![Page 19: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/19.jpg)
Detalles que se desean destacar.
Explosivos o explotados de la pieza con flechas indicativas.
Escala humana señalizada.
![Page 20: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/20.jpg)
![Page 21: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/22.jpg)
![Page 23: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/23.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.
• No es lo mismo que propaganda (difusión de ideas políticas, sociales, religiosas, etc. sin un objetivo económico)
![Page 24: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/24.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 25: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/25.jpg)
Estrategias publicitarias
• Asociación psicoemotiva: humor, sentimientos, sensaciones, estética, etc.
• Dramatización• Testimonio• Imagen de marca• Uso de un embajador (imagen pública), mascotas o
profesionistas.
Cruz Roja mexicana colecta 2006http://www.youtube.com/watch?v=_G7XolnGGAQMazda y su filosofíahttp://www.youtube.com/watch?v=--lzbU-yqLQ
![Page 26: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/26.jpg)
¿Qué hace a una estrategia publicitaria exitosa?
![Page 27: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/27.jpg)
![Page 28: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/28.jpg)
![Page 29: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/29.jpg)
![Page 30: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/30.jpg)
![Page 31: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/31.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 32: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/32.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 33: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/33.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 34: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/34.jpg)
Ejercicio 2o parcial: 2a parte
![Page 35: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/35.jpg)
1a etapa: tareiiiiitas
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.
![Page 36: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/36.jpg)
2a Etapa: en el salón
• Se juntarán en equipos de 3 personas.• En conjunto, basándose en las lecturas, apreciación
personal y lo visto en clase, realizarán una reflexión sobre las lecturas: cómo se relacionan, cómo les sirve para su vida profesional, qué aprendieron, qué sintieron, qué fue lo que más los impactó o les llegó (discusión de 15 minutos).
• Después de identificar dichos aprendizajes, redactarán en enunciados sencillos y concretos dichas conclusiones, por ejemplo el listado de los temas del libro (20 minutos).
• Al terminar, cada equipo expondrá al grupo los enunciados, para así entre todos, definir una lista (hay ideas que se pueden repetir).
![Page 37: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/37.jpg)
3a Etapa: en casa de nuevo
• Teniendo la lista final se rifarán los enunciados.• Cada alumno tendrá que hacer un póster
tipográfico para promover la frase o enunciado que le tocó.
• 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 38: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/38.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: 20% de la calificación del parcial
![Page 39: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/39.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: domingo 3 de noviembre antes
de las 11:59pm, via deviantart.• Para más ejemplos de pósters tipográficos
pueden revisar: http://typoholics.deviantart.com/
![Page 40: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/40.jpg)
![Page 41: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/41.jpg)
![Page 42: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/42.jpg)
![Page 43: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/43.jpg)
![Page 44: Técnicas Digitales: Clase 11: diseño editorial y publicidad](https://reader035.vdocuments.site/reader035/viewer/2022070318/557b376cd8b42adc608b4c0a/html5/thumbnails/44.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/#