Técnicas Digitales, clase17: Presentaciones y retícula, em2017

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

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

3. Expresión gráfica
¿Cuál es la mejor
manera de expresar
tus ideas de manera
gráfica?
¿Cómo puedo
impactar al
espectador?

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

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

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

7. Tips
1. 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

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

9. 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…

10. Lámina principal

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

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

13. Dimensiones generales,
manejo de escalas o cotas.
Comparación con escalas:
humanas, animales, etc. Se
pueden utilizar vectores,
imágenes manipuladas.

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

23. Cortar formas en Illustrator
• Cutting shapes in Illustrator (manejo del
pathfinder)
https://www.youtube.com/watch?v=0LMqhHkI76
Tijera
https://www.youtube.com/watch?v=VkmT2kmk0