digital techniques class 4 partial project

57
Digital techniques 1st Partial: Design Process Sketching TAMM-5febrero2014

Upload: tania-munoa

Post on 18-Nov-2014

274 views

Category:

Design


0 download

DESCRIPTION

DT Class 4, 1st Partial Project

TRANSCRIPT

Page 1: Digital Techniques Class 4 Partial Project

Digital techniques

1st Partial: Design Process Sketching

TAMM-5febrero2014

Page 2: Digital Techniques Class 4 Partial Project

Objetive

• The students will apply all the sketching, silhouettes, color theory and concept techniques learned in the class to present a design.

• El alumno aplicará todas las técnicas de bocetaje, coloreado, psicología del color, conceptualización, aprendido durante el primer parcial para generar una propuesta de diseño.

Page 3: Digital Techniques Class 4 Partial Project

What are we going to do?

Design and presentation of a product using certain concept.

Diseño y presentación de un producto bajo un concepto determinado.

¿¿¡¡MIAU!!??

Page 4: Digital Techniques Class 4 Partial Project

Product design (process)

• Requirements: – Research and benchmarking of the product to obtain a

concept (for “inspiration”)– Concept development (basic concept to know what, how and

why are we designing. Define forms, type of lines, what do you want to express?)

– Rapid sketching in views (remember, use the one that gives you the more information of the product).

– Exploring and explanation sketching (perspectives: using arrows, notes, volumes, contour lines, color exploration, etc.)

– Project presentation: final sketch using background, notes, colors, etc.

Page 5: Digital Techniques Class 4 Partial Project

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 6: Digital Techniques Class 4 Partial Project

Bueno… ¡¿y qué rayos vamos a diseñar?!

Well… What the hell are we going to design?!

Page 7: Digital Techniques Class 4 Partial Project

Curiosity?

Page 8: Digital Techniques Class 4 Partial Project

Can’t stand the excitement anymore?

Page 9: Digital Techniques Class 4 Partial Project

Yep! I’m trolling you!

Page 10: Digital Techniques Class 4 Partial Project

Chan chan chaaaaaan!Bottles for “liquids”!

Page 11: Digital Techniques Class 4 Partial Project

Design process(Yes! Again!)

Page 12: Digital Techniques Class 4 Partial Project

Requirements

• Concept: Answer the questions: What do I want to express? What do I want other people feel when looking at my design? What is the product for? (you can ask more things)

Write a list with your answers: “I want that people feel stressed with my design, so my design needs broken lines, strong edges,etc.

Page 13: Digital Techniques Class 4 Partial Project

Requerimientos

• Conceptualización del diseño: ¿qué quiero hacer? ¿qué quiero representar? ¿qué quiero que piensen y/o sientan cuando vean mi producto?

• Hagan una lista con las

respuestas. Ejemplo:

“quiero que al verlo se

estresen, entonces mi

producto debe

tener filos, aristas, etc.!

Page 14: Digital Techniques Class 4 Partial Project

• Benchmarking based in the concept and the product.

• Write your ideas, no matter how strange, dumb or insane they are, later they can turn in something awesome.

• Always sketch having this ideas in mind (or write them in some place on your paper to don’t forget them).

Page 15: Digital Techniques Class 4 Partial Project

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

Page 16: Digital Techniques Class 4 Partial Project

With this graphic brainstorming (rapid sketching in views) you will choose the ideas you think are the best and keep with the exploration in perspective (more details)

Then you’ll choose the best design and will make the explanation sketch with details of function, materials, colors, etc. Almost ready for a presentation.

Exploration and presentation

Page 17: Digital Techniques Class 4 Partial Project

Teniendo la lluvia de ideas gráfica (bocetos rápidos en vista), escogerán los que más les gusten y realizarán la exploración con perspectivas (usar más detalles).

Escogerán el que más les guste 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 18: Digital Techniques Class 4 Partial Project
Page 19: Digital Techniques Class 4 Partial Project

Project Process for this exercise

Page 20: Digital Techniques Class 4 Partial Project

Stage 1: Benchmarking (exploring sketches)

• The students will make at least 24 sketches using views and silhouettes.

• Always have the concept in mind (alwaaaaaaaaayyyyyyyyssssss...)

• Use different kind/types of lines, throw lines, use geometric shapes, guidelines, do it with quickly and fluency movements, not detailed, just understand the form).

• Apply sketching techniques as lights, brights and shadows with achurados or a little amount of color (solid), (use what we’ve learned)

Page 21: Digital Techniques Class 4 Partial Project

Etapa 1: Bocetaje de exploración• El alumno realizará 24 bocetos

de exploración utilizando vistas y siluetas.

• Siempre mantengan el concepto en la mente (siempreeeeeeeee...)

• Usen distintos tipos de línea (dependiendo de lo que quieren expresar), lanzamientos, mezcla de figuras geométricas, movimientos rápidos y fluidos, sin mucho detalle, sólo hay que dar a entender la forma.

• Apliquen técnicas de bocetaje que vimos como sombras, luces, brillos, poca mancha de color.

Page 22: Digital Techniques Class 4 Partial Project

Bocetos rápidos (conceptualización)

Page 23: Digital Techniques Class 4 Partial Project
Page 24: Digital Techniques Class 4 Partial Project
Page 25: Digital Techniques Class 4 Partial Project

• Choose 2 designs that you like the most, and draw their perspectives with more details: at least 3 explorations for each object (total: 6 sketches)

• Use contour lines to understand the volume, draw the views to apply the 3D planes, shadows with achurados, floor shadows, etc. Is still a process and the idea can keep changing until the end.

Stage 2: Exploration and explanation with perspectives

Page 26: Digital Techniques Class 4 Partial Project

• Escojan los 2 diseños que más les guste y dibujen sus perspectivas ya con más detalle: al menos 3 perspectivas por cada diseño (mínimo 6 en total).

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

Page 27: Digital Techniques Class 4 Partial Project

Perspectivas con pocos detalles y aplicación de

contornos para volúmenes (exploración)

Page 28: Digital Techniques Class 4 Partial Project
Page 29: Digital Techniques Class 4 Partial Project
Page 30: Digital Techniques Class 4 Partial Project
Page 31: Digital Techniques Class 4 Partial Project

Stage 3: Explanation and presentation sketches

• From “Stage 2” choose the best design and will draw 5 perspectives with more details that will be the presentation sketch: more detailed perspectives, you can use notes explaining material, function, ergonomy, anything to understand the concept; apply different colors, lights, shadows, and all the techniques to get a nice sketch.

• Remember this isn’t a render is still a sketch so leave the contour lines, achurados, etc.

Page 32: Digital Techniques Class 4 Partial Project

Stage 3: Bocetos de explicación y presentación

• Teniendo una forma más definida, deberán escoger el diseño que más les guste para realizar bocetos de explicación en distintas perspectivas ya aplicando colores, sombras, luces, achurados, notas, cortes, etc. (mínimo 5 bocetos), se pueden repetir imágenes y cambiar de color, rotar la pieza.

• Esta etapa ayudará a definir detalles, materiales, texturas aplicando color, luces, sombras.

• Finalmente se escogerá el diseño final para una presentación de la idea.

Page 33: Digital Techniques Class 4 Partial Project

• Here you will get the final sketch for the presentation, it can change and keep developing. Must be more detailed.

• Make them the best you can to use them in the presentation and don’t have to do another one later.

• Este es el diseño a presentar, puede evolucionar un vez más y debe ser más detallado.

• Hagan bien estos bocetos para usarlos como parte de su presentación y no tener que hacer otro mejor.

Page 34: Digital Techniques Class 4 Partial Project
Page 35: Digital Techniques Class 4 Partial Project
Page 36: Digital Techniques Class 4 Partial Project
Page 37: Digital Techniques Class 4 Partial Project

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

• Pueden usar 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.

• 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 presentarían su producto?

• Tamaño doblecarta en resolución mínima de 150 dpis.

Page 38: Digital Techniques Class 4 Partial Project

Stage 4: Project presentation

• Finally, using the sketches you’ve done through all the design process, you will make a Project presentation where anybody can understand the evolution of the idea/design. Is a semiformal presentation, is still an idea so, is still a sketch.

• You can (or must) use the sketches from the other stages to make a composition. For example: you can use some view sketches from stage 1 (the more representative of the idea), use the perspectives from stage 3, if you made a color exploration with them, and use the best perspective as your final sketch.

• You must mix techniques: shadows, colors, lights, general details explanation with notes, arrow, name of the product (title), background to outstand something, etc. How are you going to sell your design?

• Size: Tamaño doblecarta en resolución mínima de 150 dpis.

Page 39: Digital Techniques Class 4 Partial Project
Page 40: Digital Techniques Class 4 Partial Project
Page 41: Digital Techniques Class 4 Partial Project
Page 42: Digital Techniques Class 4 Partial Project

Presentación con fondos, letreros, flechas, escala humana usando el producto o presentándolo.

Page 43: Digital Techniques Class 4 Partial Project

Progress 1 (for Wednesday september 10th at the end of the class)

• Research and concept.

• First ideas (rough sketches just for you).

• Stage 1 (rapid sketching views)

• Half of Stage 2

Note: This is the best scenario and is optional. I want you to sleep.

Page 44: Digital Techniques Class 4 Partial Project

Avance 1 (para miércoles 10 de septiembre)• Investigación y concepto.

• Primeros bosquejos (investigación).

• Etapa 1 (bocetos rápidos de vistas y siluetas)

• Segunda exploración (vista lateral y perspectivas) (mínimo 6 bocetos entre los 2 bocetos escogidos) en monocromático.

Nota: Esto es lo ideal que debemos lograr el miércoles terminando la clase, es opcional. Quiero que duerman.

Page 45: Digital Techniques Class 4 Partial Project

Delivery day: Sunday september 14th, before 11:59pm.

Each exercise would be submitted in the belonging folder.You will choose the paper size for the sketches stages,

only the presentation will be in “doblecarta”.

Cada ejercicio se colocará en la carpeta correspondiente.El tamaño de las hojas para los bocetos serán escogidas

arbitrariamente por los alumnos.

Nota: Cuiden el tamaño de las hojas y de los bocetos. Pueden utilizar el número que necesiten de hojas.

Page 46: Digital Techniques Class 4 Partial Project
Page 47: Digital Techniques Class 4 Partial Project
Page 48: Digital Techniques Class 4 Partial Project
Page 49: Digital Techniques Class 4 Partial Project
Page 50: Digital Techniques Class 4 Partial Project
Page 51: Digital Techniques Class 4 Partial Project
Page 52: Digital Techniques Class 4 Partial Project
Page 53: Digital Techniques Class 4 Partial Project
Page 54: Digital Techniques Class 4 Partial Project

Resumen de la entrega

• Stage 1-Bocetos de exploración y siluetas: 24

• Stage 2 - Bocetos de exploración perspectivas: 6

• Stage 3 - Bocetos de explicación: 5

• Stage 4-Lámina final: doble carta

Page 55: Digital Techniques Class 4 Partial Project
Page 56: Digital Techniques Class 4 Partial Project

Y ahora… chan chan chan chaaaaaaaaaaaaannnn!!!!!

Page 57: Digital Techniques Class 4 Partial Project

Líquidoooooos1. Leche

2. Agua mineral

3. Vino rojo

4. Vodka

5. Cerveza artesanal

6. Refresco de limón

7. Jugo de arándanos

8. Horchata

9. Bebida energética/vitamínica

10. Té helado

11. Café helado

12. Ron

13. Bebida de soya

14. Agua de coco

15. Yoghurt bebible

16. Cognac

17. Piña Colada

18. Tequila/Mezcal

19. Sake

20. Tascalate

21. Pisco sour

22. Caipirinha

Comodín: Coca Cola

http://creativecrusade.com/pro-bottle-design-inspiration/http://www.dezeen.com/2013/10/18/vodka-bottle-by-karim-rashid-for-anestasia/