Type III: Week One

When you arrive

  1. Click and join Slack channel
  1. Sign up for are.na
  1. Fill out Google Form
  1. Download Sketch trial
  1. Review Syllabus 
  1. Introduce yourself to your neighbors with some of what you wrote to me

Review Syllabus

Let’s Talk Type. Where is everyone at? State of Type 3.
  • Practice (Self-publishing, complexity, density)
  • The Web (NYT US Open)
  • Motion (RISD motion, Lottie)
  • Systems (Span Identity, Moma Spaces/Places)

Discussion

The Typographer and the Web
  • Demo Web inspector

Activity

Becoming a super-user of the Web is an important part of designing for the medium. You must become comfortable mining sites for useful elements. This activity asks you to dissect a website in order to understand its typographic logic. Websites are conceptually very similar to printed documents, but need to respond to the specific platform and device that renders them. During class today, choose a website that is typographically driven and break down how it’s made. Choose a site from my websites arena channel (or a related channel). Is there a grid structure? If so, does it use fixed units or flexible units? What are the units? What typefaces does the site use? Who designed the faces? What is the typographic color palette? 

Take screencaptures and make a Keynote presentation to show your classmates in small groups. You may need to combine screenshots or start to annotate them. Use the Web Inspector as well. 

  • Demo of Sketch

 

For Next Week

Use what you began in class as a starting point. Draw up the website that you chose in Sketch. Use boxes to note areas of similarity, using your own visual notation to draw attention to consistent elements. What are the key moments of the site? Typography may be represented as lines, squiggles or as type. You may also use InVision or Figma to animate the mockup. Learning Objectives:
  • Learn Sketch
  • Communicate the structure of a design (that someone else did)
  • Become familiar with programmatic Web template thinking
  • Become a bit bored with conventional websites
  • Learn how to think in terms of instructions

Design a new Rhode Island Driver’s License. It’s 2.125” × 3.875” and looks like this. Rank the order of what’s most important before you design, and have this list typed up. Feel free to add additional info that appears on other state’s licenses. Do not remove info. Print the license on regular paper and trim to exact size. Bleed okay for imagery.
Learning Objectives:
  • Refresh/Warm-Up with InDesign
  • Practice with fundamentals of typography: Sizes, Spacing, Hierarchy
  • Craftsmanship of final object