Técnicas de representación digitalClase 13: Expresión gráfica/Pósters

TAMM-22junio2015

Objetivos• Revisaremos algunos tips y

ejemplos de diseño de presentaciones gráficas para poder aplicarlos a nuestros proyectos.

• Revisaremos ejemplos de expresión gráfica y comunicación visual para comprender su función, esquema y poder aplicarlo en presentaciones.

Expresión gráfica

¿Cuál es la mejor manera de expresar tus ideas de manera gráfica?

¿Cómo puedo impactar al espectador?

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 o hagan?)

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

Diseño gráfico como herramienta de comunicación

El manejo de retículas, tipos de fuentes, símbolos, fondos, etc. ayudan a reforzar el concepto general y así el mensaje será más fácil de entender/recibir.

¿Cómo venderías tu idea?

• Presentar el proceso como si fuera una historia.

• Dar personalidad a tu diseño/idea/objeto.

• Tienes que estar convencido de lo que haces para poder convencer a los demás.

Tips1. Fondos con colores planos y sencillos

(colores: blanco, gris (neutro); en caso de degradados que sirvan para destacar el producto; el negro no es recomendable cuando se va a imprimir)

2. Usar máximo 2 tipos de fuentes legibles (una para el título y/o subtítulos, y otra para las explicaciones), y máximo 3 tamaños distintos para establecer jerarquías.

3. Estructurar cada lámina dependiendo de qué historia quieres contar, ejemplos: de lo general a lo particular; de lo más importante a lo menos; etc.

Concepto>Objeto (perspectiva)>Planos generales>Uso/ergonomía>Detalles

Manejo de márgenes, procurar que sean equis distantes e iguales en todas las caras para mantener el equilibrio.

Los párrafos se manejan como un elemento o un bloque, cuando se justifica el texto es más fácil de definir esta forma rectangular.

Usar las retículas para acomodar los elementos (líneas imaginarias que mantienen todo a la misma altura, dimensión y proporción).

Jugar con fondos y espacios para dar ciertas sensaciones espaciales, percepción (Gestalt).

Más tips

• Si estás contando una historia muéstrala: muestra los mejores bocetos y que expliquen un desarrollo, ¿de dónde salió la idea?.

• Usa oraciones cortas y precisas en la lámina, cuando hay mucho texto no lo quieren leer y se lo brincan.

• Manejar figuras geométricas de fondos con opacidades para delimitar secciones.

• No olvides poner tu nombre…

Lámina principal

Lámina principal:

Título del proyecto

Presentación del proyecto: explicación del concepto.

Logo (de existir o ser necesario)

Formato con concepto definido: Franja superior como marco con datos, logotipo en esquina superior derecha, acomodo en ley de tercios, etc.

Apoyo visual: Tipo de fuente (que sea legible, selección de paleta de color (en este caso verdes), qué imágenes pueden ser más impactantes o llamar la atención.

Láminas explicativas:

Formato similar en todas las láminas.

Resaltar lo que nos interesa: el producto.

Explicaciones de detalles: secciones, cortes, atributos, etc.

Distribución de la información, seguir manejando ley de tercios (ubicar los elementos en las líneas de los tercios).

Manejo de márgenes: son equis distantes y mantener su proporción. Respetar los bordes de la lámina, no pegar textos o imágenes a estos.

Dimensiones generales, manejo de escalas o cotas.

Comparación con escalas: humanas, animales, etc. Se pueden utilizar vectores, imágenes manipuladas.

Detalles que se desean destacar: función, interacción con el usuario.

Explosivos o explotados de la pieza con flechas indicativas.

Escala humana señalizada.

Ejercicio 14: Póster de película

• Escogerán una película, puede ser live action o de animación.• Diseñarán un póster publicitario con el concepto de la

película, realizarán una abstracción y utilizarán plastas para diseñarlo.

• Realizarán el diseño basado en vectores. Pueden ambientar con imágenes vectorizadas dibujadas también, figuras, letreros, logos, etc. Se pueden mezclar programas: Sketchbook, Photoshop e Illustrator.

• Utilizarán retículas para medir y realizar toda la composición. Subirán la imagen final y la impresión de pantalla con las retículas.

• Tamaño de hoja: carta a 200dpis.• Guardar en RGB para subir a deviantart.• Entrega: Miércoles 24 de junio antes de las 4pm.

• Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa (thumbnails).

• Guarden constantemente el archivo mientras trabajan y recuerden dónde lo guardaron.

Ejemplo de Cubismo en el arte digital:http://tutorgrafico.com/impresionantes-ejemplos-del-cubismo-en-el-arte-digital.html

Cosas útiles

• Disney movie posters• http://iliketowastemytime.com/2012/04/18/differe

nt-take-disney-movie-posters-10-pics• Alternative movies posters• http://www.shortlist.com/entertainment/films/the-

30-coolest-alternative-movie-posters-ever#• The origin of superheroes in minimalist posters • http://www.walltowatch.com/view/41602/

The+Origin+of+Superheroes+in+Minimalist+Posters