Sept 4th, Tuesday
Kick offs of all kinds.
- Complete part 1 of exercise: Spreadsheet Typeface
Sept 6th, Thursday
- Review exercise: exercise: Spreadsheet Typeface and complete Part 2
- Look at some examples of typography on the web
- In small groups, determine which letters create the foundation for the majority of characters in the alphabet. (For example, "o" creates "b", "d", "p", "q", etc ) using some font samples as reference
- Introduce P1 at more length
- Review html / css
For Sept 11th, Tuesday
For P1, create three unique directions for your typeface. Begin by sketching the fundamental letters we discovered in small groups. For your typefaces, find the list of fundamental characters within that genre, and choose 3-4 unique characters to draw (either upper or lower case). For instance, if one's direction was a grotesque I may draw the "E", "B", and "C".
Conceptually and formally, each direction should be uniquely different from each other – make sure you define the following qualities for each: width, contrast amount, weight, stroke endings, construction (lowercase or uppercase).
While sketching, consider how each typeface would exist as code and in the browser space. (Do this in InDesign or Illustrator and create a PDF to discuss on Tuesday.) Design with each typeface with a purpose in mind and be prepared to explain these concepts on Tuesday.
Sept 11th, Tuesday
- Reading discussion on Computed Type by Christoph Knoth, 2012
- In class demo for coding shapes and HTML and CSS Refresher
- Work in class on Exercise: Coding from Life
- While students are working on the exercise, Will will meet with you in small groups to discuss your three typeface directions
Finish and upload your CSS Still Life. Link to it from your class website. For the selected direction, complete your typeface (in Illustrator, Figma, etc.) as much as possible. Here are the characters I would like you to have by then:
either: abcdefghijklmnopqrstuvwxyz or: ABCDEFGHIJKLMNOPQRSTUVWXYZ as well as: 0123456789 (numbers) .?!,”“ (punctuation)
Print out your type on 2 tabloid sized pages, one page with the type at a text size and the other page with a display size
Sept 13th, Thursday
- Review Still Lifes
- Letterform construction discussion
- Continue working on your alphabets and begin coding them
For Next Week
Sept 17th, Tuesday
Create two unique proposals (using InDesign, Illustrator, Sketch, etc.) for the website your typeface will live on. Each proposal should include at least three sections:
state-change. We should be able to visualize your website proposal by looking at these three pages. How can your website's focus not only reinforce but push forward the concept of your typeface? Upload the sketches to your class website as pngs and link them from your homepage.
Make your designs for a 1200px by 800px window, and show how the site will interact across at least 3 frames per direction (you'll have 6 images total). The designs should show how you'll display: specimen, showcase, and state-change. Be prepared to discuss your proposals in small groups.
Sept 19th, Thursday
- Look over two proposals for website for P1
- Begin coding website & continue coding typeface
Continue developing your website and your typeface. Have your in progress site pushed to your class site by start of class for crit.
Sept 25th, Tuesday
- Mid Crit for P1
Sept 27th, Thursday
- Discuss Conservatism of Emoji
- In class work time.
Oct 2nd, Tuesday
- Work time and desk crits with will.
For Thursday Oct 4
P1 is DUE, have your project uploaded to your class site at the beginning of class and be prepared for final crit on P1.
Oct 4nd, Thursday
- Project 1 final crit. Have you site uploaded at the beginning of class.
For Tuesday Oct 9
- Read Intro to The Interface pages 75-79 (1-5 of the PDF) by Lev Manovich, 2001 and add a response to the week 6 doc
- Find one website with that uses an interaction we’re accustomed to – click, scroll, hover, etc. in a novel way. Have the URL ready to share with the class at the beginning of the class session.
- Send me an email with a copy of the name of your typeface as a vector on a letter sized page (it can be the simplified form from your original drawings if that is still representative).
Tuesday Oct 9
For Thursday Oct 11
- Complete your 50 buttons with your partner and link to it from your respective class sites.
Thursday Oct 11
- Present 50 Results Charrette Outcomes
- In groups choose 1 interaction, and start sketching sites
After you've chosen your interaction do the following
- come up with 1 idea the subverts expectations
- 1 that magnifies
- 1 that makes hyper-specific
- 1 that makes profoundly general.
For Tuesday Oct 16
Review refined design proposal for Single Action website created in graphic software If you are ahead of schedule, start setting up your design in code.
Tuesday Oct 16
- Review sketches in groups
- Start building your microsite if you haven't already
- JS demos relating to your directions
- Figure out a collaboration plan for working on your site together
For Thursday Oct 18
- Continue building your microsite
Thursday Oct 18
- Working Day / Technical feedback
For Tuesday Oct 23
Finish your Single Action website, have it uploaded to your class site, and be prepared to present.
Tuesday Oct 23
Final Crit on the Single Action sites.
Thursday Oct 25
- Discuss techniques for documenting interactive work.
- Workshop with Minkyoung Kim kicks off.
Tuesday Oct 30
For Thursday Nov 1
Thursday Nov 1
Meet at SFMOMA at 4pm by the ticket counters. You can email or text me at
415.254.0564 for logistical issues.
- Meet Jay Mollica of SF MOMA
- Tour the museum, take pictures!
- Introduce Project 3
- Discuss how the exhibitions we visited might manifest as a website.
For Tuesday Nov 6
Please vote if you are able 🇺🇸
- Research SF MOMA's past exhibitions and select two separate exhibitions to develop website concepts about
- For each exhibition you've chosen, develop one website concept
- Produce a wireframe (layout and structure diagram) or sketch for each website direction
- Begin with the home page and one detail page and have them for Tuesday.
Tuesday Nov 6
Crit your website directions in groups, selecting one to proceed with.
For Thursday Nov 8
Work on visual designs for your chosen concept.
Thursday Nov 8
- Lecture on Exhibit Design
- Clock making exercise
- Work time on visual designs
For Tuesday Nov 13
- For your concept, present a visual design of at least three pages/states. Pretend these are screenshots of your website. If I click through your design sketches, will I understand how this website exists online?
Tuesday Nov 13
- Review your visual designs in groups.
- Sign up for a time slot for feedback on Thursday in the week 10 doc.
For Thursday Nov 15
- Finish exercise
- Read The Mission to Save Vanishing Internet Art and Karel Martens, Joy, and Five Years of P!: An Interview with Prem Krishnamurthy and add a response to each to the week 10 doc.
Thursday Nov 15
- Come for your time slot for feedback.
- Go to the Harvest Dinner 5:30–7pm in the Nave!
For Tuesday Nov 20
Tuesday Nov 20
- Review Clocks
- Discuss Fuck Content, The Mission to Save Vanishing Internet Art and Karel Martens, Joy, and Five Years of P!: An Interview with Prem Krishnamurthy.
- Show your sites to your peers in small groups.
- Worktime and help.
For Tuesday Nov 27
For Thursday Nov 29
- Continue to make progress on P3 build.