To kick off our fourth unit, Interface as interface, we’ll discuss our readings from last week:
We’ve again included other selections for you to read over the course of the unit. (The first one is a Whole Book—so, you know, within reason.) Use these for reference and inspiration:
Our fourth project
Let’s go through the rest of our next project, in detail:
We will probably take our 10-minute break here. Please be back on time! Mind the elevator time.
Alright, it’s that time—let’s discuss images on the web:
If we have time, we’ll try to rocket through a quick demo:
- Export a PNG from Figma (pixel preview, 1x/2x)
- Add it to some HTML, sizing/resizing
- Replace it with an SVG
- Inline the SVG contents instead
- Target and style it with CSS
For next week
For the former, connect with your classmates—both whom you are handing your collection over to, and whom you are receiving a collection from. Ask them what you need to get a feel for your sketching and the rest of your work.
Add 10 items to your new, adopted collection to “get a feel for the water.” We will be visiting the original channel URL next week, so don’t change the name without letting us know.
Start your Figma sketching, for the next step. Be sure to explore discrete overall directions, and also iterations on smaller blocks themselves. (And we expect to see mobile comps paired with desktop, as is custom.)
We’ll go through these at the start of class next week: