# Activities and Learning units

https://teachingresource.aiga.org/

# Learning Guide Template

[<span class="s1">https://teachingresource.aiga.org/</span>](https://teachingresource.aiga.org/)

### <span class="s1">Objectives</span>

<span class="s2">Objectives and tasks should align with a number of learning events outlined in the learner engagement cards.</span>

- <span class="s2">Receive</span>
- <span class="s2">Create</span>
- <span class="s2">Debate</span>
- <span class="s2">Explore</span>
- <span class="s2">Experiment</span>
- <span class="s2">Imitate</span>
- <span class="s2">Practice</span>
- <span class="s2">Meta-learn (self-reflect)</span>

### <span class="s2">Reading</span>

<span class="s2">List content learners should read before attempting a task that is set.</span>

### <span class="s2">Watching</span>

<span class="s2">List media learners should watch before attempting a task that is set.</span>

### <span class="s2">Doing (Tasks)</span>

<span class="s2">Describe the tasks you want learners to do. This should relate to the objectives, readings and watching.</span>

### <span class="s2">Tutor and student interactions</span>

<span class="s2">List the way learners will engage with the tutor and each other.</span>

- <span class="s2">Group Q&amp;A. (Agreed time live session, forum, blog)</span>
- <span class="s2">One on one Q&amp;A. (Tutor makes contact with individual learners) </span>
- <span class="s2">Group presentation and feedback. (Learners present their findings/results and seek feedback from each other) </span>
- <span class="s2">Software Demonstration. (Live demo with questions)</span>
- <span class="s2">Presentation and discussion of Ideas, techniques, and exemplars.</span>

# Elements and principles

# Textures and patterns (8hrs)

### <span class="s1">Objectives</span>

- <span class="s3">Describe the difference between texture and pattern</span>
- <span class="s3">Identify texture and pattern in design work</span>
- <span class="s3">Create seamless textures</span>
- <span class="s3">Create repeatable patterns</span>
- <span class="s3">Apply patterns and/or textures to a piece of work</span>

### <span class="s3">Reading</span>

##### <span class="s1">Texture</span>

<span class="s1">[https://www.canva.com/learn/texture/](https://www.canva.com/learn/texture/)</span>

<span class="s1">[https://blog.depositphotos.com/6-ways-to-use-textures-in-graphic-design-resources-tips-and-examples.html](https://blog.depositphotos.com/6-ways-to-use-textures-in-graphic-design-resources-tips-and-examples.html)</span>

##### <span class="s1">Pattern</span>

<span class="s1">[https://99designs.com/blog/trends/pattern-design/](https://99designs.com/blog/trends/pattern-design/)</span>

<span class="s1">[http://www.maori.org.nz/whakairo/default.php?pid=sp55&amp;parent=52](http://www.maori.org.nz/whakairo/default.php?pid=sp55&parent=52)</span>

<p class="callout info"><span class="s3">Can you find other examples of the botanical texture compositions shown in [Jerga Argentina's](http://jergaargentina.tumblr.com/)<span class=""> work?</span></span></p>

### <span class="s3">Watching</span>

<span class="s3">[https://www.youtube.com/playlist?list=PL30gKhzL7oSkaEcxtcKP0eRmyS2tfBX1o](https://www.youtube.com/playlist?list=PL30gKhzL7oSkaEcxtcKP0eRmyS2tfBX1o)</span>

- **<span class="s3">Photoshop tutorial: How to create seamless textures  
    </span>**<span class="s3">[https://www.youtube.com/watch?v=FR3Z0zr1RaY](https://www.youtube.com/watch?v=FR3Z0zr1RaY)</span>
- **How to Create Patterns in Illustrator Tutorial** [https://www.youtube.com/watch?v=n34-YmNJMrc](https://www.youtube.com/watch?v=n34-YmNJMrc)
- **Applying Blending Modes to Texture Layers** [https://www.youtube.com/watch?v=jPYG6O1tIsk](https://www.youtube.com/watch?v=jPYG6O1tIsk)

### <span class="s3">Doing (Tasks)</span>

**<span class="s1">Find 3 examples of texture be used in print ads found on Ads of the world [<span class="s5">https://www.adsoftheworld.com/</span>](https://www.adsoftheworld.com/). For each example:</span>**

- <span class="s3">Describe how you think the texture was applied (What tools and techniques were used?).</span>
- <span class="s1">Why do you think the texture was chosen (How does the texture relate to the message, what additional meaning does it convey)?</span>

**<span class="s1">Following one of the video tutorials, Create a texture or pattern and apply it to a typographic composition.</span>**

- <span class="s3">Use something from your environment as source material.</span>
- <span class="s3">The type can be anything you like. A word, a quote, a lyric, a question, a line from a movie.</span>
- <span class="s3">Experiment with the texture or pattern positioning (background, on top, blended into the composition). </span>

**<span class="s3">I’m missing one more activity that relates more to comprehension of the reading material.</span>**

### <span class="s3">Tutor and student interactions</span>

- <span class="s3">Group Discussion (Good sources of textures online, Teams channels) </span>
- <span class="s3">One on one Q&amp;A. (Make contact with each student) </span>
- <span class="s3">Group presentation and feedback. (learners present their findings/results from the examples they found) </span>
- <span class="s3">Software Demonstration. (Converting texture to bitmap for use in distressed type in InDesign)</span>
- <span class="s3">Presentation and discussion of typographic compositions.</span>

# Banknote Design

Design a novelty or commemorative bank note. Using a historical event as inspiration. The event could be real or fictional.

![Image result for commemorative banknotes](https://coinweek.com/wp-content/uploads/2015/05/gamb20d.jpg)

##### Examples

- A New Zealand $10 note, to commemorate the Sky City Convention centre fire.
- An Eastern-European inspired note to commemorate the destruction of Sokovia (from the Marvel Cinematic Universe).
- A Ukrainian bank note to commemorate the Chernobyl Nuclear Disaster.
- A set of banknotes that explores a nations historical contributions to Science, Exploration, or the Arts (other options are possible).

##### Questions

- Who was involved? and who should appear in the note?
- What iconic imagery should be represented on the note?
- What colours will convey the message and represent the value?

[https://www.youtube.com/watch?v=Z9fcM2CWWPw](https://www.youtube.com/watch?v=Z9fcM2CWWPw)

[https://www.behance.net/gallery/19414395/Hungarian-paper-money?tracking\_source=search-all%7Cbanknote](https://www.behance.net/gallery/19414395/Hungarian-paper-money?tracking_source=search-all%7Cbanknote)

[https://www.behance.net/gallery/48062147/Batidas-Visual-Identity-for-the-Brazilian-Banknotes](https://www.behance.net/gallery/48062147/Batidas-Visual-Identity-for-the-Brazilian-Banknotes)

# Print production

# Packaging – Die-lines

[<span class="s1">https://teachingresource.aiga.org/</span>](https://teachingresource.aiga.org/)

### <span class="s1">Objectives</span>

<span class="s2">Objectives and tasks should align with a number of learning event out lined in the learner engagement cards.</span>

- <span class="s2">Use Yoobee prepress guidelines to create new die-lines</span>
- <span class="s2">Describe a production process for producing box packaging</span>
- <span class="s2">Modify existing die-lines, to meet new product goals</span>
- <span class="s2">Copy existing die-lines</span>
- <span class="s2">Discuss sustainability in relation to packaging.</span>

---

**What Does Dieline Mean for the Printing and Packaging Industry?**

**Answer:** A dieline serves as a package template that ensures proper layout for a printed product. It is a diagram that shows all the cut lines and folds of a package in flattened form. They are also used for envelopes, pocket folders and more. There are a few steps toward creating proper, accurate die lines for items such as boxes.

Die lines are then created in Adobe Illustrator with certain design standards. You can then use a hard copy of the die line you create to test with the product you are packaging. Once you have it right, hard copy prototypes are made with heavyweight paper or other materials. Following careful checking of prototypes for sturdiness and other factors, the finished packaging product will be ready to hit the shelves.

[https://brownandpratt.com/packaging-services/frequently-asked-questions/what-is-a-die-line/](https://brownandpratt.com/packaging-services/frequently-asked-questions/what-is-a-die-line/)

---

### Reading

**11 inspiring packaging design trends for 2020** [https://99designs.com/blog/trends/packaging-design-trends/](https://99designs.com/blog/trends/packaging-design-trends/)

**11 Strategies to Make Your Packaging More Sustainable**  
<span class="s2">[https://www.lumi.com/blog/11-strategies-to-make-your-packaging-more-sustainable](https://www.lumi.com/blog/11-strategies-to-make-your-packaging-more-sustainable)</span>

---

**<span class="s2">Die cut templates  
</span>**<span class="s2">[https://www.diecuttemplates.com/](https://www.diecuttemplates.com/)</span>

**PACKAGING &amp; DIELINES: The Designer's Book of Packaging Dielines** <span class="s2">[https://issuu.com/designpackaging/docs/packaging-dielines-free-book-design](https://issuu.com/designpackaging/docs/packaging-dielines-free-book-design)</span>

**PACKAGING &amp; DIELINES II: The Designer's Book of Packaging Dielines** <span class="s2">[https://issuu.com/designpackaging/docs/packaging-dielines-free-book-design\_7fb37ab8a1c323](https://issuu.com/designpackaging/docs/packaging-dielines-free-book-design_7fb37ab8a1c323)</span>

---

### <span class="s2">Watching</span>

**How It's Made – Printed Packaging (4:30 mins)** [https://www.youtube.com/watch?v=zoSGvhV3EmU](https://www.youtube.com/watch?v=zoSGvhV3EmU)

**Dielines and Proofs – Packaging Prepress 101 (3 mins)**  
<span class="s2">[https://www.youtube.com/watch?v=Lax3QODXpY8&amp;list=PL30gKhzL7oSlC-VgM9ODvw15rRdHE7lFb](https://www.youtube.com/watch?v=Lax3QODXpY8&list=PL30gKhzL7oSlC-VgM9ODvw15rRdHE7lFb)</span>

<p class="callout info"><span class="s2">What did each of the lines mentioned represent? </span></p>

---

### <span class="s2">Doing (Tasks)</span>

##### <span class="s2">Create a die-line from existing box packaging</span>

1. <span class="s2">Take an existing packaging box, and unravel it and hand draw the die-line including all cuts and folds, noting the up directions for each panel.</span>
2. <span class="s2">Apply measurements to the die-line.</span>
3. <span class="s2">Use illustrator to create the die-line.</span>

### <span class="s2">Tutor and student interactions</span>

<span class="s2">List the way learners will engage with the tutor and each other.</span>

- <span class="s2">Group discussion about good packaging experiences they've had. </span>
- <span class="s2">Presentation of ideas and option related to sustainability and packaging. </span>
- <span class="s2">Group presentation and feedback. (learners present their findings/results and seek feed back from each other) </span>
- <span class="s2">Software Demonstration. (Live demo with questions)</span>
- <span class="s2">Presentation and discussion of Ideas, techniques, exemplars.</span>

# UX/UI introduction (part one) – 6 hours

### <span class="s1">Objectives</span>

<span class="s2">Objectives and tasks should align with a number of learning events outlined in the learner engagement cards.</span>

- Describe the difference be UX and UI – *Readings and definition task*
- Identify examples of good and bad UX – *Norman Door Task*
- Describe principles of Human Centred Design – *Norman door video*

### <span class="s2">Reading (2 hours)</span>

**What is UX design? 15 user experience design experts weigh in** [<span style="font-weight:400;">https://www.usertesting.com/blog/what-is-ux-design-15-user-experience-experts-weigh-in</span>](https://www.usertesting.com/blog/what-is-ux-design-15-user-experience-experts-weigh-in)

> **Consider the following questions:**
> 
> What things does **John Amir-Abbassi** believe are harder engineer and achieve in relation to user experience? Why do you think that might be?
> 
> What does **Marieke McCloskey** say UX design starts with?   
> Can you give an example where you’ve given feedback as a customer for a business, product or service?
> 
> **Joshua Porter** says UX is design with an awareness of all touch-points. He gives some examples. Can you list some more examples? Maybe for the place you work or from your experience with a product or service?
> 
> **Scott Johnson** talks about UX being “the purposeful application of logic and rational” what do you think he means by “creating experiences that offer both utility and value” . What does “working generatively” mean?

---

**What is UI design? What is UX design? UI vs UX: What’s the difference** [https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de](https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-d9113f6612de)

> **Consider the following questions:**
> 
> What does design in a Vacuum lead to?
> 
> What example is give when describing how a UX and UI team might work together?
> 
> What are UI designers concerned with? In your own words can think of an analogy or metaphor to describe the difference between UX and UI?

---

**10 Classic UX Design Fails That Teach Us How Not To Do UX**  
<span class="s2">[https://careerfoundry.com/en/blog/ux-design/10-classic-ux-design-fails/](https://careerfoundry.com/en/blog/ux-design/10-classic-ux-design-fails/)</span>

---

##### <span class="s2">Activity</span>

<span class="s2">After a class discussion about the first two articles, Create your own definition of UX and Share it with the class. Share the resources you used to help create you definition. Did you find other sources of information, which descriptions did you like best?</span>

### <span class="s2">Watching</span>

**The Norman Door (5:31)** [<span style="font-weight:400;">https://www.youtube.com/watch?v=yY96hTb8WgI&amp;feature=youtu.be</span>](https://www.youtube.com/watch?v=yY96hTb8WgI&feature=youtu.be)

> **Consider the following questions:**
> 
> What was the name of Don Normans book?
> 
> What is a Norman Door?
> 
> What is the First principle of Human Centred Design?
> 
> Can you Identify any Norman doors you have to interact with regularly?

##### <span class="s2">Activity (2 hours)</span>

<span class="s2">Find and photograph (or video) 3-5 Norman Doors. Create a Document (pdf handout, website, slideshow, video presentation) that includes your images of each door, their location, a description of why you have identified them as Norman doors, and a suggestion for how to fix them.</span>

### <span class="s2">Doing (Tasks)</span>

##### **Classic UX Design Fails (2 hours)**

In pairs, using your own definitions of UX and what you've learned so far, create two new entry for the "**Classic UX Design Fails**" article by looking at a digital experience (App, website or Game).

**Your entry should include:**

- A description of the experience you're looking at.
- A picture of the experience
- A paragraph about "**Why it’s bad UX**"
- A paragraph from each student with a possible solution
- A key takeaway

### <span class="s2">Tutor and student interactions</span>

<span class="s2">List the way learners will engage with the tutor and each other.</span>

- <span class="s2">Group discussion **What is UX?** Students should have read the articles and considered the questions before the session.</span>
- Online sharing and feedback on UX definitions.
- Presentation of Norman doors and solutions. (posted for feedback)
- Presentation of "**Classic UX Design Fails**"

# Dear future self

Establish your why. Thinking about your expectations and future ambitions - I want you to write a letter to yourself at the end of the programme

It could be a vision statement about what lights your creative fire and why you are on this journey to something you might need to hear in a years time What is the why behind your investment, not only into this programme but in yourself