Print πŒ†

Sept 4th, Tuesday

Kick offs of all kinds.

For Thursday

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

Read Computed Type by Christoph Knoth, 2012 and add a response to the week 2 document.

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

For Thursday

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

  • Read 10,000 Copies, by Kris Sowersby, 2018
  • Create 3 discussion questions for the reading and put them in the week 3 doc.
  • Translate at least 4 of your letters into code. Begin thinking about how your letterforms may be best showcased as a website.

Sept 17th, Tuesday

  • Reading discussion on 10,000 Copies, by Kris Sowersby, 2018 – doc for comments.
  • Review coded letterforms.
  • Begin working on proposals for typeface website and continue coding letters.

For Thursday

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: specimen, showcase, 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

For Tuesday

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

For Thursday

  • Read Conservatism of Emoji, by Luke Stark and Kate Crawford, and add 3 questions or thoughts to the week 4 doc.
  • Continue work on your website and typeface.

Sept 27th, Thursday

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

No class.

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

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.

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

  • Read Fuck Content by Michael Rock and add a response to the week 11 doc.
  • Have your site 25% complete for review and feedback.

Tuesday Nov 20

For Tuesday Nov 27

For Thursday Nov 29

  • Continue to make progress on P3 build.