Experimental Type
for the web





Topic

Class Content 

Assignment

Additional Readings




Week 1
8/26

Class Intro
Self-introThe Web’s Frain by Frank Chimero
https://frankchimero.com/blog/2015/the-webs-grain/



Week 2
9/2

Figma
Lecture: Everything is a web page
Project 1: Intro
Exercise 1-1
Exercise 1-1
Download: Visual Studio Code



Week 3
9/16

HTML+CSS 1Lecture: HTML+CSS 1
Exercise 1-2
Record: Zoom Recording
Code: Class Code
Exercise 1-2



Week 4
9/23

HTML+CSS 2Exercise 1-3 
Record: Zoom Recording
Code: Class Code
Exercise 1-3 (Full Letter)
Project1-P1



Week 5
9/30

Cargo 1Record: Zoom Recording
Project1-Sketch 1



Week 6
10/07

WebFlow
1:1 Check-in
Record: Zoom Recording
Project1-Sketch 2



Week 7
10/14

Cargo 2 + Worksession1:1 Check-inProject1-Sketch 3



Week 8
10/21

Worksession1:1 Check-inProject1-Develop



Week 9
10/28

Mid-term Project (Project 1)Proejct 1 Due!
Signup here: google sheets

Readings:

Investigations on Gestalt Principles  by Max Wertheimer
https://g-e-s-t-a-l-t.org/media/pdf/Investigations-on-Gestalt-Principles.pdf


Design Interface
https://i-n-t-e-r-f-a-c-e.org/media/pdf/Design-Interface.pdf

Typeface as Programme
https://www.typotheque.com/articles/typeface-as-programme

Report: The Diminishing Marginal Value of Aesthetics
https://subpixel.space/entries/diminishing-marginal-aesthetic-value/





Week 10
11/4

Processing-InteractiveLecture: Digital tool+Computational Type
Exercise Brush
Record: Zoom Recording
Code: Class Code
Create three new brushes and use each brush to create one random letter. You will record your drawing process and take a screenshot of each letter. 

Your final deliverables will be:
       Brush 1 + recording of Letter 1 + screenshot of Letter 1
       Brush 2 + recording of Letter 2 + screenshot of Letter 2
       Brush 3 + recording of Letter 3 + screenshot of Letter 3

Submission link: here
Download Processing:
https://processing.org/download



Week 11
11/11

Processing-Still ImageExercise ASCII
Record: Zoom Recording
Code: Class Code
Create three of your own ASCII-style letters, letters should be different from last week:

Step 1: Take a photo of your sketch. 
Step 2: Use Adobe Firefly to add material to the letter. 
Step 3: Import it to your Processing file and save it as an image.

Your final deliverables will be three images.

Submission link: here



Week 12
11/18

Guest WorkshopGuest Workshop: Halim LeeRevise past assignments 



Week 13
11/25

Processing-Motion+3D
Project 2 Intro
Record: Zoom Recording
Code: Class Code
Option 1: 5 Letters
Option 2: A clip (5 seconds)
Option 3: A Prototype (Sketch of still Image+test run)

Submission: One-on-one check next week



Week 14
12/2

Project 2-Worksession



Week 15
12/9

Project 2Option 1: 15 Letters
Option 2: A clip (20 seconds)
Option 3: A Poster 




Week 15
12/13

Final DueProject 1
Project 2
6 Excerises