23
Técnicas de representación digital Clase 17: Expresión gráfica/Pósters TAMM-17marzo2017

Técnicas Digitales Clase17 presentaciones em2017

Embed Size (px)

Citation preview

Page 1: Técnicas Digitales Clase17 presentaciones em2017

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

TAMM-17marzo2017

Page 2: Técnicas Digitales Clase17 presentaciones em2017

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.

Page 3: Técnicas Digitales Clase17 presentaciones em2017

Expresión gráfica

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

¿Cómo puedo impactar al espectador?

Page 4: Técnicas Digitales Clase17 presentaciones em2017

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

Page 5: Técnicas Digitales Clase17 presentaciones em2017

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.

Page 6: Técnicas Digitales Clase17 presentaciones em2017

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

Page 7: Técnicas Digitales Clase17 presentaciones em2017

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

Page 8: Técnicas Digitales Clase17 presentaciones em2017

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

Page 9: Técnicas Digitales Clase17 presentaciones em2017

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…

Page 10: Técnicas Digitales Clase17 presentaciones em2017

Lámina principal

Page 11: Técnicas Digitales Clase17 presentaciones em2017

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.

Page 12: Técnicas Digitales Clase17 presentaciones em2017

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.

Page 13: Técnicas Digitales Clase17 presentaciones em2017

Dimensiones generales, manejo de escalas o cotas.

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

Page 14: Técnicas Digitales Clase17 presentaciones em2017

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.

Page 15: Técnicas Digitales Clase17 presentaciones em2017
Page 16: Técnicas Digitales Clase17 presentaciones em2017
Page 17: Técnicas Digitales Clase17 presentaciones em2017
Page 18: Técnicas Digitales Clase17 presentaciones em2017
Page 19: Técnicas Digitales Clase17 presentaciones em2017
Page 20: Técnicas Digitales Clase17 presentaciones em2017
Page 21: Técnicas Digitales Clase17 presentaciones em2017
Page 22: Técnicas Digitales Clase17 presentaciones em2017
Page 23: Técnicas Digitales Clase17 presentaciones em2017

Cortar formas en Illustrator

• Cutting shapes in Illustrator (manejo del pathfinder)

https://www.youtube.com/watch?v=0LMqhHkI76I

Tijera

https://www.youtube.com/watch?v=VkmT2kmk0F4