Técnicas de representción digitales

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

TAMM-26marzo2014

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.

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.

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

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

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.

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.

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.

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

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.

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

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.

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.

Láminas explicativas:

Formato similar en todas.

Explicaciones más detalladas.

Distribución de la información.

Resaltar lo que nos interesa: el producto.

Dimensiones generales

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

Detalles que se desean destacar.

Explosivos o explotados de la pieza con flechas indicativas.

Escala humana señalizada.

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.

Principios de la publicidad

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

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

persuadir?

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.

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

¿Qué hace a una estrategia publicitaria exitosa?

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

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

+ 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

Video

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

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

Ejercicio 2o parcial: 2a parte

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

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.

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

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

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/

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

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/#