SUMMATIVE: Packaging Design

Project Brief

Create a package design for a product (must be school-appropriate)
Use each principle of design & reflect on each of them

Process

Design a draft of your packaging design
Give/receive peer feedback
Print draft and cut/put together and photograph prototype
Finish design and finalize

Decide on a Product and Package Type

Decide what product you would like to design packaging for (food, cosmetics, drink, etc.)

Your product can be real (re-design the current packaging)
Your product can be made up

Decide how your product will be packaged. Your options are:
- box (ex: cereal)
- jar (ex: sauce)
- bag (ex: chips)

Draft

Find Template in Shared Drive

Open Finder
On the left side, scroll down to "Locations" and click "Google Drive" (NOT "My Drive")
Click "Shared drives" > "Graphic Design 2 Templates"
Double-Click "Packaging Design Template.ai" to open.

Save as A Creative Cloud File

Go to "File" > "Save As..."
Click "Save to Creative Cloud"
Click "Save"

Unlock/Hide Layers

Open the Layers panel
Unlock the layer you'd like to use
Hide the layers you don't want to use.

Choose Background Color

Select the outlined packaging shape (they are all grouped together)
Click the <-> arrow next to the color swatches to switch the outline and fill.
Double-click the swatch and use the Color Picker to choose a background color
- If you want different parts different colors, you'll have to ungroup.

Draft Text / Typography

Add the following text:
- Product name
- Description
- Manufacturer name/logo
- Contents/Ingredients
- Size (ex: "32 oz")

Draft Visual

Use Adobe Fresco to draft a vector or raster drawing of your product to go on your packaging
- Your drawing at this stage should not be complete - you will need to improve it later
Hide the bottom white layer.
Export as a PDF (for Vector) or PNG (for Raster) to your "My Drive" > "Graphic Design 2" > "2 - Principles"

Principles Check

Did you use the principles of design?

1. Repetition: What elements of art repeat? How?
2. Contrast: What elements of art differ? Is it high or low contrast?
3. Alignment: How are different elements aligned?
4. Balance: Is there approx. formal/symmetrical balance or informal/asymmetrical balance? How?
5. Emphasis: What is the focal point and how did you make it stand out?
6. Hierarchy: Does your text size get smaller based on how you want people to read your design?
7. Rule of Thirds: What is placed on the rule of thirds intersection(s)? Why?

Save

Because your file is saved on Creative Cloud, it will be a ".aic" file - this means Illustrator saves your file every 5 minutes.

If you see an asterisk (*), that means there are unsaved changes.
To save, in the top menu, click "File" > "Save"
- If "Save" is grayed out, it means your file has already been automatically saved.

Save as a PDF File

Go to "File" > "Save As..."
Click "Save on your computer"
Click the down arrow to the right of "Where"
Choose "My Drive" > "Graphic Design 2" > "2 - Principles"
Change the Format to "Adobe PDF (pdf)"
Click "Save"
Click "Save PDF"

Submit Google Drive Link to Canvas

In Finder:

Right-click on "Graphic Design 2" and click "Copy link to clipboard"
Paste the link in Canvas.

SUMMATIVE: Peer Feedback on Draft

Export as JPG

In Illustrator, go to "File" > "Export" > "Export As"
Set the location to "My Drive" > "Graphic Design 2" > "2 - Principles"
Choose the Format as "JPEG (jpg)"
Check "Use Artboards

Upload to Canvas Discussion

Go to Canvas > Discussions > "SUMMATIVE: Peer Feedback on Draft" (https://bethelsd.instructure.com/courses/108930/discussion_topics/353982?module_item_id=4533644)
Click "Reply"
Open Finder and locate your exported image.
Drag it into the reply area.

Reply to your Peers

Choose a peer's post that doesn't already have 2 replies.
Click "<- Reply" on that peer's post and type answers to the following two questions:
1. Choose a principle of design and explain how they used it well.
  - Example: Contrast: You chose colors that create high contrast.
2. Choose a principle of design and explain how they could improve.
  - Example: Hierarchy: Your text is all a similar size. Try changing the sizes to create hierarchy.
Repeat for another peer.

Principles of Design

1. Repetition: What elements of art repeat? How?
2. Contrast: What elements of art differ? Is it high or low contrast?
3. Alignment: How are different elements aligned?
4. Balance: Is there approx. formal/symmetrical balance or informal/asymmetrical balance? How?
5. Emphasis: What is the first thing you look at and why does it stand out?
6. Hierarchy: Does the text size get smaller based on how you want people to read your design?
7. Rule of Thirds: What is placed on the rule of thirds intersection(s)? Why?

Photo of Prototype

Once your draft is printed, cut it out.
Use tape or staples to put together your draft. If it is a jar label, tape it to one of the sample jars.
Take a photo of your prototype.
Add your photo to "My Drive" > "Graphic Design 2" > "2 - Principles"
Submit a link on Canvas.

SUMMATIVE: Final Design

Make a Copy of the Reflection (Google Doc)

Go to: https://docs.google.com/document/d/19bgxIY4yflQ--IgXxtatdtTCRaGN70BkJuG7hqGTKug/copy
Click "Make a copy"

Move to Your Folder

Click the move icon to the right of the document title.
Navigate to "My Drive" > "Graphic Design 2" > "2 - Principles"
Click "Move"

Pre-Reflection

Answer the 2 pre-reflection questions.

Improve Your Design (Required for a 4)

Improve your draft illustration/visual (in Fresco) then re-add to your Illustrator file.
Improve your typography in Illustrator
Make improvements to other parts of your design in Illustrator: spacing, hierarchy, rule-of-thirds, etc.

Save as a PDF File

Go to "File" > "Save As..."
Click "Save on your computer"
Click the down arrow to the right of "Where"
Choose "My Drive" > "Graphic Design 2" > "2 - Principles"
Change the name to "SUMMATIVE: Final Packaging Design"
Change the Format to "Adobe PDF (pdf)"
Click "Save"
Click "Save PDF"

Principles of Design Reflection

Complete the Principles of Design reflection questions on your Google Doc.

Submit Google Drive Link to Canvas

In Finder:

Right-click on "Graphic Design 2" and click "Copy link to clipboard"
Paste the link in Canvas.

Page updated

Google Sites

Report abuse