Design IllustrationBiomimicry Project – Ohe Team

Sustainable Design PrinciplesIs this worth doing?What is the goal we are addressing

with our solution?Are you solving the problem or the

symptom?Is it a win-win-win? Does it minimize

the creation of new problems?

Student OutcomeThe goal of this part of the biomimicry project is

to create an illustration of your system or product that you designed.

Your illustration will be done using a drawing that is inked and scanned into photoshop.

Using photoshop, you will color, add values and text to your illustrations to complete your design.

You will write a one paragraph explanation of your design, so that together with your illustration anyone can understand what your product or system does.

What is Design Illustration?We are visual people with a better

understanding of what we see rather than what we read or hear about. If you have a brilliant invention idea, you may need to convey its usefulness before the prototype is developed.

That means you’ll need some kind of imagery of what it may look like and what it does.

Product illustration is the visualization of your idea, a conceptual representation. It is used to show and tell before you have the actual product to demonstrate.

Different OptionsComputer illustration is the most common

and can sometimes be quicker with a more realistic look.

Rendering by hand can be done with pencils, paints, pen and ink or any art materials. The choice really depends on the product, Before anything, you’ll need to decide on your product’s branding, or its personality, that you want to convey to your audience. That will help determine the illustration style.

Multiple ViewpointsMost likely you’ll need at least 2 views of the

product to show its dynamics. The basics are front, back, side, top and bottom. There should also be an angled view to show the product more 3 dimensionally, which could also look up or down at the product. The views used just need to make sense with the most important details of the subject at the forefront.

A few more variations to reveal more detail are the cutaway view and the exploded view. If used, at least one other basic view should also accompany it.

Multiple Viewpoints

Multiple Viewpoints

Cutaway or Ghosted ViewThe cutaway or ghosted view takes

away external areas of the product or makes them transparent in order to see the inner parts. This allows someone to understand the internal workings of the invention in relation to its outward appearance.

Look at the examples on the next slides.

Ghosted View with Details

What’s missing from this?

Exploded ViewThe exploded view is literal in the

sense that the parts of an object have exploded in an orderly manner. They are floating and separated slightly to show their relationship and how they fit together. This type of drawing shouldn’t ever be the main image to represent the product. It may do a good job explaining how the product works or how it’s constructed, but it doesn’t do an adequate job showing what exactly the subject is.

Systems Illustration - ?sSystems thinking means you consider

broader issues—preferably at the very beginning of design. These questions must be answered: Who will use this product? How will it be used? What is the relationship of one part to the whole? Where does it start and end? These concepts should subsequently be rendered visually, through a drawing or model that a design team can refer to as a representation of their overall vision.

Look at some examples.

Systems: Landfill Process

Sytem: Turbine Power Plant

System: Osmotic Power

System: PA

System: What is it?

System: What is it?

What is missing?

AssessmentYou will be assessed on your illustration and

your one paragraph explanation.Your illustration will be assessed on: Design,

Detail, Color, and Shading.Your paragraph will be assessed on how well

you explain what your system or product does, how it is sustainable, how it mimics nature, and how it solves the problem.

See Rubric.

Product IllustrationIf your group design is a product, you

will need to do an illustration that includes multiple views or ghost/cutaway view.

You need labels.

System IllustrationIf your group design is a system

illustration, your drawings should be side view.

You need to have labels.

Timeline: Day 1 - 3Day One: sketch, decide, then draw a full size

sketch of the product or system. You should know what colors you will use. Write where the labels will go and what it will say. Check rubric.

Day Two: draw final illustration with details and realism. Drawing should be with lines only. No words, arrows, shading, or coloring in. Final illustration due at end of day. Check rubric.

Day Three: Scan and color in Photoshop. Follow instructions that were emailed to you. Illustration should be colored by the end of day. Check rubric.

Timeline: Day 4 - 5Day Four: add value to the illustration.

Start to add arrows and text. Check rubric.

Day Five: finish arrows and text. Check final illustration with rubric to ensure earning maximum points. Get feedback from classmates and advisor. Make adjustments. Turn in.

Day 1: Monday, Feb. 27 (E)7:51-8:34 Design Powerpoint slides 1-26.8:40-9:23 Sketch ideas for product/system.

Decide on one you will do as group. Colors and labels (location and words) decided.

9:38-11:10 Each person, draw a full size sketch of your design in pencil. Include cutaway or multiple views. Work out colors, labels, arrows, etc.

12:07-12:52 Finish sketch. Check rubric. Get feedback – do they understand your drawing?

Day 2: Tuesday, Feb. 28 (F)8:11-9:44 Using your sketch, draw your

final design. Include all details. Draw with pencil using lines only; no shading, coloring, arrows, or words. These will be done in Photoshop.

9:59-10:41 Continue drawing final design.

10:47-11:29 Continue drawing final design.

1:59-2:41 Final design due at the end of class.

Day 3: Wed., Feb. 29 (O-7) 7:35-8:50 Ink your design carefully. Trace

all pencil lines. Make sure you connect all lines (no gaps). No mistakes.

8:57-10:12 Scan design onto your laptop. Watch the Photoshop instructional video. Download the Photoshop instructions.

1:33-2:48 Follow the instructions on how to prep your artwork and color in your design. Coloring should be done by end of class. Check rubric.

Day 4: Thurs., Mar. 1 (E-4)9:47-11:02 Follow instructions and add

values (burn and dodge tools) to your design. Start to add arrows and text.

12:53-2:08 Keep working on design.

Day 5: Friday, Mar. 2 (A)7:35-8:23 Finish arrows and text.8:29-9:14 Check completed design with

rubric to ensure you are earning maximum points. Make adjustments as necessary.

12:02-1:38 Get feedback from others on your finished design. Make small adjustments as necessary based on feedback

1:44-2:29 Turn in completed project.