Técnicas Digitales Clase 09 Proyecto 1er Parcial
-
Upload
tania-munoa -
Category
Design
-
view
110 -
download
3
Transcript of Técnicas Digitales Clase 09 Proyecto 1er Parcial
![Page 1: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/1.jpg)
Técnicas de representación digitales
1er Parcial: Proceso de diseño y Presentación
TAMM-7febrero2017
![Page 2: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/2.jpg)
Objetivos• El alumno aplicará
todas las técnicas de bocetaje, coloreado, psicología/teoría del color, conceptualización, etc., aprendido durante el primer parcial para generar una propuesta de diseño.
![Page 3: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/3.jpg)
¿Qué es lo que haremos?Diseño y presentación de un producto bajo un concepto determinado.
¿¿¡¡MIAU!!??
![Page 4: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/4.jpg)
Diseño de producto• Requerimientos:
– Investigación y benchmarking del concepto y el producto (es personal no se entrega, es para “inspiración”).
– Conceptualización (básica para saber qué, cómo y por qué están diseñando lo que están diseñando, qué formas pueden explorar, qué quieren trasnmitir, etc.).
– Bocetaje rápido de investigación en vista (la vista que dé más información y les sea más útil).
– Bocetaje de exploración y explicación en perspectivas (pueden utilizar flechas, notas, volúmenes, líneas de contorno, pruebas de color, etc.)
– Presentación del proyecto con un boceto final de presentación con detalles, fondos, notas, colores, etc.
![Page 5: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/5.jpg)
Proceso de diseño(¡Si! ¡De nuevo!)
![Page 6: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/6.jpg)
Requerimientos• Conceptualización del diseño: ¿qué quiero
hacer? ¿qué quiero representar? ¿qué quiero que piensen y/o sientan cuando vean mi producto?
• Ejemplo: “quiero que al verlo se estresen, entonces mi producto debetener filos, aristas, líneasquebradas: agresividad,etc.!
![Page 7: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/7.jpg)
• Lluvia de ideas basado en la conceptualizción y benchmarking.
• Anoten sus ideas, no importa lo locas o tontas que puedan parecer en el momento.
• Boceten teniendo estas ideas en mente, o mejor anótenlas en alguna parte del papel para que no se les olviden (vistas y siluetas).
¡NO SEAN
LITERALES!
![Page 8: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/8.jpg)
Teniendo la lluvia de ideas gráfica (bocetos rápidos en vista), escogerán los que más crean que tienen potencial y realizarán la exploración con perspectivas (detallar más y/o mejorar, evolución del diseño).
Escogerán el que más potencial tiene y finalmente harán el boceto de explicación con detalles de función, materiales, colores, etc. listo para aplicarlo a una presentación.
Exploración y presentación
![Page 9: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/9.jpg)
![Page 10: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/10.jpg)
Proceso de diseño para este ejercicio
![Page 11: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/11.jpg)
Etapa 1: Bocetaje de exploraciónEl alumno realizó una etapa de investigación y
conceptualización con bocetos en vistas como lluvia de ideas.
• Mínimo 15 bocetos
Cuando conceptualizas debes (¡de ley!)• Siempre mantener el concepto en la mente
(siempreeeeeeeee...).• Siempre pensar en qué objeto estás
diseñando.El boceto debe cumplir con:• Lanzamiento de líneas, manejo y mezcla de
figuras geométricas y líneas guías, movimientos rápidos y fluidos, sin mucho detalle, calidades de línea; sólo hay que dar a entender lo que es.
• Apliquen técnicas de bocetaje que vimos como sombras, luces, brillos, poca mancha de color, CALIDADES DE LíNEA.
![Page 12: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/12.jpg)
Bocetos rápidos (conceptualización)
![Page 13: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/13.jpg)
![Page 14: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/14.jpg)
• Escojan el diseño que consideren tiene más potencial y dibujen 2 perspectivas ya con más detalles para visualizar mejor el concepto: verlo de distintos ángulos. Aún no llevan el color final, trabajamos volumen con luz y sombra y pueden manejar técnicas de color que vimos como: mancha de color, cel shading, monocromático, fondo de color.
• Manejo de detalles: botones, hendiduras sencillas, display, etc. Comienzan las notas para señalar función, material, etc.
• Usen líneas de contorno para los volúmenes, dibujen las vistas para entender la tridimensionalidad, apliquen sombras con achurados, sombras en el piso, etc. Esto sigue siendo un proceso que seguirá cambiando hasta el final. (EVOLUCIÓN)
Etapa 2: Exploración y explicación con perspectivas
![Page 15: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/15.jpg)
Perspectivas con pocos detalles y aplicación de contornos para volúmenes (exploración)
![Page 16: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/18.jpg)
![Page 19: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/19.jpg)
Teniendo el objeto definido en perspectiva, realizarán bocetos de explicación y detalles manejando letreros, notas, flechas, cortes, etc.
• Mínimo 1 detalle con escala humana y puede llevar ambientación o no (ustedes escogen como presentar).
• Mínimo 2 detalles del objeto, que pueden ser: Cortes, acercamientos a un detalle como botones y uso señalado con flechas, ensambles y explotados, estudio de materiales y/o colores, etc.
• El boceto de presentación final (sigue siendo un boceto con materiales finales)
Etapa 3: Bocetos de explicación y presentación
![Page 20: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/20.jpg)
• Este es el diseño que utilizarán en la presentación final, puede evolucionar una vez más y debe ser lo más detallado posible pero siendo aún boceto.
• Hagan bien estos bocetos para usarlos como parte de su presentación y no tener que hacer otro mejor.
![Page 21: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/22.jpg)
![Page 23: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/23.jpg)
![Page 24: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/24.jpg)
![Page 25: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/25.jpg)
![Page 26: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/26.jpg)
![Page 27: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/27.jpg)
![Page 28: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/28.jpg)
Etapa 4: Lámina final- presentación del proyecto• Finalmente realizarán una lámina de presentación del diseño
donde se entienda la evolución del diseño, explicaciones de uso, una presentación básica y semiformal.
• Usen las imágenes que fueron creando durante todo el proceso. Por ejemplo, la vista lateral escogida, las perspectivas que consideren necesarias para comprender el objeto, hacer el boceto más formal desde la etapa de explicación para sólo pegarla en la lámina.
• Coloquen un breve texto explicativo del concepto y que los bocetos terminen de narrar la historia.
• La técnica debe ser mixta: colores, sombras (achurados, mancha, etc.), luces y detalles generales (pueden aplicar notas, nombre para el producto, fondos para resaltarlo, etc). ¿Cómo van a vender la idea?
• Tamaño doblecarta en resolución mínima de 100 dpis.
![Page 29: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/29.jpg)
Presentación con fondos, letreros, flechas, escala humana usando el producto o presentándolo.
![Page 30: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/30.jpg)
![Page 31: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/31.jpg)
![Page 32: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/32.jpg)
![Page 33: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/33.jpg)
![Page 34: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/34.jpg)
Avances: Viernes 10 de febrero• Etapa 1: Vistas ya terminadas para revisión.• Comenzar con Etapa 2 en clase:
perspectivas exploración y explicación, seguir trabajando. (les conviene empezar antes y llevar dudas a la clase).
• Las vistas de Etapa 1 se suben en la carpeta correspondiente: Sábado 11 de febrero antes de las 10pm.
Nota: Esto es lo ideal que debemos lograr para el viernes terminando la clase, es opcional. Quiero que duerman.
![Page 35: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/35.jpg)
• Etapa 2: terminado para revisión.• Etapa 3: Avance de detalles y de
preferencia avance de la lámina.• Chambear y dudear mucho para que
Wampi les pueda apoyar, si no tienen nada qué mostrar cómo los puede asesorar…
Subir Etapa 2 el Miércoles 15 de febrero antes de las 10pm.
Avances: Martes 14 de febrero
![Page 36: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/36.jpg)
Cada Etapa debe subirse al fólder que le corresponde.
Para los bocetos ustedes son libres de escoger el tamaño de hoja que más les convenga, sólo la presentación debe tener el formato doble carta.
Nota: Cuiden el tamaño de las hojas para poder usar los bocetos en la presentación. Pueden utilizar el número que necesiten de hojas.
Entrega proyecto: Viernes 17 de febrero antes de las 3pm.
![Page 37: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/37.jpg)
Etapa 1: Conceptos
![Page 38: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/38.jpg)
Etapa 2: Exploración formal
![Page 39: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/39.jpg)
Etapa 3: Explicación/detalles/materiales
![Page 40: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/40.jpg)
Etapa 1: Conceptos (formas en vistas)
![Page 41: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/41.jpg)
Etapa2: Perspectivas con mayor detalle.
![Page 42: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/42.jpg)
![Page 43: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/43.jpg)
Etapa 3: Detalles
![Page 44: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/44.jpg)
![Page 45: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/45.jpg)
Etapa 4: Presentación
![Page 46: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/46.jpg)
![Page 47: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/47.jpg)
Resumen de la entrega• Etapa 1-Bocetos conceptualización: mínimo
15 bocetos• Etapa 2 - Bocetos de exploración
perspectivas: mínimo 2 bocetos• Etapa 3 – 1 Escala humana, 2 Bocetos de
explicación y detalles; 1 Boceto de presentación final.
• Etapa 4- Lámina de presentación: doble carta
![Page 48: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/48.jpg)
Producto: Radio Reloj despertador• Canción alarma: Paradise (What about
us?) de Within Temptation• Requerimientos del diseño:
– Debe tener un display.– Puede funcionar como deseen (electricidad,
energía solar, plutonio, magia, etc.)– Puede o no conectarse a celular/reproductor de
música, pero no es una bocina, es radio reloj.
![Page 49: Técnicas Digitales Clase 09 Proyecto 1er Parcial](https://reader036.fdocumento.com/reader036/viewer/2022062503/589e68661a28ab1a548b5c55/html5/thumbnails/49.jpg)
Lo que ocurrirá si no lo hacen bien…