GRAPHIC DESIGN LAB — 2018 — 1st Semester
Jürgen Späth &
Rebecca Morganti-Pfaffhauser — Visual Programming: Luke Franzke
FLTR: Tanner Janina, Jennifer Duarte, Chen - Szakacs — 2017
The maximum effect of a poster is a striking verbal and visual reduction to the essentials. "Like something unexpected and surprising, as a kind of optical incident ..." ... "The poster must enter the emotional sphere ... like a burglar through the window, with a crowbar in his hand ..." A.M. Cassandre Slimy pit tea – its playtime! Material to bring to the Kick-Off | Expected Products B — Moving Poster programmed with processing C — Documentation Format: PDF Fonts for use as a base: Working form Learning goals Learning goals: — playful learning — capture the influence of word and image Criterion of the evaluation | Books |
Typo & Icons
Exercise 01.1
Explore 3 luxury brands or premium brands that have a strong and clear visual identity. These brands can come from fashion, automotive, watches, jewelery, cosmetics etc.
Example brands
Fashion: Hermes, Chanel, Louis Vuitton etc. Automotive: Ferrari, Maserati, Aston Martin etc. Watches: Patek Philippe, Rolex, IWC etc. Alcoholic beverages: Richard Hennessy, Chateau Lafite Rothschild, Dom Perignon etc.
Exercise 01.2
Create a Moodboard with the essential, visual parameters of each of the 3 brands, from which the look & feel of the brand is readable.
Moodboard content
01 word mark, figurative mark or word/figurative mark
02 primary colours and secondary colours of the corporate design
03 fonts of corporate design
04 corporate design elements
05 materiality of the products
06 design language of the products
07 images
08 etc.
Moodboard media
All media are welcome
Exercise 01.3
Find the used fonts and name them.
Example tools
Result
font, font style and application area
Exercise 02.1
Explore for the following terms pictograms and / or icons.
Terms
01 hotel
02 dinner / meal
03 coffee
04 nightlife
05 shopping
06 entertainment
07 recreation
08 visitor attraction / sight
09 map
Number of pictogram / icon
at least 5 to each term
Books
https://www.amazon.de/Icons-Entwicklung-Design-visueller-Symbole/dp/3830714432
Exercise 02.2
Select a brand from exercise 01.1. For this brand, develop two different icon families for the terms in exercise 02.1.
Phase 01
First create analog sketches of the terms.
Phase 02
After phase 01, convert two icon families digitally.
Tools phase 01
Paper, pen
Tools phase 02
Illustrator
Example pictogram family
https://www.iconfinder.com/iconsets/aiga-symbol-signs
Exercise 03.0
Your selected brand knows your customers and their needs very precisely. For this reason, they are developing a city guide app to accompany their customers when traveling with tips and services. It is important to notice the brand, but not by the frequent placing of the logo, but by applying the visual parameters such as fonts, colors, elements etc.
Exercise 03.1
The introduction to the City Guide goes through the inspiration of several cities in word and image through which the user can swip. Two further screen situations are intended to encourage the user to browse through the individual City Guides and to refer
to the website.
Image material
Find pictures of the different cities in order to put them in the background. Consider, if possible, the language of the brand.
Text
Screen 01: NEXT GUIDE LONDON DISCOVER THE CITY GUIDE
Screen 02: IT´S 9PM CAPE TOWN THE PERFECT TIME TO SAVOUR DELICIOUS DISHES AT THE GREEN HOUSE. DISCOVER THE CITY GUIDE
Screen 03: NOW IN SYDNEY TROPFEST INTERNATIONAL SHOWCASE FOR SHORT FILMS DISCOVER THE CITY GUIDE
Screen 04: MEXICO CITY 150 MUSEUMS CAN BE EXPLORED HERE DISCOVER THE CITY GUIDE
Screen 05: FEEL LIKE TRAVELLING? BROWSE THE CITY GUIDES
Screen 06: THE WORLD OF ...... VISIT THE WEBSITE OF ......
City guides
Here you can find all the city guides that offer your brand.
+
Here you can find additional information.
Exercise 03.2
Start screen of a selected city. On the screen is the name of the city and the main menu. With the arrow you come back on the start screen.
Arrow: Develop an arrow that returns the user a hierarchy level.
Exercise 03.3
Display the content in a list with icons. Extend or modify your icons from exercise 02.1
Circle: The circles are placeholders for icons.
Schedule
| Week 1 | Tuesday 14.11 | Wednesday 14.11 | Thursday 15.11 | Friday 16.11 |
|---|---|---|---|---|
| Morning | Sound & Video | Graphic Design Lab 09.00 Kick-Off 4K14 | Graphic Design Lab Independent study | Sound & Video |
| Afternoon | Sound & Video | 14.00 — Illustrator crash course | 13:30 — Mentoring JS & RMP | Sound & Video |
| Week 2 | Tuesday 20.11. | Wednesday 21.11. | Thursday 22.11. | Friday 23.11. |
| Morning | Production Week Independent Study | Production Week Independent Study | Production Week Independent Study | Production Week Independent Study |
| Afternoon | Production Week Independent Study | Production Week Independent Study | Production Week Independent Study | Production Week Independent Study |
| Week 3 | Tuesday 27.11. | Wednesday 28.11. | Thursday 29.11. | Friday 30.11. |
| Morning | Sound & Video | Graphic Design Lab 08:30–11:00 — Mentoring LF & JS & RMP | Graphic Design Lab 09.00–13:00 Independent Study | Typo & Icons 09.00 — 12.00 Kick-Off JS – 4.K14 Typo & Icons 13.00 — 17.00 Independent Study |
| Afternoon | Sound & Video | 13:00 — Programming basic with LF | 13:30–17:15 optional mentoring | |
| /Week 4 | Tuesday 4.12. | Wednesday 5.12. | Thursday 6.12. | Friday 7.12. |
| Morning | Graphic Design Lab 08:30-11.30 Mentoring: JS & RMP | Graphic Design Lab 9.00-12.00 — optional Mentoring RMP | Graphic Design Lab 09.00 4K14 — Students Presentation | Typo & Icons 09.00 — 12.00 Mentoring JS – 4.K14 Deliverables: Exercise 01.1 – 02.2 |
| Afternoon | Sound & Video | 13:00 — Programming basic with LF | optional Mentoring RMP | Typo & Icons 13.00 — 17.00 Independent Study |
| Week 5 | Tuesday 11.12. | Wednesday 12.12. | Thursday 13.12. | Friday 14.12. |
| Morning | Graphic Design Lab 08:30–12:30 Mentoring RMP | Graphic Design Lab 08:30–11:30 — Mentoring JS & RMP | Typo & Icons 09.00 — 12.00 Mentoring JS – 4.K14 | Graphic Design Lab 09.00 4K14 |
| Afternoon | 13.00 — Independent Study optional Mentoring RMP | 13:00 — Programming basic with LF | Typo & Icons 13.00 — 17.00 Independent study | 13:30 — 17:00 moving Poster, Documentation A4 |
| Week 6 | Tuesday 18.12. | Wednesday 19.12. | Thursday 20.12. | Friday 21.12. |
| Morning | Graphic Design Lab 09.00 — handing out 11 A3 print and 3 A1 prints per Person (Black and White) for the Wall — pasting the wall | Graphic Design Lab 09.30-11:30 — final Presentation | Typo & Icons 09.00 — 12.00 Mentoring JS – 4.K14 | Typo & Icons 09.00 — 12.00 Final presentation JS – 4.K14 |
| Afternoon | 13.30 — pasting the wall finalize Moving Poster / Documentation A4 Artivive App (fakultative) | 13:00 — Programming basic with LF | Typo & Icons 13.00 — 17.00 Independent Study | Typo & Icons 13.00 — 17.00 Documentation |
RMP: Rebecca Morganti-Pfaffhauser, JS: Jürgen Späth, LF: Luke Franzke