Este documento presenta técnicas básicas de composición gráfica para realizar presentaciones efectivas. Explica conceptos como equilibrio, ley de tercios, jerarquización visual, uso de fondos y letreros dibujados, así como escalas humanas y diagramas para explicar detalles. El objetivo es enseñar a los estudiantes a organizar y comunicar ideas de manera clara y atractiva mediante el diseño de diapositivas.

1. Técnicas de representación
digitales
Clase 8: Presentación
básica, composición.
TAMM-1septiembre2017

2. Objetivos
• El alumno aprenderá técnicas de composición
para realizar presentaciones.
• Manejo de renders, fondos, letreros, etc., para
explicar su idea.

3. Composición gráfica (lo
básico)
• Herramienta visual básica que sirve para
expresar de manera organizada una idea.
Componer= Organizar
• Las reglas de composición gráfica se
basan en principios compositivos de la
pintura y la escultura.
• Las leyes compositivas afectan la
percepción (GESTALT).

5. • Las composiciones gráficas deben apuntar
principalmente a resolver los problemas de
percepción visual: tensión, equilibrio,
balance, dinamismo, estabilidad,
contraste, unidad dentro de la variedad,
proporciones, entre otros.
Equilibrio

6. Lo blanco llama primero la
atención porque se asocia con la
luz.

7. Ley de tercios
Son líneas guías que ayudan
a la composición visual:
fotografía, pintura, películas,
diseño, etc.
Debemos dividir el encuadre
en tres partes horizontales y
tres verticales, utilizando
para ello líneas imaginarias y
en los puntos de
intersección de estas líneas
debemos colocar los puntos
de interés. De esta forma
conseguimos que la
composición sea equilibrada.

10. Presentación: Vender la idea
• Uso de fondos, marcas y/o títulos.
• Acomodo lógico, aprovechando el
espacio, seguir una secuencia.
• Uso de letreros DIBUJADOS, ordenados.
• Uso de flechas DIBUJADOS, que
parezcan parte de la composición.
• Sombras del piso trazadas con una forma
definida que puede ser una abstracción,
elipses, etc.

11. Jerarquizar: ¿qué quiero que noten más? ¿qué es lo más importante?

12. El acomodo, por lo general, comienza de la esquina superior izquierda porque así
es como leemos, para nosotros siempre es lp más rápido de identificar. Nuestra
forma de ver una lámina es en diagonal de la esquina superior izquierda a la
esquina inferior derecha.

13. Ideas >> Explicaciones >> Objeto final

14. Thumbnails o diagrama
• Realizar un bosquejo de cómo será el
acomodo realizando acomodos en
rectángulos pequeños llamados thumbnails
(por el tamaño).
• Usar esta técnica dará más opciones de
acomodo en menos tiempo y al momento de
realizar la composición final será más rápido.
• https://es.pinterest.com/pin/1970393566274659/

16. Fondos sencillos, que no
llamen demasiado la
atención, pueden estar
afectados por las sombras,
por ejemplo.
Notas usando guías para
mantener un orden,
control y limpieza.

17. Pueden mostrar el proceso de diseño
Uso de distintas etapas: vistas, perspectivas,
explicaciones con notas y detalles.

18. Desarrollo de la idea

20. Elección de fuentes:
• Se puede utilizar una fuente “exótica”
como título, y fuentes legibles para los
textos explicativos.
• No usar más de tres fuentes: Título,
subtítulos y texto.
• Los letreros y notas deben ser dibujados o
buscar fuentes que concuerden con los
bocetos: fuentes tipo dibujadas como las
arquitectónicas.

22. Composición
mezclando técnicas:
lanzamiento de
líneas, achurados,
fondos, letreros,
sombras, etc.
Cuenten una historia:
Describan el proceso
de evolución

24. La presentación puede estar acomodada según cierta figura como un
círculo, una diagonal, una línea en zigzag, etc.

26. Jamás dejen objetos mochados y
menos que se salgan de la hoja :O

27. Detalles y letreros
Explicación de detalles
de funcionamiento,
agarre, materiales, etc,
se utilizan:
• Diagramas/explosivos
• Cortes
• Letreros o notas
explicativas
• Flechas y fondos
Ejemplo:
https://es.pinterest.com/pin/4

28. • Los detalles explicativos se representan con
cortes del objeto.
• Se deben encerrar en una figura, puede ser un
círculo o un rectángulo para darles su
lugar/delimitarlos, o que se entienda la
delimitación.

30. Explosivo o explotado: muestra cómo se arma un objeto, sirve para
comprender las partes externas e internas del objeto o alguna función
específica (ej. Cómo se abre, cómo se colocan las baterías, etc.).

31. Manejo de escalas humanas

32. Las escalas humanas también
son a nivel boceto, pueden ser
señaladas, no necesitan ser
dibujos realistas, sólo entender
qué es y cómo interactúa con
el objeto.

37. Otros detalles son ambientaciones para ver
dónde vive el objeto y como convive con el
usuario 

39. Las flechas y letras que se utilizan
se deben dibujar.

40. Mezclando técnicas: flechas, notas y escalas
humanas para explicar funcionamiento/procesos

42. Ejercicio 4.5: Presentación de
batidoras
Con todo lo que han realizado hasta el momento armarán la
lámina de presentación del proyecto completo.
Debe tener:
•Breve texto explicativo del concepto/proyecto.
•Título general y subtítulos.
•Letreros y flechas explicativos.
•Fondos y sombras de piso.
•Detalles: escala humana y explosivo sencillo.
•Boceto de presentación.
•Elementos de ejercicios anteriores que les puedan servir
para realizar la composición.

43. • Tamaño de hoja: Doble carta, a 100 dpis.
• Entrega via deviantart: Martes 5 de
septiembre antes de las 3pm.