I
Reactive Screens @ Nieves
Rebecca Morganti-Pfaffhauser — Visual Programming: Luke Franzke
...
Expected Products
A — 5 x Poster A3, 3 x A1,
optional: AR (artivive app)
color: Black & white
B — Moving Screens
2 Screens @ 45" (122cm x 69.5cm))
as one Screen:122cm x 139cm
programmed with processing
C — Documentation Format:
printed & digital
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
...
— https://ingesanagram.appspot.com/
— Anagramm-Generator de (Wort): https://en.anagramme-expert.com/
— DE, (mehrere Wörter) http://www.anagrammgenerator.de/
— 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
— Programming Fonts
https://issuu.com/jpagecorrigan/docs/type-code_yeohyun-ahn
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
...
II
Interactive Visuals
Archive Rebecca Morganti-Pfaffhauser
In the second part of GDB you will go with a chosen style on a virtual Citytrip.
You first dive in to the worlds of brands. Second you will choose one brand and then get to know it. Third: you design a city guide with the look of your chosen brand.
A
Explore 2 brands that have a strong and clear visual identity which you like allot. These brands can come from fashion, visual designers, search engines, automotives, places, newspapers, events etc.
Create a moodboard (A4 landscape format) with the essential, visual parameters from each of the 2 brands, from which the look & feel of the brand is readable.
Contents
1 word mark, figurative mark or word/figurative mark, Title
2 primary colors and secondary colors of the corporate design
3 fonts of corporate design
4 corporate design elements
5 materiality of the products
6 design language of the products
7 images
8 Find the used fonts and name the font, font style and the application area.
Example tools
www.myfonts.com/WhatTheFont
www.identifont.com
9 ...
B
Select one brand of phase A. Explore for the following terms pictograms and / or icons. Design at least 5 pictograms to each term which fit to the chosen brand. First create analog sketches, then convert the icon families digitally with Illustrator.
1 hotel
2 dinner / meal
3 coffee
4 nightlife
5 now
6 entertainment
7 discover
8 visitor attraction / sight
9 map
C
Create a City Guide with the look and feel of your selected brand. 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.
— Home / Welcome screen
— City Screen
— Discover Screen
— Map
— ...
...
Expected Products
A —Moodboard
A4 landscape format
printed & digital
B — Icon families
A4 portrait format
printed & digital
C — City guide design
A4 portrait format
printed & digital
(one page, full size A4)
Working form
The exercises does each student individually.
Learning goals
— get to know brands
— appearances of brands
— simple layouts
— basic icon / pictogram design
— first steps screendesign mobile
...
Books:
— Zeichensysteme der visuellen Kommunikation: Handbuch für Designer, Architekten, Planer, Organisatoren, 1. Januar 1996 von Otl Aicher(Autor), Martin Krampen(Autor)
— Piktogramme und Icons: Pflicht oder Kür? Gebundenes Buch – 1. Juli 2005 von Rayan Abdullah(Autor) Galeriegeschoss 288- 50 Regal G45.2
— Der Mensch und seine Zeichen (marixwissen) Broschiert, 2013 von Adrian Frutiger(Autor)
...
Moving Poster Template
https://github.com/IAD-ZHDK/Moving_Poster_Template
Screen arrangement
...
Schedule
...
Week 1
...
Tuesday 24.11
...
Wednesday 25.11
...
Thursday 26.11
...
Friday 27.11
...
Morning
Reacting Poster (LF / RMP)
09.30 Kick-Off @ Nieves
Köchlistrasse 5
— Intro RMP Posterpearls wenige mit Type
— Basic Poster Rules
— Find anagrams (how to)
...
— Anagramm presentation
Reacting Poster Lab (RMP)
09.00 presentations Blowups and Biggies in Plenum
— fixing Anagramm
— idea Anagramm combined with processing skills
...
Afternoon
...
13:00 Bits and Atoms (LF)
15:00 Reacting Poster Lab
Independent study
...
Reacting Poster Lab
Independent study
13:00 Illustrator speed crash course
— Typo-word combined with processing idea mentoring RMP
Reacting Poster Lab
((Wall planning RMP))
...
Week 2
...
Tuesday 01.12.
...
Wednesday 02.12.
...
Thursday 03.12.
...
Friday 04.12.
...
Morning
...
Reacting Poster Lab
09.00 — 12.00 Independent study
& pasting the wall
...
Reacting Poster Lab
09.00 — 12.00
— short Input Artivive App
— guidelines documentations
Independent study & pasting the wall
opt. Mentoring RMP
Reacting Poster Lab PRESENTATION STATE OF PROJECT
...
Reacting Poster Lab
09.00 — 12.00 Independent study
Documentation A4
...
Afternoon
...
13:00 Bits and Atoms (LF)
15:00 Reacting Poster Lab
Independent study
...
gifs zu Benjamin as preview
...
Week 3
...
Tuesday 08.12.
...
Wednesday 09.12.
...
Thursday 10.12.
...
Friday 11.12.
...
Morning
...
Interactive Visualization Kickoff
Wireframe
...
Interactive Visualizationnter
...
Interactive Visualization
Interactive Visualization
Interactive Visualization
...
Afternoon
...
13:00 Bits and Atoms (LF)
15:00 Reacting Poster Lab
Independent study
...
Interactive Visualization
Interactive Visualization
...
/Week 4
...
Tuesday 15.12.
...
Wednesday 16.12.
...
Thursday 17.12.
...
Friday 18.12.
...
Morning
...
Interactive Visualization
13.00 — 17.00 Independent study
...
Interactive Visualization
...
Interactive Visualization
09.00 — 12.00 Final presentation
...
Afternoon
...
13:00 Bits and Atoms (LF)
15:00 Reacting Poster Lab
Independent study
...
Interactive Visualization
13.00 — 17.00 Independent study
Interactive Visualization
...
Documentations
13.00 — 17.00
...
Monday 21.12.
...
09:00 treffen mit Luke @zhdk dann zu Nieves Vernissage 17:00 @ Nieves
((suppe kochen Tee machen?))
RMP: Rebecca Morganti-Pfaffhauser, LF: Luke Franzke, BS: Benjamin Sommerhalder
red texts: not sure with number and Formats... will be set soon 
> https://paul.zhdk.ch/course/view.php?id=1027