Introduce yourself to your neighbors with some of what you wrote to me
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)
The Typographer and the Web
Demo Web inspector
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.
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:
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.
Refresh/Warm-Up with InDesign
Practice with fundamentals of typography: Sizes, Spacing, Hierarchy