Download - Técnicas Digitales Clase18 presentaciones
![Page 1: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/1.jpg)
Técnicas de representación digitalClase 18: Expresión gráfica/Pósters
TAMM-18octubre2016
![Page 2: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/2.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/3.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/4.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 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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/5.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/6.jpg)
¿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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/7.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/8.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/9.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/10.jpg)
Lámina principal
![Page 11: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/11.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/12.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/13.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/14.jpg)
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 Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/15.jpg)
![Page 16: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/19.jpg)
![Page 20: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/20.jpg)
![Page 21: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales Clase18 presentaciones](https://reader035.vdocuments.site/reader035/viewer/2022062223/589e69291a28ab1a548b5eb1/html5/thumbnails/22.jpg)
Cortar formas en Illustrator
• Cutting shapes in Illustrator (manejo del pathfinder)
https://www.youtube.com/watch?v=0LMqhHkI76I
Tijerahttps://www.youtube.com/watch?v=VkmT2kmk0F4