Reactive Wall
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!
An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. For example, the word anagram can be rearranged into nag a ram, or the word binary into brainy. The original word or phrase is known as the subject of the anagram. Any word or phrase that exactly reproduces the letters in another order is an anagram. Someone who creates anagrams may be called an "anagrammatist", and the goal of a serious or skilled anagrammatist is to produce anagrams that reflect or comment on their subject. Wikipedia
By chance, we select only one term from a dictionary. This term we supplement with two other self-selected words, generate anagrams and find the right juxtaposition. By rearranging the basic design elements (e.g., word, point, line, from,), the context changes and we provoke new products, new moving posters. The play with the coincidence and the process generates new compositions during our work. We work analog and digital.
Material to bring to the Kick-Off
dictionary, laptop, scissors, cutter, metal ruler, pencil, Edding fat to narrow, thin, thick brush, thin brush ,USB stick, cutting pad, research material, adhesive tapes, line, Duct tape, thread, adhesive tapes, glue: Rubber Cement, sample papers, magazines / notebooks, newspapers, stencils, Letraset, stickers, colored pencils, pastel pencils, pair of compasses, triangle ruler, cardboard, rubber, Bostich, Post-it .. | Expected Products
A — 7 x Poster A3, 3 x A1,
XL (1260mmx 891mm) or
XXL (2100mm x 1485mm) optional
optional: AR (artiviveapp)
color: Black & white B — Moving Walls programmed with processing C — Documentation Format: PDF A4 Fonts for use as a base:
Helvetica, Favorit oder Swiss
GT Super, Century Schoolbook MT Working form
The poster can be designed and programmed in a team (max 2 persons). The exercises does each student individually. Learning goals
Learning goals: — playful learning
— learning by doing
— with simple methods and technics producing
a variety of material
only with letters in different fonts
— get to know and understand basic rules in composition — capture the influence of word and image
— work processively and in the format
— talk about your own work
— work alone and in team
— learning from each other Criterion of the evaluation
— motivation
— variety / combinations
— expressiveness and formal aesthetics
— Presentations
— interaction Anagram/Design/movingposter
— expressiveness and formal aesthetics
— message
| Books
— Geschichte des Plakates Histoire de l‘affiche History of the poster, Josef und Shizuko Müller-Brockmann
— Generative Gestaltung entwerfen, programmieren, visualisieren, Hartmut Bohnacker, Benedikt Gross, Jul
— Postercollection, Lars Müller Publishers (verschiedene Ausgaben)
— Tissi & Odermatt, Swiss Posters, Waserverlag Zürich
— Tissi & Odermatt, Grafic Design, Waserverlag Zürich
— H. Knuchel/J. Nänni «BLUE. YELLOW. RED» colour anagrams 1991, Lars Müller
— Typo China mit einem Essay von Eva Lüdi Kong, Museum für Gestaltung Zürich, Plakatsammlung
— Posters by members of the Alliance Graphique Internationale (AGI) 1960 - 1985 ed. by Rudolph de Hara
— Plakat polski 1970-1978 [introduction: Zdzisław Schubert]
— Breaking the rules posters from the turbulent 1980s in Switzerland Plakate der bewegten 1980er Jahre
— Armin Hofmann mit einem Essay von Steven Heller, Museum für Gestaltung Zürich, Plakatsammlung
— Handmade mit einem Essay von Claude Lichtenstein, Museum für Gestaltung Zürich, Plakatsammlung
— Ralph Schraivogel mit einem Essay von Robert Massin, Museum für Gestaltung Zürich, Plakatsammlung
— Schwarz und Weiss mit einem Essay von Lars Müller Black and white with an essay by Lars Müller
— Visuelle Wahrnehmung = Visual perception, Jürg Nänni, Sulgen, Niggli
— Poemotion 3 Takahiro Kurashima, Lars Müller Publishers
— Optical Illusions and the visual arts, Ronald G. Carraher, Jacqueline B. Thurston
— Das Bild als Schein der Wirklichkeit, Herbert Schober, Ingo Rentschler, Moos Verlag München
— See waw, Hans Knuchel, Jürg Nänni, Lars Müller Publishers
Links
— Anagramm-Generator de: http://www.nlp.de/cgi-bin/anagrams/wordplay.cgi
— Anagramm-Generator eng: http://www.wordplays.com/anagrammer
— https://www.grillitype.com/typeface/gt-super
— https://www.abcdinamo.com/front
— https://www.linotype.com/de/1549538/egyptienne-f-schriftfamilie.html
— https://lineto.com/
— https://www.milieugrotesque.com/
— blelb ist ein Labor für Gestaltung zwischen Kunst und Technik:
http://www.blelb.ch/
— Space type Generator:
https://editor.p5js.org/full/ryzpqAjKm
— chanching Fonts
https://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich
Graphic Classics / Some Inspirations:
please google:
— Armin Hofmann
— Moholy Nagy Typography
— Wolfgang Weingart Typography
— Emil Ruder
— Koichi Sato
— Max Bill
— Ralph Schaivogel
Graphic Now / Some Inspirations:
http://dia.tv/nike-basketball/
http://www.studiofeixen.ch/
http://www.therodina.com/ecstatic-trap/
http://a-g-i.org/
http://www.johnsonkingston.ch/index.php?/do-make
http://erichbrechbuhl.ch/
http://yaherd.tumblr.com/
http://hubertus-design.ch/
http://www.ludovic-balland.com/en/poster/0/poster.html
http://www.vier5.de/10/info.html
https://www.google.ch/search?q=na+kim&espv=2&biw=
1393&bih=775&source=lnms&tbm=isch&sa=
X&ved=0ahUKEwiwxK2aztfPAhXEsxQKHetIBwQQ_
AUIBigB£
http://www.ok-rm.co.uk/cat/selected
WHICH WALLS
https://intern.zhdk.ch/?wandgestaltung
https://intern.zhdk.ch/fileadmin/data_subsites/data_serviceportal/FM-Downloads/Gestaltung_von_Waenden__Reglement_und_Anhaenge.pdf
KLEISTERN
https://www.youtube.com/watch?v=hLr-8vETkvI
A MOVING POSTER COLLECTION
http://www.themovingposter.com/—
ARTIVIVE APP
https://artivive.com/
Inspiration films ;) (concerning the theme play and coincidence )
Adriano Celentano:
https://www.youtube.com/watch?v=G96luhHhxnI
https://www.youtube.com/watch?v=-VsmF9m_Nt8
Fischli Weiss, Der Lauf der Dinge:
https://www.youtube.com/watch?v=L_HWDQxcngE
Michelangelo Antonioni, Professione Reporter, Final Scene :
https://www.youtube.com/watch?v=pvbqy8FZq8Y |
|
|
|
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
www.myfonts.com/WhatTheFont
www.identifont.com
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
https://www.amazon.de/Zeichensysteme-visuellen-Kommunikation-Architekten-Organisatoren/dp/3433026505/ref=sr_1_8?s=books&ie=UTF8&qid=1543562985&sr=1-8&keywords=otl+aicher
https://www.amazon.de/Die-Welt-Zeichen-Kommunikation-Communication/dp/3899860861/ref=sr_1_5?s=books&ie=UTF8&qid=1543563041&sr=1-5&keywords=martin+krampen
https://www.amazon.de/Piktogramme-Icons-Pflicht-oder-Kür/dp/3874396495/ref=sr_1_2?s=books&ie=UTF8&qid=1543563119&sr=1-2&keywords=piktogramm+icons
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.
Deliverables:
Schedule
| Week 1 | Tuesday 26.11 | Wednesday 27.11 | Thursday 28.11 | Friday 29.11 |
|---|
| Morning | Graphic Design Lab (LF / RMP) 09.30 Kick-Off @ Nieves
Köchlistrasse 5
— Anagramm it Aufgabenstellung bekanntgeben
— Typoinput Din-Format und Type RMP
RMP– 4.K14
| Graphic Design Lab (RMP)
14.00 — Illustrator crash course
— warm up / Idea sketch
— Material-Lab 1 / A11
| Graphic Design Lab (RMP)
09.00–12.00 presentations
Blowups
| Graphic Design Lab (LF / RMP)
09.00–12.00 Mentoring
|
| Afternoon | 13:00 — Programming basic with (LF) | Graphic Design Lab
Independent study
— Matrix exercises ?
— Material-Lab 2 / Blowup
| Graphic Design Lab
Independent study
— Material-Lab with Typoword combinded with processing Idea
| Graphic Design Lab (RMP)
15:00 presentation Typoword |
| Week 2 | Tuesday 3.12. | Wednesday 4.12. | Thursday 5.12. | Friday 6.12. |
|---|
| Morning | Graphic Design Lab
Independent study
— Material-Lab combinesd with processing | Graphic Design Lab (LF / RMP) mit Benjamin
08:30–11:30 — Mentoring
— state pf project
— favourite A3's | Graphic Design Lab
08:30–11:30 — Mentoring RMP
— state pf project
— favourite A3's | Graphic Design Lab
09.00 4K14
Input Artivive App
& Indesign (fakultative) RMP wall Planning! |
| Afternoon | 13:00 — Programming basic with (LF) | Graphic Design Lab
Independent study | Graphic Design Lab
Independent study
— Matrix exercises ?
— Material-Lab 2 / Blowup | 13:30 — 17:00 (LF)
Mentorings 13.30 — pasting the wall
finalize Moving Poster / Documentation A4
Artivive App (fakultative) reactiing Poster, Documentation A4 |
| Week 3 | Tuesday 10.12. | Wednesday 11.12. | Thursday 12.12. | Friday 13.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
Project Room IAD
Moving Posters LF & JS & RMP | Typo & Icons
09.00 — 12.00 Kick-Off | Typo & Icons
09.00 — 12.00 optional mentoring
Typo & Icons
13.00 — 17.00
Independent Study
|
| Afternoon | 13:00 — Programming basic with (LF) | Graphic Design Lab
Documentations 13.00 — 17.00 | Typo & Icons
13.00 — 17.00
Independent Study
|
| /Week 4 | Tuesday 17.12. | Wednesday 18.12. | Thursday 19.12. | Friday 20.12. |
|---|
| Morning | Typo & Icons
09.00 — 12.00 Mentoring | Typo & Icons
09.00 — 12.00 short presentations
Mentoring
| Typo & Icons
13.00 — 17.00 Independent Study ((10:00 Testing and Installation @ Nieves (LF / RMP))) | Typo & Icons
09.00 — 12.00 Final presentation |
| Afternoon | Typo & Icons
13.00 — 17.00 Independent Study | Typo & Icons
13.00 — 17.00 Independent Study | 17.00 Graphic Design Lab (LF / RMP / BS)
presentations @ Nieves
| Graphic Design Lab + Typo & Icons
Documentations 13.00 — 17.00 I |
|
|
|
|
|
|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|---|
|
|
|
|
|
|
|
|
|
|
RMP: Rebecca Morganti-Pfaffhauser, JS: Jürgen Späth, LF: Luke Franzke