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
...
Reacting Poster (LF / RMP)
09.30 Kick-Off @ Nieves
Köchlistrasse 5
— Intro RMP Posterpearls
— Basic Poster Rules
— Find anagrams (how to)
...
Reacting Poster Lab (RMP) 4.K15
09.00 Material Lab RMP — warm up
— Material-Lab 1 / A11
— Talk Anagrams
— HW Blowup
...
Reacting Poster Lab (RMP)
09.00 presentations Blowups Plenum
10:00 Illustrator crash course
— fixing Anagramm
— idea Anagramm combined with processing skills
Reacting Poster Lab (Luke & RMP)
09.00–12.00 Mentoring
— Presentation (Design & Idea)— Anagramm & Processing sketches
...
Reacting Poster Lab
Independent study
...
Reacting Poster Lab
((Wall planning RMP))
...
Reacting Poster Lab
09.00 — 12.00 Independent study
Reacting Poster Lab
09.00 — 12.00 Independent study
Documentation A4
LF & RMP montage @ NIeves
...
13:00 Bits and Atoms (LF)
15:00 Programming Mentoring
13:00 Bits and Atoms (LF)
15:00 Programming Mentoring
...
13:00 Programming Mentoring (LF)
gifs zu Benjamin as preview
...
15:00 final Presentation @ Nieves ((suppe kochen Tee machen?))
...
Interactive Visualization
...
Interactive Visualizationnter
...
Interactive Visualization
...
Interactive Visualization
Interactive Visualization
...
Interactive Visualization
13.00 — 17.00 Independent study
...
Interactive Visualization
Interactive Visualization
...
Interactive Visualization
13.00 — 17.00 Independent study
...
Interactive Visualization
...
Interactive Visualization
09.00 — 12.00 Final presentation
...
Interactive Visualization
13.00 — 17.00 Independent study
...
Interactive Visualization
13.00 — 17.00 Independent study
Interactive Visualization
...
Documentations
13.00 — 17.00
...